mirror of
https://github.com/ground7/unraid-animated-svgs.git
synced 2025-10-27 19:31:08 -04:00
Compare commits
15 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 28bec4913b | |||
| fa9f7bf5ab | |||
| 842de6e198 | |||
| 7a8d682208 | |||
| 2b9e9d1b6c | |||
| 508f76c3fb | |||
| b6f1425070 | |||
| 0507e7d2b5 | |||
| d9c817ea58 | |||
| eaa1ac35a8 | |||
| 6a7183f1d7 | |||
| 89d636252a | |||
| 16bfe6d512 | |||
| 4ac00f2a82 | |||
| cdf184282b |
39
Always Animate/books.svg
Normal file
39
Always Animate/books.svg
Normal file
@ -0,0 +1,39 @@
|
||||
<svg id="books" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
|
||||
<style>
|
||||
@keyframes book_group_animation__to{0%,23.333333%{transform:translate(-900px,-1400px)}33.333333%{transform:translate(-900px,-400px)}36.666667%{transform:translate(900px,-400px)}40%{transform:translate(900px,-2400px)}43.333333%,to{transform:translate(-900px,-2400px)}}@keyframes book1_animation__to{0%,73.333333%{transform:translate(0,-78.053975px)}80%,to{transform:translate(0,171.946025px)}}@keyframes book2_animation__to{0%,83.333333%{transform:translate(0,-108.053975px)}90%,to{transform:translate(0,141.946025px)}}@keyframes book3_animation__to{0%,93.333333%{transform:translate(0,-138.053975px)}to{transform:translate(0,111.946025px)}}#book_group_animation{animation:book_group_animation__to 3000ms linear infinite normal forwards}#book1_animation{animation:book1_animation__to 3000ms linear infinite normal forwards}#book2_animation{animation:book2_animation__to 3000ms linear infinite normal forwards}#book3_animation{animation:book3_animation__to 3000ms linear infinite normal forwards}
|
||||
</style>
|
||||
<g id="background" transform="matrix(4 0 0 4 -907.406 -2431.03)">
|
||||
<path id="square" d="M419.1 703.55v72.19c0 11.03-8.32 21.11-19.18 23.18-1.61.31-3.27.48-4.9.48-47.97.03-95.93.02-143.9.02-11.76 0-22.02-9.02-23.56-20.72a23.27 23.27 0 01-.23-3.12c-.01-48.09-.01-96.18-.01-144.26 0-11.03 8.32-21.12 19.18-23.18 1.61-.31 3.27-.48 4.9-.48 48.01-.02 96.02-.02 144.02-.02 11.03 0 21.13 8.33 23.18 19.18.3 1.61.48 3.27.48 4.9.03 23.94.02 47.89.02 71.83z" fill="#FE8A30" stroke="none" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="book_group_animation" transform="translate(-900 -1400)">
|
||||
<g id="book_group" transform="scale(4)">
|
||||
<g id="book1_animation" transform="translate(0 -78.054)">
|
||||
<g id="book1" stroke="none" stroke-width="1">
|
||||
<path id="book1_cover1" d="M325.66 572.14c-.4-.09-.66-.17-.93-.22-6.1-1.08-12.19-2.16-18.29-3.25-7.15-1.27-14.3-2.55-21.45-3.83l-19.2-3.45c-4.05-.73-8.1-1.45-12.15-2.19-2.66-.48-4.75.48-6.43 2.49-2.96 3.55-3.22 9.21-.58 13 1.21 1.74 2.79 2.95 4.94 3.33 2.96.52 5.91 1.11 8.88 1.64 11.31 2.02 22.61 4.03 33.92 6.03 9.84 1.75 19.69 3.49 29.53 5.23.23.04.46.05.82.09-.25-1.25-.43-2.4-.71-3.53-.92-3.69-.83-7.33.36-10.96.45-1.38.84-2.82 1.29-4.38z" fill="#000"/>
|
||||
<path id="book1_cover2" d="M332.33 591.35c23.05-13.93 46.05-27.84 69.09-41.76-1.45-3.01-2.33-6.05-2.57-9.26-.25-3.19.32-6.29 1.13-9.56-.64.39-1.08.66-1.52.93-17.45 10.82-34.9 21.63-52.35 32.45-3.38 2.1-6.78 4.17-10.14 6.31-5.38 3.42-7.87 9.75-6.22 15.78.5 1.84 1.29 3.56 2.58 5.11z" fill="#000"/>
|
||||
<path id="book1_cover3" d="M327.41 601.7c-1.83-.29-3.96-.58-6.07-.95-7.12-1.27-14.23-2.59-21.35-3.87-7.22-1.3-14.44-2.58-21.67-3.87-7.09-1.27-14.17-2.53-21.26-3.81-2.89-.52-5.8-1-8.67-1.63-4.31-.94-7.63-3.37-9.95-7.11-2.86-4.62-4.17-9.64-3.5-15.08.41-3.33 1.57-6.41 3.53-9.11a21.82 21.82 0 016.81-6.15 60048.9 60048.9 0 0069.71-40.28c3.03-1.75 6.22-2.32 9.69-1.82 5.48.79 10.98 1.46 16.47 2.18 5.59.73 11.19 1.47 16.78 2.2 5.08.66 10.16 1.29 15.24 1.96 5.49.72 10.98 1.46 16.47 2.2l16.16 2.16c1.1.15 2.21.2 3.29.44 1.96.43 2.94 1.81 2.06 3.87-.2.47-.54.88-.86 1.29-1.43 1.83-2.73 3.75-3.74 5.86-2.17 4.55-2.61 9.21-.88 14.01.26.72.56 1.42.76 2.16.36 1.33 1.24 2.06 2.54 2.27.99.17 1.59.77 2.09 1.55.36.56.41 1.16.2 1.79-.26.78-.66 1.46-1.32 1.94-.73.53-1.46 1.05-2.23 1.53-23.05 14.28-46.11 28.55-69.16 42.83-2.38 1.47-4.86 2.65-7.65 3.08-1.03.16-2.1.22-3.49.36z" fill="#000"/>
|
||||
<path id="book1_pages1" d="M325.66 572.14c-.46 1.56-.84 2.99-1.3 4.41-1.18 3.62-1.27 7.27-.36 10.96.28 1.13.46 2.28.71 3.53-.36-.04-.59-.05-.82-.09-9.84-1.74-19.69-3.48-29.53-5.23-11.31-2.01-22.62-4.02-33.92-6.03-2.96-.53-5.91-1.12-8.88-1.64-2.16-.38-3.73-1.59-4.94-3.33-2.64-3.79-2.38-9.45.58-13 1.68-2.01 3.77-2.98 6.43-2.49 4.05.74 8.1 1.46 12.15 2.19l19.2 3.45c7.15 1.28 14.3 2.55 21.45 3.83 6.1 1.08 12.19 2.16 18.29 3.25.28.02.54.1.94.19z" fill="#FFF"/>
|
||||
<path id="book1_pages2" d="M332.33 591.35c-1.28-1.55-2.08-3.27-2.59-5.12-1.65-6.03.84-12.36 6.22-15.78 3.36-2.13 6.76-4.21 10.14-6.31 17.45-10.82 34.9-21.63 52.35-32.45.44-.27.88-.54 1.52-.93-.81 3.28-1.38 6.37-1.13 9.56.25 3.22 1.12 6.26 2.57 9.26-23.03 13.94-46.04 27.84-69.08 41.77z" fill="#FFF"/>
|
||||
</g>
|
||||
</g>
|
||||
<g id="book2_animation" transform="translate(0 -108.054)">
|
||||
<g id="book2" stroke="none" stroke-width="1">
|
||||
<path id="book2_cover1" d="M325.66 572.14c-.4-.09-.66-.17-.93-.22-6.1-1.08-12.19-2.16-18.29-3.25-7.15-1.27-14.3-2.55-21.45-3.83l-19.2-3.45c-4.05-.73-8.1-1.45-12.15-2.19-2.66-.48-4.75.48-6.43 2.49-2.96 3.55-3.22 9.21-.58 13 1.21 1.74 2.79 2.95 4.94 3.33 2.96.52 5.91 1.11 8.88 1.64 11.31 2.02 22.61 4.03 33.92 6.03 9.84 1.75 19.69 3.49 29.53 5.23.23.04.46.05.82.09-.25-1.25-.43-2.4-.71-3.53-.92-3.69-.83-7.33.36-10.96.45-1.38.84-2.82 1.29-4.38z" fill="#000"/>
|
||||
<path id="book2_cover2" d="M332.33 591.35c23.05-13.93 46.05-27.84 69.09-41.76-1.45-3.01-2.33-6.05-2.57-9.26-.25-3.19.32-6.29 1.13-9.56-.64.39-1.08.66-1.52.93-17.45 10.82-34.9 21.63-52.35 32.45-3.38 2.1-6.78 4.17-10.14 6.31-5.38 3.42-7.87 9.75-6.22 15.78.5 1.84 1.29 3.56 2.58 5.11z" fill="#000"/>
|
||||
<path id="book2_cover3" d="M327.41 601.7c-1.83-.29-3.96-.58-6.07-.95-7.12-1.27-14.23-2.59-21.35-3.87-7.22-1.3-14.44-2.58-21.67-3.87-7.09-1.27-14.17-2.53-21.26-3.81-2.89-.52-5.8-1-8.67-1.63-4.31-.94-7.63-3.37-9.95-7.11-2.86-4.62-4.17-9.64-3.5-15.08.41-3.33 1.57-6.41 3.53-9.11a21.82 21.82 0 016.81-6.15 60048.9 60048.9 0 0069.71-40.28c3.03-1.75 6.22-2.32 9.69-1.82 5.48.79 10.98 1.46 16.47 2.18 5.59.73 11.19 1.47 16.78 2.2 5.08.66 10.16 1.29 15.24 1.96 5.49.72 10.98 1.46 16.47 2.2l16.16 2.16c1.1.15 2.21.2 3.29.44 1.96.43 2.94 1.81 2.06 3.87-.2.47-.54.88-.86 1.29-1.43 1.83-2.73 3.75-3.74 5.86-2.17 4.55-2.61 9.21-.88 14.01.26.72.56 1.42.76 2.16.36 1.33 1.24 2.06 2.54 2.27.99.17 1.59.77 2.09 1.55.36.56.41 1.16.2 1.79-.26.78-.66 1.46-1.32 1.94-.73.53-1.46 1.05-2.23 1.53-23.05 14.28-46.11 28.55-69.16 42.83-2.38 1.47-4.86 2.65-7.65 3.08-1.03.16-2.1.22-3.49.36z" fill="#000"/>
|
||||
<path id="book2_pages1" d="M325.66 572.14c-.46 1.56-.84 2.99-1.3 4.41-1.18 3.62-1.27 7.27-.36 10.96.28 1.13.46 2.28.71 3.53-.36-.04-.59-.05-.82-.09-9.84-1.74-19.69-3.48-29.53-5.23-11.31-2.01-22.62-4.02-33.92-6.03-2.96-.53-5.91-1.12-8.88-1.64-2.16-.38-3.73-1.59-4.94-3.33-2.64-3.79-2.38-9.45.58-13 1.68-2.01 3.77-2.98 6.43-2.49 4.05.74 8.1 1.46 12.15 2.19l19.2 3.45c7.15 1.28 14.3 2.55 21.45 3.83 6.1 1.08 12.19 2.16 18.29 3.25.28.02.54.1.94.19z" fill="#FFF"/>
|
||||
<path id="book2_pages2" d="M332.33 591.35c-1.28-1.55-2.08-3.27-2.59-5.12-1.65-6.03.84-12.36 6.22-15.78 3.36-2.13 6.76-4.21 10.14-6.31 17.45-10.82 34.9-21.63 52.35-32.45.44-.27.88-.54 1.52-.93-.81 3.28-1.38 6.37-1.13 9.56.25 3.22 1.12 6.26 2.57 9.26-23.03 13.94-46.04 27.84-69.08 41.77z" fill="#FFF"/>
|
||||
</g>
|
||||
</g>
|
||||
<g id="book3_animation" transform="translate(0 -138.054)">
|
||||
<g id="book3" stroke="none" stroke-width="1">
|
||||
<path id="book3_cover1" d="M325.66 572.14c-.4-.09-.66-.17-.93-.22-6.1-1.08-12.19-2.16-18.29-3.25-7.15-1.27-14.3-2.55-21.45-3.83l-19.2-3.45c-4.05-.73-8.1-1.45-12.15-2.19-2.66-.48-4.75.48-6.43 2.49-2.96 3.55-3.22 9.21-.58 13 1.21 1.74 2.79 2.95 4.94 3.33 2.96.52 5.91 1.11 8.88 1.64 11.31 2.02 22.61 4.03 33.92 6.03 9.84 1.75 19.69 3.49 29.53 5.23.23.04.46.05.82.09-.25-1.25-.43-2.4-.71-3.53-.92-3.69-.83-7.33.36-10.96.45-1.38.84-2.82 1.29-4.38z" fill="#000"/>
|
||||
<path id="book3_cover2" d="M332.33 591.35c23.05-13.93 46.05-27.84 69.09-41.76-1.45-3.01-2.33-6.05-2.57-9.26-.25-3.19.32-6.29 1.13-9.56-.64.39-1.08.66-1.52.93-17.45 10.82-34.9 21.63-52.35 32.45-3.38 2.1-6.78 4.17-10.14 6.31-5.38 3.42-7.87 9.75-6.22 15.78.5 1.84 1.29 3.56 2.58 5.11z" fill="#000"/>
|
||||
<path id="book3_cover3" d="M327.41 601.7c-1.83-.29-3.96-.58-6.07-.95-7.12-1.27-14.23-2.59-21.35-3.87-7.22-1.3-14.44-2.58-21.67-3.87-7.09-1.27-14.17-2.53-21.26-3.81-2.89-.52-5.8-1-8.67-1.63-4.31-.94-7.63-3.37-9.95-7.11-2.86-4.62-4.17-9.64-3.5-15.08.41-3.33 1.57-6.41 3.53-9.11a21.82 21.82 0 016.81-6.15 60048.9 60048.9 0 0069.71-40.28c3.03-1.75 6.22-2.32 9.69-1.82 5.48.79 10.98 1.46 16.47 2.18 5.59.73 11.19 1.47 16.78 2.2 5.08.66 10.16 1.29 15.24 1.96 5.49.72 10.98 1.46 16.47 2.2l16.16 2.16c1.1.15 2.21.2 3.29.44 1.96.43 2.94 1.81 2.06 3.87-.2.47-.54.88-.86 1.29-1.43 1.83-2.73 3.75-3.74 5.86-2.17 4.55-2.61 9.21-.88 14.01.26.72.56 1.42.76 2.16.36 1.33 1.24 2.06 2.54 2.27.99.17 1.59.77 2.09 1.55.36.56.41 1.16.2 1.79-.26.78-.66 1.46-1.32 1.94-.73.53-1.46 1.05-2.23 1.53-23.05 14.28-46.11 28.55-69.16 42.83-2.38 1.47-4.86 2.65-7.65 3.08-1.03.16-2.1.22-3.49.36z" fill="#000"/>
|
||||
<path id="book3_pages1" d="M325.66 572.14c-.46 1.56-.84 2.99-1.3 4.41-1.18 3.62-1.27 7.27-.36 10.96.28 1.13.46 2.28.71 3.53-.36-.04-.59-.05-.82-.09-9.84-1.74-19.69-3.48-29.53-5.23-11.31-2.01-22.62-4.02-33.92-6.03-2.96-.53-5.91-1.12-8.88-1.64-2.16-.38-3.73-1.59-4.94-3.33-2.64-3.79-2.38-9.45.58-13 1.68-2.01 3.77-2.98 6.43-2.49 4.05.74 8.1 1.46 12.15 2.19l19.2 3.45c7.15 1.28 14.3 2.55 21.45 3.83 6.1 1.08 12.19 2.16 18.29 3.25.28.02.54.1.94.19z" fill="#FFF"/>
|
||||
<path id="book3_pages2" d="M332.33 591.35c-1.28-1.55-2.08-3.27-2.59-5.12-1.65-6.03.84-12.36 6.22-15.78 3.36-2.13 6.76-4.21 10.14-6.31 17.45-10.82 34.9-21.63 52.35-32.45.44-.27.88-.54 1.52-.93-.81 3.28-1.38 6.37-1.13 9.56.25 3.22 1.12 6.26 2.57 9.26-23.03 13.94-46.04 27.84-69.08 41.77z" fill="#FFF"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 9.4 KiB |
@ -1,4 +1,4 @@
|
||||
<svg id="database" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 499.17 498.38" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
|
||||
<svg id="database" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 499.17 498.38" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
|
||||
<style>
|
||||
@keyframes back_database_animation__to{0%{transform:translate(330.640859px,289.527196px);animation-timing-function:cubic-bezier(.445,.05,.55,.95)}16%,66%{transform:translate(178.283203px,199.933594px);animation-timing-function:cubic-bezier(.445,.05,.55,.95)}80%,to{transform:translate(330.640859px,289.527196px)}}@keyframes star_animation__ts{0%,78%{transform:translate(184.362724px,136.917577px) scale(0,0);animation-timing-function:cubic-bezier(.445,.05,.55,.95)}84%,86%{transform:translate(184.362724px,136.917577px) scale(1,1);animation-timing-function:cubic-bezier(.445,.05,.55,.95)}94%,to{transform:translate(184.362724px,136.917577px) scale(0,0)}}@keyframes star_c_o{0%{opacity:1}84%{opacity:1;animation-timing-function:cubic-bezier(0,0,.58,1)}94%,to{opacity:0}}#back_database_animation{animation:back_database_animation__to 5000ms linear infinite normal forwards}#star_animation{animation:star_animation__ts 5000ms linear infinite normal forwards}#star{animation:star_c_o 5000ms linear infinite normal forwards}
|
||||
</style>
|
||||
|
||||
|
Before Width: | Height: | Size: 7.5 KiB After Width: | Height: | Size: 7.5 KiB |
18
Always Animate/dependencies.svg
Normal file
18
Always Animate/dependencies.svg
Normal file
@ -0,0 +1,18 @@
|
||||
<svg id="dependencies" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
|
||||
<style>
|
||||
@keyframes pair1_f_o{0%,14.285714%,28.571429%,to{fill-opacity:1}42.857143%,57.142857%,71.428571%,85.714286%{fill-opacity:0}}@keyframes pair2_f_o{0%,71.428571%,85.714286%,to{fill-opacity:1}14.285714%,28.571429%,42.857143%,57.142857%{fill-opacity:0}}@keyframes pair3_f_o{0%,42.857143%,57.142857%{fill-opacity:1}14.285714%,28.571429%,71.428571%,85.714286%,to{fill-opacity:0}}@keyframes box1_f_o{0%,14.285714%,28.571429%,42.857143%,57.142857%,to{fill-opacity:1}71.428571%,85.714286%{fill-opacity:0}}@keyframes box2_f_o{0%,14.285714%,28.571429%,71.428571%,85.714286%,to{fill-opacity:1}42.857143%,57.142857%{fill-opacity:0}}@keyframes box3_f_o{0%,42.857143%,57.142857%,71.428571%,85.714286%,to{fill-opacity:1}14.285714%,28.571429%{fill-opacity:0}}#pair1{animation:pair1_f_o 3500ms linear infinite normal forwards}#pair2{animation:pair2_f_o 3500ms linear infinite normal forwards}#pair3{animation:pair3_f_o 3500ms linear infinite normal forwards}#box1{animation:box1_f_o 3500ms linear infinite normal forwards}#box2{animation:box2_f_o 3500ms linear infinite normal forwards}#box3{animation:box3_f_o 3500ms linear infinite normal forwards}
|
||||
</style>
|
||||
<g id="background" transform="matrix(4 0 0 4 -799.48 -2292.726)">
|
||||
<path id="square" d="M391.65 669.56v72.19c0 11.03-8.32 21.11-19.18 23.18-1.61.31-3.27.48-4.9.48-47.97.03-95.93.02-143.9.02-11.76 0-22.02-9.02-23.56-20.72a23.27 23.27 0 01-.23-3.12c-.01-48.09-.01-96.18-.01-144.26 0-11.03 8.32-21.12 19.18-23.18 1.61-.31 3.27-.48 4.9-.48 48.01-.02 96.02-.02 144.02-.02 11.03 0 21.13 8.33 23.18 19.18.3 1.61.48 3.27.48 4.9.03 23.95.02 47.89.02 71.83z" fill="#FE8A30" stroke="none" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="dependencies_top" transform="matrix(4 0 0 4 -799.509 -2292.686)">
|
||||
<g id="dependencies_group" stroke="none" stroke-width="1">
|
||||
<path id="pair1" d="M354.62 689.08c-.15-3.17-.11-5.99-.44-8.76-1.19-10.03-9.23-17.27-19.35-17.37-10.13-.09-20.26-.03-30.4-.04h-2.16v-13.08c4.03 0 7.98.01 11.92 0 8.58-.02 14.06-5.38 14.1-13.95.05-12.47.05-24.94.02-37.41-.02-8.35-5.58-13.92-13.95-13.95-12.47-.05-24.94-.04-37.41 0-8.65.03-14.04 5.56-14.04 14.27 0 12.47-.01 24.94-.01 37.42-.01 8 5.63 13.63 13.69 13.65 4.04.01 8.09 0 12.48 0v6.33l.166 10.906c.799 8.746 1.644 8.914 18.634 8.914 8.65 0 17.3-.02 25.95.01 4.96.02 7.49 2.54 7.55 7.46.02 1.77 0 3.55 0 5.62-4.32 0-8.35-.02-12.37 0-8.33.06-13.74 5.43-13.77 13.75-.04 12.63-.05 25.25-.02 37.88.02 8.11 5.48 13.67 13.62 13.73 12.7.09 25.41.11 38.11.02 7.94-.06 13.54-5.66 13.59-13.59.09-12.78.1-25.57-.01-38.35-.06-7.97-5.7-13.39-13.69-13.45-4-.03-8.04-.01-12.21-.01z" fill="#000"/>
|
||||
<path id="pair2" d="M236.72 689.11c.15-3.17.11-5.99.44-8.76 1.19-10.03 9.23-17.27 19.35-17.37 10.13-.09 20.26-.03 30.4-.04h2.16v-13.08c-4.03 0-7.98.01-11.92 0-8.58-.02-14.06-5.38-14.1-13.95-.05-12.47-.05-24.94-.02-37.41.02-8.35 5.58-13.92 13.95-13.95 12.47-.05 24.94-.04 37.41 0 8.65.03 14.04 5.56 14.04 14.27 0 12.47.01 24.94.01 37.42.01 8-5.63 13.63-13.69 13.65-4.04.01-8.09 0-12.48 0v6.33l-.166 10.906c-.799 8.746-1.644 8.914-18.634 8.914-8.65 0-17.3-.02-25.95.01-4.96.02-7.49 2.54-7.55 7.46-.02 1.77 0 3.55 0 5.62 4.32 0 8.35-.02 12.37 0 8.33.06 13.74 5.43 13.77 13.75.04 12.63.05 25.25.02 37.88-.02 8.11-5.48 13.67-13.62 13.73-12.7.09-25.41.11-38.11.02-7.94-.06-13.54-5.66-13.59-13.59-.09-12.78-.1-25.57.01-38.35.06-7.97 5.7-13.39 13.69-13.45 4-.03 8.04-.01 12.21-.01z" fill="#000"/>
|
||||
<path id="pair3" d="M236.72 689.11c.15-3.17.11-5.99.44-8.76 1.19-10.03 9.23-17.27 19.35-17.37 10.13-.09 20.26-.03 30.4-.04l8.76.015 9.37.015c9.66 0 19.33.02 28.99-.02 11.91-.05 20.57 8.51 20.58 20.37v5.81h12.58c7.82.01 13.58 5.72 13.6 13.56.02 12.71.01 25.41-.01 38.12-.01 7.88-5.64 13.65-13.5 13.69-12.78.07-25.56.07-38.35.02-7.87-.03-13.56-5.8-13.57-13.62-.01-12.71-.01-25.41-.02-38.12 0-7.95 5.76-13.68 13.73-13.67 4.04.01 8.08 0 12.3 0 0-2.78.29-5.43-.07-7.99-.45-3.18-3.3-5.08-6.86-5.08-16.99-.01-33.98 0-50.97 0-8.65 0-17.3-.02-25.95.01-4.96.02-7.49 2.54-7.55 7.46-.02 1.77 0 3.55 0 5.62 4.32 0 8.35-.02 12.37 0 8.33.06 13.74 5.43 13.77 13.75.04 12.63.05 25.25.02 37.88-.02 8.11-5.48 13.67-13.62 13.73-12.7.09-25.41.11-38.11.02-7.94-.06-13.54-5.66-13.59-13.59-.09-12.78-.1-25.57.01-38.35.06-7.97 5.7-13.39 13.69-13.45 4-.03 8.04-.01 12.21-.01z" fill="#000"/>
|
||||
<path id="box1" d="M367.5 741.32h-38.93v-38.96h38.93v38.96z" fill="#FFF"/>
|
||||
<path id="box2" d="M315.23 597.74v38.93h-38.97v-38.93h38.97z" fill="#FFF"/>
|
||||
<path id="box3" d="M223.97 741.31v-38.99h38.85v38.99h-38.85z" fill="#FFF"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.6 KiB |
17
Always Animate/home-automation.svg
Normal file
17
Always Animate/home-automation.svg
Normal file
@ -0,0 +1,17 @@
|
||||
<svg id="home-automation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 499.17 498.38" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
|
||||
<style>
|
||||
@keyframes gear_animation__tr{0%{transform:translate(250.35614px,302.716064px) rotate(0deg)}to{transform:translate(250.35614px,302.716064px) rotate(360deg)}}#gear_animation{animation:gear_animation__tr 3000ms linear infinite normal forwards}
|
||||
</style>
|
||||
<g id="background">
|
||||
<path id="square" d="M499.86 249.83v187.84c0 28.7-21.64 54.93-49.91 60.31-4.18.79-8.5 1.25-12.75 1.25-124.8.07-249.61.05-374.41.05-30.6 0-57.3-23.47-61.31-53.91-.35-2.69-.59-5.41-.59-8.12C.85 312.12.85 187 .85 61.89c0-28.71 21.66-54.95 49.91-60.31C54.94.79 59.26.33 63.51.33 188.42.26 313.32.28 438.24.28c28.71 0 54.98 21.68 60.31 49.91.79 4.18 1.24 8.5 1.25 12.75.08 62.29.06 124.59.06 186.89z" fill="#FE8A30" stroke="none" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="house_group">
|
||||
<path id="house" d="M257.23 34.16c2.06 1.74 29.18 28.55 60.26 59.71s56.78 56.39 57.1 56.07c.32-.4.71-5.46.87-11.31.32-11.47 1.03-13.84 4.27-15.03 1.11-.47 12.1-.79 24.52-.79h22.54l1.9 1.98 1.98 1.9v38.75c0 24.99.32 39.54.79 40.96.47 1.19 13.44 14.87 28.86 30.29 30.13 30.21 31.4 31.79 29.34 36.69-2.21 5.22-2.06 5.22-29.42 5.22-22.3 0-24.83.16-26.33 1.34l-1.66 1.42-.25 83.21-.16 83.19-1.66 1.66c-.95.95-3.08 2.06-4.74 2.37-1.82.47-75.37.71-176.67.71-144.8-.08-173.98-.24-176.04-1.11-5.3-2.29-5.06 1.5-5.06-89.36 0-64.53-.24-81.93-1.03-82.4-.47-.32-12.57-.79-26.81-1.03-24.99-.4-25.94-.47-27.52-2.06-.95-.95-1.9-3.16-2.14-4.98-.4-2.69-.08-3.8 1.66-6.25 2.45-3.56 232.58-232.82 234.48-233.61 3.49-1.41 7.05-.62 10.92 2.46z" fill="#FFF" stroke="none" stroke-width="1"/>
|
||||
<g id="gear_animation" transform="translate(250.356 302.716)">
|
||||
<g id="gear_group" transform="translate(-250.356 -302.716)" stroke="none" stroke-width="1">
|
||||
<path id="gear" d="M162.26 406.23c-1.03.16-1.82.95-1.82 1.66s-.4 2.69-.87 4.27c-1.03 3.95-3.48 4.03-6.48.24-1.19-1.5-2.85-2.77-3.56-2.77-1.82 0-8.86 4.43-8.86 5.54 0 .47.55 2.14 1.19 3.72.63 1.5 1.19 3.32 1.19 3.88 0 1.74-3.48 2.14-6.72.79-1.66-.71-3.08-1.27-3.24-1.27-.87 0-5.06 7.67-5.06 9.17 0 1.11 1.03 2.61 2.77 3.95 1.5 1.11 2.77 2.53 2.77 3.16 0 1.5-3.16 3.48-5.69 3.48-3.8 0-5.38 3.95-4.11 10.2.47 2.21.79 2.45 3.4 2.45 3.01 0 6.41 1.82 6.41 3.32 0 .55-1.27 2.06-2.77 3.48-1.5 1.34-2.77 3.24-2.77 4.19 0 2.21 1.74 5.61 3.8 7.43 1.58 1.42 1.74 1.42 5.06-.16 3.4-1.58 3.4-1.58 4.98 0 1.5 1.42 1.5 1.58.16 5.22-1.27 3.48-1.27 3.72 0 5.22.79.79 2.85 2.21 4.59 3.08l3.08 1.66 3.08-3.48c2.93-3.32 3.08-3.4 5.14-2.21 1.66.87 2.21 1.82 2.37 4.27.32 3.88 1.82 5.14 6.25 5.14 4.19 0 6.17-1.82 6.96-6.25.71-4.27 3.01-5.14 5.61-1.98 1.03 1.27 1.82 2.53 1.9 2.85 0 1.34 4.43.55 7.67-1.34 3.8-2.29 4.11-3.56 2.06-7.91-1.27-2.61-1.27-2.85 0-4.11 1.27-1.27 1.58-1.27 5.22.08 2.21.79 4.35 1.19 4.74.95.4-.32 1.9-2.53 3.32-4.98 2.37-4.19 2.45-4.51 1.19-5.3-3.64-2.21-5.22-3.88-5.22-5.69 0-2.06 2.37-3.48 5.93-3.48 2.37 0 3.56-2.06 3.56-6.25 0-4.51-.63-5.54-3.8-6.09-6.48-1.19-7.28-3.24-2.93-7.43 1.5-1.5 2.77-3.16 2.77-3.64 0-1.11-4.35-7.91-5.54-8.62-.4-.24-1.82.08-3.08.79-3.01 1.5-5.14 1.5-6.41 0-.87-1.03-.79-1.74.24-4.03 1.9-3.95 1.74-4.74-1.98-7.43-4.19-3.08-5.54-3.01-8.62.4-1.42 1.5-3.16 2.77-3.95 2.77-1.82 0-3.08-2.29-3.08-5.46 0-1.27-.32-2.61-.79-2.85-1.12-.63-8-1.11-10.06-.63z" transform="matrix(3 0 0 3 -248.886 -1044.126)" fill="#FE8A30"/>
|
||||
<path id="gear_center" d="M171.04 428.29c.95.4 1.27 1.66 1.27 5.06 0 2.53.32 5.54.79 6.64.71 1.9 1.11 2.06 6.25 2.06 7.2 0 8.15.87 7.83 7.43l-.24 4.82-6.33.24c-7.83.24-8.3.79-8.3 8.62v5.85l-5.69-.24-5.77-.24-.24-5.93c-.16-3.24-.55-6.25-1.03-6.72-.4-.4-3.56-.95-6.88-1.19l-6.09-.4v-11.86l6.72-.4 6.72-.4.24-5.93c.08-3.24.32-6.41.55-6.96.39-1 7.9-1.32 10.2-.45z" transform="matrix(3 0 0 3 -250.408 -1044.52)" fill="#FFF"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.8 KiB |
26
Always Animate/multimedia-alternate.svg
Normal file
26
Always Animate/multimedia-alternate.svg
Normal file
@ -0,0 +1,26 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" id="multimedia-alternate" viewBox="0 0 499.17 498.38" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
|
||||
<style>
|
||||
@keyframes music_note_animation__tr{0%{transform:translate(236.539359px,325.606671px) rotate(0deg)}16%{transform:translate(236.539359px,325.606671px) rotate(-2.659923deg)}36%{transform:translate(236.539359px,325.606671px) rotate(25.059844deg)}60%{transform:translate(236.539359px,325.606671px) rotate(5.139156deg)}80%{transform:translate(236.539359px,325.606671px) rotate(21.080555deg)}}#music_note_animation{animation:music_note_animation__tr 5000ms linear infinite normal forwards}
|
||||
</style>
|
||||
<g id="background">
|
||||
<path id="square" d="M498.1 249.4v186.99c0 28.57-21.55 54.69-49.69 60.04-4.16.79-8.46 1.24-12.69 1.24-124.24.07-248.48.05-372.72.05-30.45 0-57.04-23.36-61.03-53.67-.35-2.67-.59-5.39-.59-8.08-.04-124.55-.03-249.11-.03-373.66 0-28.58 21.56-54.7 49.69-60.04 4.16-.79 8.46-1.24 12.69-1.24C188.08.97 312.42.98 436.77.98c28.57 0 54.73 21.58 60.04 49.69.79 4.16 1.24 8.46 1.24 12.69.07 62.01.05 124.03.05 186.04z" fill="#D52727" stroke="none" stroke-width="1"/>
|
||||
</g>
|
||||
<path stroke-miterlimit="10" d="M132.4 1.16c101.74-.03 203.49-.02 305.23-.02 28.57 0 54.73 21.58 60.04 49.69.79 4.16 1.24 8.46 1.24 12.69.04 34.61.06 48.83.06 83.44H2.21V62.48c0-28.58 21.56-54.7 49.69-60.04 4.16-.79 8.46-1.24 12.69-1.24 22.6-.03 45.21-.04 67.81-.04z" id="header_path" fill="#000" stroke="#000" stroke-width="2" fill-opacity="1"/>
|
||||
<g id="header_top">
|
||||
<g id="header_group" fill="#fff" stroke="none" stroke-width="1">
|
||||
<path id="header1" d="M298.09 137.45v-.01c9.15 0 18.3.04 27.44-.06 1.1-.01 2.54-.52 3.24-1.28 4.23-4.58 8.29-9.3 12.4-13.97 10.88-12.35 21.78-24.69 32.62-37.08.69-.79.91-1.94 1.35-2.93-1-.24-2-.69-3.01-.69-17.97-.05-35.94-.08-53.91.03-1.4.01-3.24.75-4.12 1.75-15.09 16.95-30.07 33.99-45.04 51.04-.56.64-.68 1.61-1.01 2.43.86.25 1.72.72 2.59.73 9.15.06 18.3.04 27.45.04z"/>
|
||||
<path id="header2" d="M267.32 14.14c1.12 1.71 1.7 2.88 2.53 3.83 14.4 16.4 28.86 32.76 43.21 49.19 1.56 1.79 3.22 2.35 5.59 2.34 17.63-.08 35.26-.04 52.89-.06 1.13 0 2.26-.14 4.14-.26-.95-1.36-1.43-2.21-2.07-2.94-14.68-16.72-29.4-33.4-44.04-50.15-1.33-1.52-2.71-2.01-4.73-2-17.85.07-35.69.04-53.54.04-1.05.01-2.09.01-3.98.01z"/>
|
||||
<path id="header3" d="M146.85 137.37h3.95c17.09 0 34.18-.07 51.26.06 3.06.02 5.04-.74 7.07-3.08 14.22-16.41 28.66-32.65 43.01-48.97.82-.94 1.38-2.09 2.28-3.5-1.44-.16-2.17-.32-2.9-.32-18.18-.01-36.35-.05-54.53.08-1.34.01-3.03 1.02-3.94 2.05-14.84 16.73-29.58 33.53-44.32 50.35-.69.77-1.04 1.8-1.88 3.33z"/>
|
||||
<path id="header4" d="M496.37 81.93c-1.35-.17-1.88-.3-2.41-.3-18.4-.02-36.81-.07-55.21.02-1.16.01-2.64.86-3.43 1.75-14.99 16.89-29.91 33.85-44.8 50.82-.64.73-.87 1.78-1.32 2.72.77.26.97.39 1.17.39 18.84.01 37.68.03 56.51-.03.81 0 1.86-.5 2.39-1.1 14.96-16.92 29.86-33.88 44.76-50.85.78-.89 1.34-1.96 2.34-3.42z"/>
|
||||
<path id="header5" d="M133.55 82.48c-.2-.3-.4-.6-.6-.91h-3.85c-16.65 0-33.3.11-49.95-.07-3.6-.04-5.86.99-8.17 3.66-14.35 16.57-28.94 32.95-43.41 49.43-.57.65-.75 1.59-1.27 2.76 19.79 0 38.93.01 58.07-.05.8 0 1.81-.57 2.35-1.17 14.75-16.66 29.46-33.35 44.15-50.06 1-1.12 1.8-2.39 2.68-3.59z"/>
|
||||
<path id="header6" d="M146.79 14.16c1.01 1.6 1.47 2.6 2.17 3.41 14.6 16.65 29.2 33.3 43.91 49.86.89 1.01 2.68 1.83 4.06 1.84 18.17.12 36.35.09 54.52.07.77 0 1.55-.22 2.72-.4-.68-1-1.01-1.63-1.47-2.15-14.9-16.95-29.79-33.9-44.81-50.76-.93-1.04-2.88-1.78-4.36-1.79-17.3-.12-34.61-.08-51.91-.07-1.28-.01-2.57-.01-4.83-.01z"/>
|
||||
<path id="header7" d="M27 14.16c-.27.25-.54.51-.81.76.91 1.11 1.79 2.25 2.74 3.33C43.2 34.5 57.49 50.73 71.72 67.01c1.43 1.64 2.91 2.38 5.24 2.37 17.63-.09 35.27-.04 52.9-.04 1.03 0 2.06-.1 3.55-.18-.54-1-.75-1.67-1.18-2.17-15.03-17.12-30.08-34.23-45.18-51.29-.67-.75-1.93-1.47-2.92-1.47-19.04-.09-38.09-.07-57.13-.07z"/>
|
||||
<path id="header8" d="M496.23 69.1c-.87-1.2-1.32-1.94-1.89-2.59-14.67-16.72-29.36-33.41-43.99-50.16-1.35-1.55-2.72-2.25-4.92-2.24-17.62.09-35.24.04-52.87.05-1.03 0-2.05.11-3.74.21.92 1.4 1.41 2.38 2.13 3.19 14.53 16.56 29.1 33.08 43.6 49.67 1.4 1.6 2.88 2.14 5.02 2.13 17.62-.08 35.25-.06 52.87-.08 1.02 0 2.06-.1 3.79-.18z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g id="music_note_group">
|
||||
<g id="music_note_animation" transform="translate(236.54 325.607)">
|
||||
<path id="music_note" d="M-54.23 68.333c-11.39-4.96-22.79-5.04-34.22-2.96-21.13 3.84-38.6 13.76-50.64 32.01-5.91 8.96-8.79 18.92-7.2 29.65 2.36 15.99 12.49 25.85 27.21 30.46 25 7.82 48.27 3.2 68.85-12.83 14.09-10.98 21.3-25.49 21.13-43.9-.37-39.85-.02-79.71-.13-119.57-.02-7.51 3.08-12.9 9.35-16.61 2.12-1.26 4.42-2.33 6.77-3.07 39.93-12.59 79.88-25.11 119.84-37.61 1.95-.61 4-1.06 6.02-1.2 5.27-.38 8.14 2.17 8.65 7.42.09.97.1 1.95.1 2.92.02 31.73.03 63.47.04 95.2 0 1.02-.1 2.04-.16 3.32-11.84-5.02-23.75-5.81-35.81-4-21.55 3.24-39.45 12.89-51.55 31.51-7.53 11.58-10.02 24.25-4.78 37.48 5.14 12.99 15.54 20.54 28.57 23.92 27.48 7.14 51.97.8 72.71-18.54 10.91-10.17 16.3-22.79 16.2-38.2-.34-55.99-.13-111.98-.13-167.98 0-12.02.06-24.04-.02-36.06-.07-10.34-6.96-19.07-17.19-20.6-4.75-.71-9.95-.11-14.68 1.03-8.4 2.03-16.58 4.92-24.86 7.45-37.78 11.55-75.54 23.15-113.34 34.62-18.08 5.48-31.15 24.39-30.95 42.02.51 46.78.19 93.57.21 140.36.01 1.04.01 2.12.01 3.76z" stroke-miterlimit="10" stroke-width="10" stroke="#000" fill="#fff"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.3 KiB |
25
Always Animate/multimedia.svg
Normal file
25
Always Animate/multimedia.svg
Normal file
@ -0,0 +1,25 @@
|
||||
<svg id="multimedia" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
|
||||
<style>
|
||||
@keyframes slider_f_o{0%,35%{fill-opacity:1;animation-timing-function:step-end}19%,65%{fill-opacity:0;animation-timing-function:step-end}to{fill-opacity:0}}@keyframes play_animation__to{0%,to{transform:translate(.194403px,0)}19%,35%{transform:translate(40.194403px,0)}65%,82%{transform:translate(107.694403px,0)}}@keyframes pause_animation_c_o{0%,35%,82%{opacity:0;animation-timing-function:step-end}19%,65%{opacity:1;animation-timing-function:step-end}to{opacity:0}}@keyframes rewind_animation_c_o{0%{opacity:0;animation-timing-function:step-end}82%{opacity:1;animation-timing-function:step-end}to{opacity:1}}#slider{animation:slider_f_o 10000ms linear infinite normal forwards}#play_animation{animation:play_animation__to 10000ms linear infinite normal forwards}#pause_animation{animation:pause_animation_c_o 10000ms linear infinite normal forwards}#rewind_animation{animation:rewind_animation_c_o 10000ms linear infinite normal forwards}
|
||||
</style>
|
||||
<g id="background" transform="matrix(4 0 0 4 -887.96 -2344.006)">
|
||||
<path id="square" d="M413.77 682.38v72.19c0 11.03-8.32 21.11-19.18 23.18-1.61.31-3.27.48-4.9.48-47.97.03-95.93.02-143.9.02-11.76 0-22.02-9.02-23.56-20.72a23.27 23.27 0 01-.23-3.12c-.01-48.09-.01-96.18-.01-144.26 0-11.03 8.32-21.12 19.18-23.18 1.61-.31 3.27-.48 4.9-.48 48.01-.02 96.02-.02 144.02-.02 11.03 0 21.13 8.33 23.18 19.18.3 1.61.48 3.27.48 4.9.03 23.94.02 47.89.02 71.83z" fill="#F3632D" stroke="none" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="player" transform="matrix(4 0 0 4 -889.218 -2342.924)">
|
||||
<path id="player_frame" d="M399 609.17v145.67c-.81 1.49-1.33 3.28-2.49 4.39-1.53 1.45-3.57 2.35-5.39 3.49H245.48c-.17-.11-.33-.25-.52-.31-4.85-1.59-7.36-5.03-7.36-10.11V611.26c0-5.61 4.35-9.97 9.97-9.97 47.16 0 94.32 0 141.48-.01 3.16 0 5.76 1.22 7.66 3.66.98 1.25 1.54 2.81 2.29 4.23z" fill="#000" stroke="none" stroke-width="1"/>
|
||||
<path id="player_window" d="M247.76 712.17H388.8V611.46H247.76v100.71z" fill="#FFF" stroke="none" stroke-width="1"/>
|
||||
<path id="slider" d="M288.05 661.76c0-10.14-.01-20.27.01-30.41 0-.83.09-1.68.31-2.47.82-2.87 3.2-4.22 6.08-3.42.9.25 1.78.63 2.59 1.09 17.57 10.02 35.12 20.05 52.68 30.09.5.29.99.6 1.44.96 3.23 2.54 3.27 5.94.01 8.42-1.33 1.01-2.83 1.78-4.29 2.62-16.51 9.44-33.02 18.88-49.54 28.31-.64.36-1.28.73-1.96.98-3.97 1.5-7.29-.73-7.33-4.97-.05-5.78-.01-11.55-.01-17.33.01-4.63.01-9.25.01-13.87z" fill="#000" stroke="none" stroke-width="1"/>
|
||||
<path id="slider_bar" d="M373.92 742.96H262.77c-3.04 0-5.53-2.49-5.53-5.53s2.49-5.53 5.53-5.53h111.16c3.04 0 5.53 2.49 5.53 5.53s-2.49 5.53-5.54 5.53z" fill="#FFF" stroke="none" stroke-width="1"/>
|
||||
<g id="play_animation" transform="translate(.194)">
|
||||
<path id="play" d="M265.53 752.59c-4.63 0-8.42-3.79-8.42-8.42V730.7c0-4.63 3.79-8.42 8.42-8.42s8.42 3.79 8.42 8.42v13.47c0 4.63-3.79 8.42-8.42 8.42z" fill="#F3632D" stroke="none" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="pause_animation" opacity="0" fill="#000" fill-rule="evenodd" stroke="none" stroke-width="3" stroke-linejoin="round">
|
||||
<rect id="pause1" width="70.945" height="15.135" rx="0" ry="7.567" transform="translate(281.888 638.515)"/>
|
||||
<rect id="pause2" width="70.945" height="15.135" rx="0" ry="7.567" transform="translate(281.73 668.515)"/>
|
||||
</g>
|
||||
<g id="rewind_animation" opacity="0" fill="#000" stroke="none" stroke-width=".5">
|
||||
<path id="rewind1" d="M342.774 661.571c0-5.07.005-10.135-.005-15.205 0-.415-.045-.84-.155-1.235-.41-1.435-1.6-2.11-3.04-1.71-.45.125-.89.315-1.295.545-8.785 5.01-17.56 10.025-26.34 15.045-.25.145-.495.3-.72.48-1.615 1.27-1.635 2.97-.005 4.21.665.505 1.415.89 2.145 1.31 8.255 4.72 16.51 9.44 24.77 14.155.32.18.64.365.98.49 1.985.75 3.645-.365 3.665-2.485.025-2.89.005-5.775.005-8.665-.005-2.315-.005-4.625-.005-6.935z"/>
|
||||
<path id="rewind2" d="M324.774 661.571c0-5.07.005-10.135-.005-15.205 0-.415-.045-.84-.155-1.235-.41-1.435-1.6-2.11-3.04-1.71-.45.125-.89.315-1.295.545-8.785 5.01-17.56 10.025-26.34 15.045-.25.145-.495.3-.72.48-1.615 1.27-1.635 2.97-.005 4.21.665.505 1.415.89 2.145 1.31 8.255 4.72 16.51 9.44 24.77 14.155.32.18.64.365.98.49 1.985.75 3.645-.365 3.665-2.485.025-2.89.005-5.775.005-8.665-.005-2.315-.005-4.625-.005-6.935z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.3 KiB |
20
Always Animate/network.svg
Normal file
20
Always Animate/network.svg
Normal file
@ -0,0 +1,20 @@
|
||||
<svg id="network" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
|
||||
<style>
|
||||
@keyframes packet_animation__to{0%,6.666667%,90%,to{transform:translate(-51.09385px,385.658px)}13.333333%,73.333333%{transform:translate(-51.09385px,420.658px)}23.333333%,36.666667%{transform:translate(-104.84385px,420.658px)}24.333333%{transform:translate(-111.6561px,422.543914px)}25.333333%{transform:translate(-115.694271px,428.132803px)}30%{transform:translate(-115.84385px,460.658px)}34.666667%{transform:translate(-115.69385px,428.133px)}35.666667%{transform:translate(-111.65635px,422.543px)}53.333333%,66.666667%{transform:translate(2.65615px,420.658px)}54.333333%,65.666667%{transform:translate(10.65615px,424.158px)}55.333333%,64.666667%{transform:translate(12.90615px,428.158px)}60%{transform:translate(12.90615px,460.658px)}80%{transform:translate(-51.09385px,460.658px)}}#packet_animation{animation:packet_animation__to 3000ms linear infinite normal forwards}
|
||||
</style>
|
||||
<g id="background" transform="matrix(4 0 0 4 -885.96 -2361.09)">
|
||||
<path id="square" d="M413.27 686.65v72.19c0 11.03-8.32 21.11-19.18 23.18-1.61.31-3.27.48-4.9.48-47.97.03-95.93.02-143.9.02-11.76 0-22.02-9.02-23.56-20.72a23.27 23.27 0 01-.23-3.12c-.01-48.09-.01-96.18-.01-144.26 0-11.03 8.32-21.12 19.18-23.18 1.61-.31 3.27-.48 4.9-.48 48.01-.02 96.02-.02 144.02-.02 11.03 0 21.13 8.33 23.18 19.18.3 1.61.48 3.27.48 4.9.03 23.94.02 47.89.02 71.83z" fill="#FE8A30" stroke="none" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="network_top" transform="matrix(4 0 0 4 -885.959 -2361.09)">
|
||||
<g id="network_group">
|
||||
<path id="cable" d="M321.8 689.26h46.5c11.98 0 18.15 6.2 18.16 18.24 0 2.15-.52 18.994-.55 21.144-.05 3.18-1.72 5.12-4.85 5.1-3.16-.02-4.74-2.06-4.78-5.2-.04-2.91.61-20.514.5-23.414-.13-3.59-2.34-6.1-5.9-6.12-16.16-.11-32.31-.05-49.09-.05 0 4.96-.172 24.532-.022 30.42-.15 1.83-1.596 3.994-3.076 4.924-3.07 1.92-6.5-.57-6.61-4.53-.12-4.79.078-25.364.078-30.554-1.14-.1-2.22-.27-3.29-.28-14.66-.02-29.32-.03-43.98 0-5.57.01-7.81 2.23-7.93 7.78-.05 2.65-.068 21.84-.198 24.49-.14 2.91-1.97 4.4-4.71 4.37-2.74-.03-4.56-1.54-4.61-4.46-.06-3.91-.122-24.39.248-28.27.75-7.75 7.7-13.53 16.15-13.56 14.53-.07 29.07-.02 43.6-.02h4.71c0-2.69-.128-21.582-.108-24.052.03-3.12 1.52-5.06 4.71-5.29 2.91-.21 4.84 1.98 4.93 5.44.06 2.35.118 21.142.118 23.892z" fill="#FFF" stroke="none" stroke-width="1"/>
|
||||
<g id="packet_animation" transform="translate(-51.094 385.658)">
|
||||
<ellipse id="packet" rx="4.038" ry="4.013" transform="translate(367.872 273.628)" fill="#000" stroke="#000" stroke-width="1.138" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<path id="slave1" d="M382.43 762.86c-4.3 0-8.6.07-12.9-.02-5.77-.13-9.55-3.69-9.75-9.41-.18-5.18-.18-10.37.01-15.55.2-5.5 3.96-9.28 9.42-9.37 8.97-.15 17.96-.16 26.93.02 5.27.1 9.03 3.95 9.19 9.2.17 5.31.17 10.62-.01 15.93-.18 5.21-4.05 8.89-9.25 9.18-.25.01-.51.02-.76.02h-12.88z" fill="#FFF" stroke="none" stroke-width="1"/>
|
||||
<path id="slave2" d="M252.45 728.45c4.29 0 8.58-.09 12.87.02 5.9.15 9.57 3.9 9.67 9.83.08 4.92.08 9.84 0 14.76-.1 5.88-3.85 9.7-9.73 9.77-8.7.1-17.41.1-26.11-.01-5.81-.07-9.63-3.95-9.76-9.8-.11-4.92-.12-9.84.01-14.76.15-5.82 4.01-9.65 9.82-9.79 4.4-.11 8.81-.02 13.23-.02z" fill="#FFF" stroke="none" stroke-width="1"/>
|
||||
<path id="slave3" d="M317.43 762.85c-4.41 0-8.83.09-13.24-.03-5.67-.15-9.44-3.91-9.56-9.55-.11-5.04-.11-10.09 0-15.14.12-5.65 3.89-9.56 9.5-9.64 8.83-.14 17.66-.13 26.49-.01 5.68.08 9.43 3.91 9.56 9.57.12 5.04.11 10.09 0 15.14-.13 5.82-3.96 9.53-9.88 9.65-4.29.08-8.58.02-12.87.01z" fill="#FFF" stroke="none" stroke-width="1"/>
|
||||
<path id="master" d="M317.48 666.44c-9.61 0-19.22.03-28.83-.01-7.62-.04-12-4.39-12.04-11.99-.05-10.62-.06-21.24 0-31.87.04-7.46 4.64-12.15 12.03-12.17 19.22-.05 38.44-.06 57.66 0 7.09.02 11.68 4.44 11.79 11.58.17 11 .16 22 .01 33-.1 7.22-4.55 11.41-11.79 11.45-9.61.05-19.22.01-28.83.01zm-.48-32.01v-.02c5.04 0 10.07-.01 15.11.01 1.99.01 4.27-.13 3.93-2.68-.13-.98-2.46-2.36-3.81-2.39-10.07-.2-20.14-.11-30.21-.11-1.95 0-4.15-.03-4.21 2.58-.06 2.65 2.11 2.63 4.09 2.62 5.03-.04 10.07-.01 15.1-.01zm.11 13.26v-.03c5.18 0 10.36.15 15.52-.11 1.23-.06 2.4-1.51 3.59-2.32-1.17-.83-2.33-2.36-3.52-2.39-10.47-.19-20.96-.19-31.43 0-1.19.02-2.35 1.53-3.53 2.34 1.15.83 2.27 2.33 3.46 2.39 5.3.27 10.61.12 15.91.12z" fill="#FFF" stroke="none" stroke-width="1"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.4 KiB |
@ -1,4 +1,4 @@
|
||||
<svg id="productivity" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 769 769" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
|
||||
<svg id="productivity" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
|
||||
<style>
|
||||
@keyframes minute_hand_animation__tr{0%{transform:translate(318.98px,682.16px) rotate(0deg)}to{transform:translate(318.98px,682.16px) rotate(21600deg)}}@keyframes hour_hand_animation__tr{0%{transform:translate(318.98px,682.16px) rotate(0deg)}to{transform:translate(318.98px,682.16px) rotate(360deg)}}#minute_hand_animation{animation:minute_hand_animation__tr 30000ms linear infinite normal forwards}#hour_hand_animation{animation:hour_hand_animation__tr 30000ms linear infinite normal forwards}
|
||||
</style>
|
||||
|
||||
|
Before Width: | Height: | Size: 4.8 KiB After Width: | Height: | Size: 4.9 KiB |
40
Always Animate/vpn.svg
Normal file
40
Always Animate/vpn.svg
Normal file
@ -0,0 +1,40 @@
|
||||
<svg id="vpn" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
|
||||
<style>
|
||||
@keyframes shine_gradient5_f_o{0%,53.333333%{fill-opacity:1}60%,to{fill-opacity:0}}@keyframes shine_gradient4_f_o{0%,50%{fill-opacity:1}56.666667%,to{fill-opacity:0}}@keyframes shine_gradient3_f_o{0%,46.666667%{fill-opacity:1}53.333333%,to{fill-opacity:0}}@keyframes shine_gradient2_f_o{0%,43.333333%{fill-opacity:1}50%,to{fill-opacity:0}}@keyframes shine_gradient1_f_o{0%,40%{fill-opacity:1}46.666667%,to{fill-opacity:0}}#shine_gradient5{animation:shine_gradient5_f_o 3000ms linear infinite normal forwards}#shine_gradient4{animation:shine_gradient4_f_o 3000ms linear infinite normal forwards}#shine_gradient3{animation:shine_gradient3_f_o 3000ms linear infinite normal forwards}#shine_gradient2{animation:shine_gradient2_f_o 3000ms linear infinite normal forwards}#shine_gradient1{animation:shine_gradient1_f_o 3000ms linear infinite normal forwards}
|
||||
</style>
|
||||
<defs>
|
||||
<linearGradient id="shine_gradient5-fill" x1=".421" y1=".408" x2=".881" y2=".796" spreadMethod="pad" gradientUnits="objectBoundingBox">
|
||||
<stop id="shine_gradient5-fill-0" offset="0%" stop-color="#FE8A30"/>
|
||||
<stop id="shine_gradient5-fill-1" offset="100%" stop-color="#FFDEC5"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="shine_gradient4-fill" x1=".04" y1=".133" x2=".527" y2=".53" spreadMethod="reflect" gradientUnits="objectBoundingBox">
|
||||
<stop id="shine_gradient4-fill-0" offset="0%" stop-color="#FE8A30"/>
|
||||
<stop id="shine_gradient4-fill-1" offset="100%" stop-color="#FFDEC5"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="shine_gradient3-fill" x1=".741" y1=".68" x2="1.231" y2="1.067" spreadMethod="reflect" gradientUnits="objectBoundingBox">
|
||||
<stop id="shine_gradient3-fill-0" offset="0%" stop-color="#FE8A30"/>
|
||||
<stop id="shine_gradient3-fill-1" offset="100%" stop-color="#FFDEC5"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="shine_gradient2-fill" x1="-.265" y1="-.096" x2=".332" y2=".369" spreadMethod="pad" gradientUnits="objectBoundingBox">
|
||||
<stop id="shine_gradient2-fill-0" offset="0%" stop-color="#FFDEC5"/>
|
||||
<stop id="shine_gradient2-fill-1" offset="100%" stop-color="#FE8A30"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g id="background" transform="matrix(4 0 0 4 -796.72 -2313.48)">
|
||||
<path id="square" d="M390.96 674.28v72.19c0 11.03-8.32 21.11-19.18 23.18-1.61.31-3.27.48-4.9.48-47.97.03-95.93.02-143.9.02-11.76 0-22.02-9.02-23.56-20.72a23.27 23.27 0 01-.23-3.12c-.01-48.09-.01-96.18-.01-144.26 0-11.03 8.32-21.12 19.18-23.18 1.61-.31 3.27-.48 4.9-.48 48.01-.02 96.02-.02 144.02-.02 11.03 0 21.13 8.33 23.18 19.18.3 1.61.48 3.27.48 4.9.03 23.94.02 47.89.02 71.83z" fill="#D52727" stroke="none" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="shield_top" transform="matrix(4 0 0 4 -796.69 -2313.45)">
|
||||
<g id="shield_group" stroke="none" stroke-width="1">
|
||||
<path id="shield_border" d="M296.51 582.34c6.33 2.29 12.65 4.59 18.99 6.85 16.13 5.75 32.27 11.47 48.4 17.2 3.67 1.3 4.77 2.88 4.77 6.82 0 23.04.01 46.09 0 69.13-.03 35.52-20.85 66.1-53.89 79.11-5.97 2.35-12.15 4.08-18.53 4.65-2.84.26-5.84-.38-8.67-1.05-28.08-6.68-47.98-23.29-59.61-49.68-4.61-10.47-6.51-21.57-6.52-32.99-.01-23.1.01-46.21.01-69.31 0-3.8 1.12-5.36 4.74-6.64 21.94-7.79 43.88-15.58 65.81-23.37.55-.2 1.07-.48 1.61-.72h2.89z" fill="#000"/>
|
||||
<path id="shine_gradient6" d="M244.46 723.18c.32.52.51.87.74 1.2 10.05 14.43 23.5 24.14 40.41 28.98 3.65 1.04 7.35 2.41 11.23 1.75 15.57-2.65 28.95-9.62 40-20.9 3.23-3.3 6.01-7.04 9-10.58-.13-.15-.25-.3-.38-.45h-101zm-12.03-97.72h125.3c0-2.6-.1-5.11.04-7.59.09-1.57-.41-2.29-1.93-2.82-19.71-6.93-39.39-13.95-59.1-20.88-.96-.34-2.24-.36-3.19-.03-8.57 2.95-17.11 6.02-25.66 9.05-11.3 4.01-22.61 8.02-33.9 12.06-.59.21-1.47.76-1.49 1.19-.13 2.97-.07 5.95-.07 9.02zm125.3 11.2H232.55c-.04.57-.1 1.04-.1 1.5-.01 15.02-.01 30.04-.03 45.06-.02 9.38 1.79 18.39 5.18 27.12.5 1.3 1.1 1.8 2.57 1.78 7-.1 14-.05 21.01-.05 29.68 0 59.37 0 89.05.03 1.09 0 1.69-.25 2.13-1.35 3.16-7.89 5.15-16.05 5.25-24.56.15-12.63.09-25.25.11-37.88.01-3.83.01-7.66.01-11.65z" fill="#FE8A30"/>
|
||||
<path id="shine_gradient5" d="M244.46 723.18c.32.52.51.87.74 1.2 10.05 14.43 23.5 24.14 40.41 28.98 3.65 1.04 7.35 2.41 11.23 1.75 15.57-2.65 28.95-9.62 40-20.9 3.23-3.3 6.01-7.04 9-10.58-.13-.15-.25-.3-.38-.45h-101zm-12.03-97.72h125.3c0-2.6-.1-5.11.04-7.59.09-1.57-.41-2.29-1.93-2.82-19.71-6.93-39.39-13.95-59.1-20.88-.96-.34-2.24-.36-3.19-.03-8.57 2.95-17.11 6.02-25.66 9.05-11.3 4.01-22.61 8.02-33.9 12.06-.59.21-1.47.76-1.49 1.19-.13 2.97-.07 5.95-.07 9.02zm125.3 11.2H232.55c-.04.57-.1 1.04-.1 1.5-.01 15.02-.01 30.04-.03 45.06-.02 9.38 1.79 18.39 5.18 27.12.5 1.3 1.1 1.8 2.57 1.78 7-.1 14-.05 21.01-.05 29.68 0 59.37 0 89.05.03 1.09 0 1.69-.25 2.13-1.35 3.16-7.89 5.15-16.05 5.25-24.56.15-12.63.09-25.25.11-37.88.01-3.83.01-7.66.01-11.65z" fill="url(#shine_gradient5-fill)"/>
|
||||
<path id="shine_gradient4" d="M244.46 723.18c.32.52.51.87.74 1.2 10.05 14.43 23.5 24.14 40.41 28.98 3.65 1.04 7.35 2.41 11.23 1.75 15.57-2.65 28.95-9.62 40-20.9 3.23-3.3 6.01-7.04 9-10.58-.13-.15-.25-.3-.38-.45h-101zm-12.03-97.72h125.3c0-2.6-.1-5.11.04-7.59.09-1.57-.41-2.29-1.93-2.82-19.71-6.93-39.39-13.95-59.1-20.88-.96-.34-2.24-.36-3.19-.03-8.57 2.95-17.11 6.02-25.66 9.05-11.3 4.01-22.61 8.02-33.9 12.06-.59.21-1.47.76-1.49 1.19-.13 2.97-.07 5.95-.07 9.02zm125.3 11.2H232.55c-.04.57-.1 1.04-.1 1.5-.01 15.02-.01 30.04-.03 45.06-.02 9.38 1.79 18.39 5.18 27.12.5 1.3 1.1 1.8 2.57 1.78 7-.1 14-.05 21.01-.05 29.68 0 59.37 0 89.05.03 1.09 0 1.69-.25 2.13-1.35 3.16-7.89 5.15-16.05 5.25-24.56.15-12.63.09-25.25.11-37.88.01-3.83.01-7.66.01-11.65z" fill="url(#shine_gradient4-fill)"/>
|
||||
<path id="shine_gradient3" d="M244.46 723.18c.32.52.51.87.74 1.2 10.05 14.43 23.5 24.14 40.41 28.98 3.65 1.04 7.35 2.41 11.23 1.75 15.57-2.65 28.95-9.62 40-20.9 3.23-3.3 6.01-7.04 9-10.58-.13-.15-.25-.3-.38-.45h-101zm-12.03-97.72h125.3c0-2.6-.1-5.11.04-7.59.09-1.57-.41-2.29-1.93-2.82-19.71-6.93-39.39-13.95-59.1-20.88-.96-.34-2.24-.36-3.19-.03-8.57 2.95-17.11 6.02-25.66 9.05-11.3 4.01-22.61 8.02-33.9 12.06-.59.21-1.47.76-1.49 1.19-.13 2.97-.07 5.95-.07 9.02zm125.3 11.2H232.55c-.04.57-.1 1.04-.1 1.5-.01 15.02-.01 30.04-.03 45.06-.02 9.38 1.79 18.39 5.18 27.12.5 1.3 1.1 1.8 2.57 1.78 7-.1 14-.05 21.01-.05 29.68 0 59.37 0 89.05.03 1.09 0 1.69-.25 2.13-1.35 3.16-7.89 5.15-16.05 5.25-24.56.15-12.63.09-25.25.11-37.88.01-3.83.01-7.66.01-11.65z" fill="url(#shine_gradient3-fill)"/>
|
||||
<path id="shine_gradient2" d="M244.46 723.18c.32.52.51.87.74 1.2 10.05 14.43 23.5 24.14 40.41 28.98 3.65 1.04 7.35 2.41 11.23 1.75 15.57-2.65 28.95-9.62 40-20.9 3.23-3.3 6.01-7.04 9-10.58-.13-.15-.25-.3-.38-.45h-101zm-12.03-97.72h125.3c0-2.6-.1-5.11.04-7.59.09-1.57-.41-2.29-1.93-2.82-19.71-6.93-39.39-13.95-59.1-20.88-.96-.34-2.24-.36-3.19-.03-8.57 2.95-17.11 6.02-25.66 9.05-11.3 4.01-22.61 8.02-33.9 12.06-.59.21-1.47.76-1.49 1.19-.13 2.97-.07 5.95-.07 9.02zm125.3 11.2H232.55c-.04.57-.1 1.04-.1 1.5-.01 15.02-.01 30.04-.03 45.06-.02 9.38 1.79 18.39 5.18 27.12.5 1.3 1.1 1.8 2.57 1.78 7-.1 14-.05 21.01-.05 29.68 0 59.37 0 89.05.03 1.09 0 1.69-.25 2.13-1.35 3.16-7.89 5.15-16.05 5.25-24.56.15-12.63.09-25.25.11-37.88.01-3.83.01-7.66.01-11.65z" fill="url(#shine_gradient2-fill)"/>
|
||||
<path id="shine_gradient1" d="M244.46 723.18c.32.52.51.87.74 1.2 10.05 14.43 23.5 24.14 40.41 28.98 3.65 1.04 7.35 2.41 11.23 1.75 15.57-2.65 28.95-9.62 40-20.9 3.23-3.3 6.01-7.04 9-10.58-.13-.15-.25-.3-.38-.45h-101zm-12.03-97.72h125.3c0-2.6-.1-5.11.04-7.59.09-1.57-.41-2.29-1.93-2.82-19.71-6.93-39.39-13.95-59.1-20.88-.96-.34-2.24-.36-3.19-.03-8.57 2.95-17.11 6.02-25.66 9.05-11.3 4.01-22.61 8.02-33.9 12.06-.59.21-1.47.76-1.49 1.19-.13 2.97-.07 5.95-.07 9.02zm125.3 11.2H232.55c-.04.57-.1 1.04-.1 1.5-.01 15.02-.01 30.04-.03 45.06-.02 9.38 1.79 18.39 5.18 27.12.5 1.3 1.1 1.8 2.57 1.78 7-.1 14-.05 21.01-.05 29.68 0 59.37 0 89.05.03 1.09 0 1.69-.25 2.13-1.35 3.16-7.89 5.15-16.05 5.25-24.56.15-12.63.09-25.25.11-37.88.01-3.83.01-7.66.01-11.65z" fill="#FE8A30"/>
|
||||
<path id="letter_n" d="M329.81 681.47c0 3.7.03 7.39-.01 11.09-.04 3.19-1.97 5.54-4.71 5.84-3.53.39-6.2-2.02-6.23-5.74-.04-6.34-.01-12.69-.01-19.03 0-5.86-.03-11.73.01-17.59.03-3.8 2.58-6.16 6.16-5.8 2.19.22 3.55 1.56 4.44 3.46 1.84 3.95 3.66 7.91 5.49 11.87.25.53.51 1.06.96 2 .1-.84.18-1.27.18-1.69.02-3.29-.01-6.58.04-9.87.06-3.46 2.33-5.83 5.5-5.81 3.15.01 5.46 2.42 5.47 5.85.02 12.15.01 24.29-.02 36.44-.01 3.07-1.74 5.36-4.28 5.87-2.84.56-5.07-.7-6.43-3.65-2.04-4.43-4.09-8.87-6.13-13.3-.14.01-.28.03-.43.06z" fill="#000"/>
|
||||
<path id="letter_v" d="M258.59 671.99c1.68-6.16 3.21-11.85 4.79-17.53.74-2.65 2.5-4.11 4.91-4.25 3.76-.21 6.58 2.98 5.62 6.64-2.89 11.02-5.9 22.01-8.86 33.01-.37 1.38-.74 2.77-1.14 4.14-.88 2.99-2.76 4.49-5.5 4.43-2.61-.05-4.5-1.64-5.27-4.53-2.55-9.57-5.07-19.14-7.61-28.71-.67-2.54-1.38-5.06-2.02-7.61-.86-3.45.73-6.39 3.84-7.19 3.04-.79 5.83 1.13 6.74 4.59 1.45 5.52 2.92 11.04 4.5 17.01z" fill="#000"/>
|
||||
<path id="letter_p" d="M299.3 650.73c-4.65-.84-9.52-.51-14.3-.55-3.63-.03-5.74 2.22-5.74 5.87-.01 12.14-.01 24.29-.01 36.43 0 3.59 2.21 5.98 5.48 5.96 3.18-.02 5.31-2.36 5.34-5.9.02-3.22 0-6.45 0-9.97 2.09 0 3.93.03 5.77 0 7.89-.13 14.83-6.24 15.71-13.81 1.01-8.62-4.05-16.55-12.25-18.03zm-3.47 21c-1.83.15-3.68.03-5.68.03v-10.69c2.14 0 4.22-.19 6.26.05 2.66.32 4.5 2.78 4.41 5.46-.08 2.68-2.14 4.91-4.99 5.15z" fill="#000"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 9.3 KiB |
40
Always Animate/world.svg
Normal file
40
Always Animate/world.svg
Normal file
@ -0,0 +1,40 @@
|
||||
<svg id="world" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
|
||||
<style>
|
||||
@keyframes world_line1_animation__ts{0%,to{transform:translate(246.924172px,129.92035px) scale(1,1)}50%{transform:translate(246.924172px,129.92035px) scale(.9,1)}}@keyframes world_line2_animation__ts{0%,to{transform:translate(248.290036px,246.261899px) scale(1,1)}50%{transform:translate(248.290036px,246.261899px) scale(.9,1)}}@keyframes world_line3_animation_f_o{0%,35%,65%,to{fill-opacity:0}45%,55%{fill-opacity:1}}@keyframes world_line4_animation__ts{0%,to{transform:translate(249.069677px,364.462559px) scale(1,1)}50%{transform:translate(249.069677px,364.462559px) scale(.9,1)}}@keyframes world_line5_animation__ts{0%{transform:translate(298px,243.927345px) scale(1,1)}to{transform:translate(298px,243.927345px) scale(.5,1)}}@keyframes world_line6_animation1__to{0%,25%{transform:translate(240.412147px,305.907711px)}50%{transform:translate(240.412147px,293.907711px)}75%,to{transform:translate(240.412147px,305.522139px)}}@keyframes world_line6_animation2__ts{0%,to{transform:scale(1,1.25)}25%,75%{transform:scale(.25,1.25)}50%{transform:scale(.1,1)}}@keyframes world_line6_animation3_s_w{0%,to{stroke-width:0}25%,75%{stroke-width:20}50%{stroke-width:100}}@keyframes world_line7_animation1__to{0%,25%{transform:translate(259.552204px,307.410952px)}50%{transform:translate(259.552204px,295.410952px)}75%,to{transform:translate(259.552204px,307.399054px)}}@keyframes world_line7_animation2__ts{0%,to{transform:scale(1,1.25)}25%,75%{transform:scale(.25,1.25)}50%{transform:scale(.1,1)}}@keyframes world_line7_animation3_s_w{0%,to{stroke-width:0}25%,75%{stroke-width:20}50%{stroke-width:100}}@keyframes world_line8_animation__ts{0%{transform:translate(213px,246.186959px) scale(1,1)}80%,to{transform:translate(213px,246.186959px) scale(2,1)}}@keyframes world_line9_animation__ts{0%{transform:translate(218px,247.460563px) scale(1,1)}to{transform:translate(218px,247.460563px) scale(.5,1)}}@keyframes world_line10_animation__ts{0%{transform:translate(293px,246.740132px) scale(1,1)}to{transform:translate(293px,246.740132px) scale(2,1)}}#world{pointer-events:all}#world_line1_animation{animation:world_line1_animation__ts 200ms linear infinite normal forwards}#world_line2_animation{animation:world_line2_animation__ts 200ms linear infinite normal forwards}#world_line3_animation{animation:world_line3_animation_f_o 200ms linear infinite normal forwards}#world_line4_animation{animation:world_line4_animation__ts 200ms linear infinite normal forwards}#world_line5_animation{animation:world_line5_animation__ts 200ms linear infinite normal forwards}#world_line6_animation1{animation:world_line6_animation1__to 200ms linear infinite normal forwards}#world_line6_animation2{animation:world_line6_animation2__ts 200ms linear infinite normal forwards}#world_line6_animation3{animation:world_line6_animation3_s_w 200ms linear infinite normal forwards}#world_line7_animation1{animation:world_line7_animation1__to 200ms linear infinite normal forwards}#world_line7_animation2{animation:world_line7_animation2__ts 200ms linear infinite normal forwards}#world_line7_animation3{animation:world_line7_animation3_s_w 200ms linear infinite normal forwards}#world_line8_animation{animation:world_line8_animation__ts 200ms linear infinite normal forwards}#world_line9_animation{animation:world_line9_animation__ts 200ms linear infinite normal forwards}#world_line10_animation{animation:world_line10_animation__ts 200ms linear infinite normal forwards}
|
||||
</style>
|
||||
<g id="background">
|
||||
<path id="square" d="M498.1 249.4v186.99c0 28.57-21.55 54.69-49.69 60.04-4.16.79-8.46 1.24-12.69 1.24-124.24.07-248.48.05-372.72.05-30.45 0-57.04-23.36-61.03-53.67-.35-2.67-.59-5.39-.59-8.08-.04-124.55-.03-249.11-.03-373.66 0-28.58 21.56-54.7 49.69-60.04 4.16-.79 8.46-1.24 12.69-1.24C188.08.97 312.42.98 436.77.98c28.57 0 54.73 21.58 60.04 49.69.79 4.16 1.24 8.46 1.24 12.69.07 62.01.05 124.03.05 186.04z" fill="#D52727" stroke="none" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="world_line1_animation" transform="translate(246.924 129.92)">
|
||||
<path id="world_line1" d="M57.433 220.457c-4.1 3.4-4.4 9.2-.6 12.9l2.4 2.5h338.8l2-2.3c2.9-3.2 3.5-5.6 2.2-9.4-2.2-6.8 10.7-6.3-174.3-6.3h-167.4z" transform="translate(-228.523 -226.853)" fill="#000" stroke="none" stroke-width=".1"/>
|
||||
</g>
|
||||
<g id="world_line2_animation" transform="translate(248.29 246.262)">
|
||||
<path id="world_line2" d="M16.043 337.09c-2 2-2.9 3.9-2.9 6.1 0 2.2.9 4.1 2.9 6.1l2.9 2.9h210.2c232.1 0 214.7.5 216.9-6.3 1.4-4.1.3-7.8-3.1-10.1-2-1.5-21.4-1.6-213.1-1.6h-210.9z" transform="translate(-229.89 -343.195)" fill="#000" stroke="none" stroke-width=".1"/>
|
||||
</g>
|
||||
<path id="world_line3_animation" d="M16.043 337.09c-2 2-2.9 3.9-2.9 6.1 0 2.2.9 4.1 2.9 6.1l2.9 2.9h210.2c232.1 0 214.7.5 216.9-6.3 1.4-4.1.3-7.8-3.1-10.1-2-1.5-21.4-1.6-213.1-1.6h-210.9z" transform="rotate(90 287.556 303.929)" fill="#000" fill-opacity="0" stroke="none" stroke-width=".1"/>
|
||||
<g id="world_line4_animation" transform="translate(249.07 364.463)">
|
||||
<path id="world_line4" d="M67.743 453.095c-4.7 1.5-6.6 3.9-6.6 8.5 0 3.2.6 4.7 2.6 6.6l2.6 2.4h329l2.4-2.8c4.6-5.4 2.5-12.8-4.4-14.7-4.6-1.2-321.3-1.2-325.6 0z" transform="translate(-230.669 -461.395)" fill="#000" stroke="none" stroke-width=".1"/>
|
||||
</g>
|
||||
<g id="world_line5_animation" transform="translate(298 243.927)">
|
||||
<path id="world_line5" d="M207.524 127.529c-60.8 6.2-116.5 36.8-153.2 84.2-21.1 27.3-34.3 57.3-41 92.7-2.9 15.4-3.6 47.5-1.3 63.5 3.5 25.5 8.7 43 19.4 65 26.1 53.7 71.8 93.1 129.6 111.8 23.1 7.5 40.4 10.1 67 10.1 30.3 0 53.343-11.472 80.443-21.872 9.4-3.6 9.6-3.7 8.7-4.6-.4-.4-1.3-.2-2 .5-.8.6-2.5 1-3.8.9-1.3 0-4.2.4-6.5 1-8.6 2.5-23.643 10.672-42.843 9.672-48-2.5-54.3-3-65.5-5.4-66.3-14-121.1-67.3-141-137.1-7.3-25.7-9.6-52.4-6.9-80.1 3.6-37.4 18.4-75 41-104.4 9-11.7 25.7-28.5 36.4-36.5 22.9-17.2 50.5-29.2 77.5-33.9 11.4-2 57.743 6.505 73.243 7.405 5.8.3 14.3 1.6 18.8 2.7 5.3 1.3 8.7 1.7 9.3 1.1 2-2-26.8-18.977-45.8-21.877-13.2-1.9-39.143-6.128-51.543-4.828z" transform="translate(-280 -340.86)" fill="#000" stroke="none" stroke-width=".1"/>
|
||||
</g>
|
||||
<g id="world_line6_animation1" transform="translate(240.412 305.908)">
|
||||
<g id="world_line6_animation2" transform="scale(1 1.25)">
|
||||
<path id="world_line6_animation3" d="M20.06-209.09c-23.8 4.866-46 18.897-63.3 43.689-27.6 39.62-39.5 101.794-30.2 157.247 10.7 63.64 44.003 106.075 87.303 118.896 6 1.853 7.598 4.018 19.698 4.018 12.1 0 8 1.18 14-.674 6.6-1.93 21.5-3.918 26.5-6.853l2.5-1.545-3.5.773c-4.5 1.004-12.6 1.004-28-.078-25.6-1.699-33.5-4.247-48.1-15.369-22.6-17.223-38.9-44.95-47.9-81.867-5.1-21.008-6.4-32.825-6.4-57.54 0-24.019 1.2-34.909 6-55.221 12.1-50.665 38.7-86.193 71.7-95.924 8.9-2.626 27.347-9.832 34.247-7.901l5 1.474-2.5-1.622c-3.6-2.471-2.548-.113-9.548-1.503-7.4-1.467-6.7-1.551-14-.084z" fill="#000" stroke="#000" stroke-width="0"/>
|
||||
</g>
|
||||
</g>
|
||||
<g id="world_line7_animation1" transform="translate(259.552 307.411)">
|
||||
<g id="world_line7_animation2" transform="scale(1 1.25)">
|
||||
<path id="world_line7_animation3" d="M-48.007-211.197c7.646 2.432 4-.323 0 2.145h0c8.7-1.311 17.3 5.492 25.9 7.497 8.7 2.083 19.7 7.868 28.2 14.964 42.8 35.403 62.2 116.315 45.7 190.516-10.4 46.433-36 83.765-65.3 95.103-9.1 3.471-13.4 4.243-31.2 5.477-15.3 1.08-23.4 4.998-28 3.995h0c4.5 2.854 17.4 2.696 24.7 4.084 4.6.926 9.817.232 16.917 0 18.5-.617 30.783-1.986 47.483-14.867 12-9.256 20.1-18.203 28.9-31.701 16.4-25.3 26.2-54.995 30.1-90.862 1.7-15.503.6-48.053-2-63.016-9.6-54.61-33.9-95.644-68.5-115.698-15.4-8.87-30.052-8.566-52.9-7.637z" fill="#000" stroke="#000" stroke-width="0"/>
|
||||
</g>
|
||||
</g>
|
||||
<g id="world_line8_animation" transform="translate(213 246.187)">
|
||||
<path id="world_line8" d="M199.102 132.357c-6.203 1.186-11.985 12.6-18.185 16.6 5.6-.9 20.454-7.1 32.854-5.9 9.1.8 11.4 1.5 18.6 5 22.4 11 42.5 40 55.7 80 11.6 35.3 16.6 69.5 16.6 113.5 0 58-9.4 104.5-29 144-16 32.3-35.7 51.1-57 54.4-14.6 2.2-29.33-3.028-34.63-4.128-2.8-.6-4.75-3.453-4.95-3.253-.4.3 7.412 9.138 12.012 11.438 7.1 3.7 13.468 13.043 22.068 13.043 19.1 0 36.3-8.5 53.1-26.3 28.6-30.2 48.4-82.3 55.6-146.2 1.7-15.9 1.7-67 0-83-4.6-41.6-13.9-75.8-28.7-106-17.6-35.8-40.3-58.3-65.7-65.1-6.5-1.7-22.07.2-28.37 1.9z" transform="translate(-195 -343.12)" fill="#000" stroke="none" stroke-width=".1"/>
|
||||
</g>
|
||||
<g id="world_line9_animation" transform="translate(218 247.46)">
|
||||
<path id="world_line9" d="M221.071 130.457c-22.9 2.3-34.664 9.681-54.564 16.081-8.4 2.7-12.5 4.5-11.9 5.1.7.7 3.9.3 9.3-1.1 4.8-1.2 11.164-6.98 17.664-7.28 16.3-.8 66.6 1.2 77.5 3.1 49.9 8.7 95.1 39.2 123.7 83.5 12.2 18.9 24.1 48.1 28.6 70.5 6.2 30.2 5.3 66.8-2.4 96-2.9 11.1-10.1 31-14.5 39.7-20.6 41.1-54.5 74.1-93.5 91.2-21.6 9.5-37.3 13.1-62.9 14.6-60.2 3.5-51.756-1.934-66.656-5.134-4.1-.9-8.2-3.176-9.2-3.076-1 .1-2.464-.399-3.264-1.099-1.2-1-4.029 0-2.829 1.1 1.3 1.2 28.193 9.975 35.293 11.775 58.4 14.3 105.556 12.333 155.256-17.267 29.7-17.6 52.6-39.3 71.2-67.3 7.5-11.3 18.8-33.8 23.2-46 14.8-41.6 15.3-93.6 1.4-136.2-17.9-54.9-60-102.1-113.6-127.4-18.8-8.9-41.2-15.6-63.2-18.9-10.3-1.5-36.9-2.7-44.6-1.9z" transform="translate(-200 -344.393)" fill="#000" stroke="none" stroke-width=".1"/>
|
||||
</g>
|
||||
<g id="world_line10_animation" transform="translate(293 246.74)">
|
||||
<path id="world_line10" d="M239.941 130.201c-34.08 14.207-58.67 40.956-77.47 93.356-7 19.6-13.9 51.1-17.1 78.3-2 17.3-1.7 70.6.5 88 8.1 62.5 27.3 111.9 55.1 141.2 25.1 26.6 51.396 27.319 79.296 13.619 3.9-1.9 8.6-7.685 10.5-9.285 3.4-2.9 3.355-5.422 0-4.334-4.9 1.7-29.296 11.8-43.796 9.2-30.1-5.6-58.5-45.3-72.9-102.3-9.3-36.6-12.1-63.3-11.2-106.4 1.1-53.4 10.7-97.3 29.3-134.4 7-14.2 14.9-25.4 24.5-35 7.1-7 10.4-9.4 18-13.2 8.8-4.4 10.1-4.7 20.9-5.6 15.2-1.3 31.796 11.457 35.196 12.657 5.1 2 3.853 1.28-2.957-6.55-9.576-10.017-19.307-16.84-31.739-19.707-5.5-.2-9.942-.6-12.142 0z" transform="translate(-275 -343.673)" fill="#000" stroke="none" stroke-width=".1"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 9.9 KiB |
39
Animate on Hover/books.svg
Normal file
39
Animate on Hover/books.svg
Normal file
@ -0,0 +1,39 @@
|
||||
<svg id="books" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
|
||||
<style>
|
||||
@keyframes book_group_animation__to{0%,23.333333%{transform:translate(-900px,-1400px)}33.333333%{transform:translate(-900px,-400px)}36.666667%{transform:translate(900px,-400px)}40%{transform:translate(900px,-2400px)}43.333333%,to{transform:translate(-900px,-2400px)}}@keyframes book1_animation__to{0%,73.333333%{transform:translate(0,-78.053975px)}80%,to{transform:translate(0,171.946025px)}}@keyframes book2_animation__to{0%,83.333333%{transform:translate(0,-108.053975px)}90%,to{transform:translate(0,141.946025px)}}@keyframes book3_animation__to{0%,93.333333%{transform:translate(0,-138.053975px)}to{transform:translate(0,111.946025px)}}#books{pointer-events:all}#books *{animation-play-state:paused!important}#books:hover *{animation-play-state:running!important}#book_group_animation{animation:book_group_animation__to 3000ms linear infinite normal forwards}#book1_animation{animation:book1_animation__to 3000ms linear infinite normal forwards}#book2_animation{animation:book2_animation__to 3000ms linear infinite normal forwards}#book3_animation{animation:book3_animation__to 3000ms linear infinite normal forwards}
|
||||
</style>
|
||||
<g id="background" transform="matrix(4 0 0 4 -907.406 -2431.03)">
|
||||
<path id="square" d="M419.1 703.55v72.19c0 11.03-8.32 21.11-19.18 23.18-1.61.31-3.27.48-4.9.48-47.97.03-95.93.02-143.9.02-11.76 0-22.02-9.02-23.56-20.72a23.27 23.27 0 01-.23-3.12c-.01-48.09-.01-96.18-.01-144.26 0-11.03 8.32-21.12 19.18-23.18 1.61-.31 3.27-.48 4.9-.48 48.01-.02 96.02-.02 144.02-.02 11.03 0 21.13 8.33 23.18 19.18.3 1.61.48 3.27.48 4.9.03 23.94.02 47.89.02 71.83z" fill="#FE8A30" stroke="none" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="book_group_animation" transform="translate(-900 -1400)">
|
||||
<g id="book_group" transform="scale(4)">
|
||||
<g id="book1_animation" transform="translate(0 -78.054)">
|
||||
<g id="book1" stroke="none" stroke-width="1">
|
||||
<path id="book1_cover1" d="M325.66 572.14c-.4-.09-.66-.17-.93-.22-6.1-1.08-12.19-2.16-18.29-3.25-7.15-1.27-14.3-2.55-21.45-3.83l-19.2-3.45c-4.05-.73-8.1-1.45-12.15-2.19-2.66-.48-4.75.48-6.43 2.49-2.96 3.55-3.22 9.21-.58 13 1.21 1.74 2.79 2.95 4.94 3.33 2.96.52 5.91 1.11 8.88 1.64 11.31 2.02 22.61 4.03 33.92 6.03 9.84 1.75 19.69 3.49 29.53 5.23.23.04.46.05.82.09-.25-1.25-.43-2.4-.71-3.53-.92-3.69-.83-7.33.36-10.96.45-1.38.84-2.82 1.29-4.38z" fill="#000"/>
|
||||
<path id="book1_cover2" d="M332.33 591.35c23.05-13.93 46.05-27.84 69.09-41.76-1.45-3.01-2.33-6.05-2.57-9.26-.25-3.19.32-6.29 1.13-9.56-.64.39-1.08.66-1.52.93-17.45 10.82-34.9 21.63-52.35 32.45-3.38 2.1-6.78 4.17-10.14 6.31-5.38 3.42-7.87 9.75-6.22 15.78.5 1.84 1.29 3.56 2.58 5.11z" fill="#000"/>
|
||||
<path id="book1_cover3" d="M327.41 601.7c-1.83-.29-3.96-.58-6.07-.95-7.12-1.27-14.23-2.59-21.35-3.87-7.22-1.3-14.44-2.58-21.67-3.87-7.09-1.27-14.17-2.53-21.26-3.81-2.89-.52-5.8-1-8.67-1.63-4.31-.94-7.63-3.37-9.95-7.11-2.86-4.62-4.17-9.64-3.5-15.08.41-3.33 1.57-6.41 3.53-9.11a21.82 21.82 0 016.81-6.15 60048.9 60048.9 0 0069.71-40.28c3.03-1.75 6.22-2.32 9.69-1.82 5.48.79 10.98 1.46 16.47 2.18 5.59.73 11.19 1.47 16.78 2.2 5.08.66 10.16 1.29 15.24 1.96 5.49.72 10.98 1.46 16.47 2.2l16.16 2.16c1.1.15 2.21.2 3.29.44 1.96.43 2.94 1.81 2.06 3.87-.2.47-.54.88-.86 1.29-1.43 1.83-2.73 3.75-3.74 5.86-2.17 4.55-2.61 9.21-.88 14.01.26.72.56 1.42.76 2.16.36 1.33 1.24 2.06 2.54 2.27.99.17 1.59.77 2.09 1.55.36.56.41 1.16.2 1.79-.26.78-.66 1.46-1.32 1.94-.73.53-1.46 1.05-2.23 1.53-23.05 14.28-46.11 28.55-69.16 42.83-2.38 1.47-4.86 2.65-7.65 3.08-1.03.16-2.1.22-3.49.36z" fill="#000"/>
|
||||
<path id="book1_pages1" d="M325.66 572.14c-.46 1.56-.84 2.99-1.3 4.41-1.18 3.62-1.27 7.27-.36 10.96.28 1.13.46 2.28.71 3.53-.36-.04-.59-.05-.82-.09-9.84-1.74-19.69-3.48-29.53-5.23-11.31-2.01-22.62-4.02-33.92-6.03-2.96-.53-5.91-1.12-8.88-1.64-2.16-.38-3.73-1.59-4.94-3.33-2.64-3.79-2.38-9.45.58-13 1.68-2.01 3.77-2.98 6.43-2.49 4.05.74 8.1 1.46 12.15 2.19l19.2 3.45c7.15 1.28 14.3 2.55 21.45 3.83 6.1 1.08 12.19 2.16 18.29 3.25.28.02.54.1.94.19z" fill="#FFF"/>
|
||||
<path id="book1_pages2" d="M332.33 591.35c-1.28-1.55-2.08-3.27-2.59-5.12-1.65-6.03.84-12.36 6.22-15.78 3.36-2.13 6.76-4.21 10.14-6.31 17.45-10.82 34.9-21.63 52.35-32.45.44-.27.88-.54 1.52-.93-.81 3.28-1.38 6.37-1.13 9.56.25 3.22 1.12 6.26 2.57 9.26-23.03 13.94-46.04 27.84-69.08 41.77z" fill="#FFF"/>
|
||||
</g>
|
||||
</g>
|
||||
<g id="book2_animation" transform="translate(0 -108.054)">
|
||||
<g id="book2" stroke="none" stroke-width="1">
|
||||
<path id="book2_cover1" d="M325.66 572.14c-.4-.09-.66-.17-.93-.22-6.1-1.08-12.19-2.16-18.29-3.25-7.15-1.27-14.3-2.55-21.45-3.83l-19.2-3.45c-4.05-.73-8.1-1.45-12.15-2.19-2.66-.48-4.75.48-6.43 2.49-2.96 3.55-3.22 9.21-.58 13 1.21 1.74 2.79 2.95 4.94 3.33 2.96.52 5.91 1.11 8.88 1.64 11.31 2.02 22.61 4.03 33.92 6.03 9.84 1.75 19.69 3.49 29.53 5.23.23.04.46.05.82.09-.25-1.25-.43-2.4-.71-3.53-.92-3.69-.83-7.33.36-10.96.45-1.38.84-2.82 1.29-4.38z" fill="#000"/>
|
||||
<path id="book2_cover2" d="M332.33 591.35c23.05-13.93 46.05-27.84 69.09-41.76-1.45-3.01-2.33-6.05-2.57-9.26-.25-3.19.32-6.29 1.13-9.56-.64.39-1.08.66-1.52.93-17.45 10.82-34.9 21.63-52.35 32.45-3.38 2.1-6.78 4.17-10.14 6.31-5.38 3.42-7.87 9.75-6.22 15.78.5 1.84 1.29 3.56 2.58 5.11z" fill="#000"/>
|
||||
<path id="book2_cover3" d="M327.41 601.7c-1.83-.29-3.96-.58-6.07-.95-7.12-1.27-14.23-2.59-21.35-3.87-7.22-1.3-14.44-2.58-21.67-3.87-7.09-1.27-14.17-2.53-21.26-3.81-2.89-.52-5.8-1-8.67-1.63-4.31-.94-7.63-3.37-9.95-7.11-2.86-4.62-4.17-9.64-3.5-15.08.41-3.33 1.57-6.41 3.53-9.11a21.82 21.82 0 016.81-6.15 60048.9 60048.9 0 0069.71-40.28c3.03-1.75 6.22-2.32 9.69-1.82 5.48.79 10.98 1.46 16.47 2.18 5.59.73 11.19 1.47 16.78 2.2 5.08.66 10.16 1.29 15.24 1.96 5.49.72 10.98 1.46 16.47 2.2l16.16 2.16c1.1.15 2.21.2 3.29.44 1.96.43 2.94 1.81 2.06 3.87-.2.47-.54.88-.86 1.29-1.43 1.83-2.73 3.75-3.74 5.86-2.17 4.55-2.61 9.21-.88 14.01.26.72.56 1.42.76 2.16.36 1.33 1.24 2.06 2.54 2.27.99.17 1.59.77 2.09 1.55.36.56.41 1.16.2 1.79-.26.78-.66 1.46-1.32 1.94-.73.53-1.46 1.05-2.23 1.53-23.05 14.28-46.11 28.55-69.16 42.83-2.38 1.47-4.86 2.65-7.65 3.08-1.03.16-2.1.22-3.49.36z" fill="#000"/>
|
||||
<path id="book2_pages1" d="M325.66 572.14c-.46 1.56-.84 2.99-1.3 4.41-1.18 3.62-1.27 7.27-.36 10.96.28 1.13.46 2.28.71 3.53-.36-.04-.59-.05-.82-.09-9.84-1.74-19.69-3.48-29.53-5.23-11.31-2.01-22.62-4.02-33.92-6.03-2.96-.53-5.91-1.12-8.88-1.64-2.16-.38-3.73-1.59-4.94-3.33-2.64-3.79-2.38-9.45.58-13 1.68-2.01 3.77-2.98 6.43-2.49 4.05.74 8.1 1.46 12.15 2.19l19.2 3.45c7.15 1.28 14.3 2.55 21.45 3.83 6.1 1.08 12.19 2.16 18.29 3.25.28.02.54.1.94.19z" fill="#FFF"/>
|
||||
<path id="book2_pages2" d="M332.33 591.35c-1.28-1.55-2.08-3.27-2.59-5.12-1.65-6.03.84-12.36 6.22-15.78 3.36-2.13 6.76-4.21 10.14-6.31 17.45-10.82 34.9-21.63 52.35-32.45.44-.27.88-.54 1.52-.93-.81 3.28-1.38 6.37-1.13 9.56.25 3.22 1.12 6.26 2.57 9.26-23.03 13.94-46.04 27.84-69.08 41.77z" fill="#FFF"/>
|
||||
</g>
|
||||
</g>
|
||||
<g id="book3_animation" transform="translate(0 -138.054)">
|
||||
<g id="book3" stroke="none" stroke-width="1">
|
||||
<path id="book3_cover1" d="M325.66 572.14c-.4-.09-.66-.17-.93-.22-6.1-1.08-12.19-2.16-18.29-3.25-7.15-1.27-14.3-2.55-21.45-3.83l-19.2-3.45c-4.05-.73-8.1-1.45-12.15-2.19-2.66-.48-4.75.48-6.43 2.49-2.96 3.55-3.22 9.21-.58 13 1.21 1.74 2.79 2.95 4.94 3.33 2.96.52 5.91 1.11 8.88 1.64 11.31 2.02 22.61 4.03 33.92 6.03 9.84 1.75 19.69 3.49 29.53 5.23.23.04.46.05.82.09-.25-1.25-.43-2.4-.71-3.53-.92-3.69-.83-7.33.36-10.96.45-1.38.84-2.82 1.29-4.38z" fill="#000"/>
|
||||
<path id="book3_cover2" d="M332.33 591.35c23.05-13.93 46.05-27.84 69.09-41.76-1.45-3.01-2.33-6.05-2.57-9.26-.25-3.19.32-6.29 1.13-9.56-.64.39-1.08.66-1.52.93-17.45 10.82-34.9 21.63-52.35 32.45-3.38 2.1-6.78 4.17-10.14 6.31-5.38 3.42-7.87 9.75-6.22 15.78.5 1.84 1.29 3.56 2.58 5.11z" fill="#000"/>
|
||||
<path id="book3_cover3" d="M327.41 601.7c-1.83-.29-3.96-.58-6.07-.95-7.12-1.27-14.23-2.59-21.35-3.87-7.22-1.3-14.44-2.58-21.67-3.87-7.09-1.27-14.17-2.53-21.26-3.81-2.89-.52-5.8-1-8.67-1.63-4.31-.94-7.63-3.37-9.95-7.11-2.86-4.62-4.17-9.64-3.5-15.08.41-3.33 1.57-6.41 3.53-9.11a21.82 21.82 0 016.81-6.15 60048.9 60048.9 0 0069.71-40.28c3.03-1.75 6.22-2.32 9.69-1.82 5.48.79 10.98 1.46 16.47 2.18 5.59.73 11.19 1.47 16.78 2.2 5.08.66 10.16 1.29 15.24 1.96 5.49.72 10.98 1.46 16.47 2.2l16.16 2.16c1.1.15 2.21.2 3.29.44 1.96.43 2.94 1.81 2.06 3.87-.2.47-.54.88-.86 1.29-1.43 1.83-2.73 3.75-3.74 5.86-2.17 4.55-2.61 9.21-.88 14.01.26.72.56 1.42.76 2.16.36 1.33 1.24 2.06 2.54 2.27.99.17 1.59.77 2.09 1.55.36.56.41 1.16.2 1.79-.26.78-.66 1.46-1.32 1.94-.73.53-1.46 1.05-2.23 1.53-23.05 14.28-46.11 28.55-69.16 42.83-2.38 1.47-4.86 2.65-7.65 3.08-1.03.16-2.1.22-3.49.36z" fill="#000"/>
|
||||
<path id="book3_pages1" d="M325.66 572.14c-.46 1.56-.84 2.99-1.3 4.41-1.18 3.62-1.27 7.27-.36 10.96.28 1.13.46 2.28.71 3.53-.36-.04-.59-.05-.82-.09-9.84-1.74-19.69-3.48-29.53-5.23-11.31-2.01-22.62-4.02-33.92-6.03-2.96-.53-5.91-1.12-8.88-1.64-2.16-.38-3.73-1.59-4.94-3.33-2.64-3.79-2.38-9.45.58-13 1.68-2.01 3.77-2.98 6.43-2.49 4.05.74 8.1 1.46 12.15 2.19l19.2 3.45c7.15 1.28 14.3 2.55 21.45 3.83 6.1 1.08 12.19 2.16 18.29 3.25.28.02.54.1.94.19z" fill="#FFF"/>
|
||||
<path id="book3_pages2" d="M332.33 591.35c-1.28-1.55-2.08-3.27-2.59-5.12-1.65-6.03.84-12.36 6.22-15.78 3.36-2.13 6.76-4.21 10.14-6.31 17.45-10.82 34.9-21.63 52.35-32.45.44-.27.88-.54 1.52-.93-.81 3.28-1.38 6.37-1.13 9.56.25 3.22 1.12 6.26 2.57 9.26-23.03 13.94-46.04 27.84-69.08 41.77z" fill="#FFF"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 9.5 KiB |
@ -1,4 +1,4 @@
|
||||
<svg id="database" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 499.17 498.38" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
|
||||
<svg id="database" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 499.17 498.38" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
|
||||
<style>
|
||||
@keyframes back_database_animation__to{0%{transform:translate(330.640859px,289.527196px);animation-timing-function:cubic-bezier(.445,.05,.55,.95)}16%,66%{transform:translate(178.283203px,199.933594px);animation-timing-function:cubic-bezier(.445,.05,.55,.95)}80%,to{transform:translate(330.640859px,289.527196px)}}@keyframes star_animation__ts{0%,78%{transform:translate(184.362724px,136.917577px) scale(0,0);animation-timing-function:cubic-bezier(.445,.05,.55,.95)}84%,86%{transform:translate(184.362724px,136.917577px) scale(1,1);animation-timing-function:cubic-bezier(.445,.05,.55,.95)}94%,to{transform:translate(184.362724px,136.917577px) scale(0,0)}}@keyframes star_c_o{0%{opacity:1}84%{opacity:1;animation-timing-function:cubic-bezier(0,0,.58,1)}94%,to{opacity:0}}#database{pointer-events:all}#database *{animation-play-state:paused!important}#database:hover *{animation-play-state:running!important}#back_database_animation{animation:back_database_animation__to 5000ms linear infinite normal forwards}#star_animation{animation:star_animation__ts 5000ms linear infinite normal forwards}#star{animation:star_c_o 5000ms linear infinite normal forwards}
|
||||
</style>
|
||||
|
||||
|
Before Width: | Height: | Size: 7.6 KiB After Width: | Height: | Size: 7.7 KiB |
18
Animate on Hover/dependencies.svg
Normal file
18
Animate on Hover/dependencies.svg
Normal file
@ -0,0 +1,18 @@
|
||||
<svg id="dependencies" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
|
||||
<style>
|
||||
@keyframes pair1_f_o{0%,14.285714%,28.571429%,to{fill-opacity:1}42.857143%,57.142857%,71.428571%,85.714286%{fill-opacity:0}}@keyframes pair2_f_o{0%,71.428571%,85.714286%,to{fill-opacity:1}14.285714%,28.571429%,42.857143%,57.142857%{fill-opacity:0}}@keyframes pair3_f_o{0%,42.857143%,57.142857%{fill-opacity:1}14.285714%,28.571429%,71.428571%,85.714286%,to{fill-opacity:0}}@keyframes box1_f_o{0%,14.285714%,28.571429%,42.857143%,57.142857%,to{fill-opacity:1}71.428571%,85.714286%{fill-opacity:0}}@keyframes box2_f_o{0%,14.285714%,28.571429%,71.428571%,85.714286%,to{fill-opacity:1}42.857143%,57.142857%{fill-opacity:0}}@keyframes box3_f_o{0%,42.857143%,57.142857%,71.428571%,85.714286%,to{fill-opacity:1}14.285714%,28.571429%{fill-opacity:0}}#dependencies{pointer-events:all}#dependencies *{animation-play-state:paused!important}#dependencies:hover *{animation-play-state:running!important}#pair1{animation:pair1_f_o 3500ms linear infinite normal forwards}#pair2{animation:pair2_f_o 3500ms linear infinite normal forwards}#pair3{animation:pair3_f_o 3500ms linear infinite normal forwards}#box1{animation:box1_f_o 3500ms linear infinite normal forwards}#box2{animation:box2_f_o 3500ms linear infinite normal forwards}#box3{animation:box3_f_o 3500ms linear infinite normal forwards}
|
||||
</style>
|
||||
<g id="background" transform="matrix(4 0 0 4 -799.48 -2292.726)">
|
||||
<path id="square" d="M391.65 669.56v72.19c0 11.03-8.32 21.11-19.18 23.18-1.61.31-3.27.48-4.9.48-47.97.03-95.93.02-143.9.02-11.76 0-22.02-9.02-23.56-20.72a23.27 23.27 0 01-.23-3.12c-.01-48.09-.01-96.18-.01-144.26 0-11.03 8.32-21.12 19.18-23.18 1.61-.31 3.27-.48 4.9-.48 48.01-.02 96.02-.02 144.02-.02 11.03 0 21.13 8.33 23.18 19.18.3 1.61.48 3.27.48 4.9.03 23.95.02 47.89.02 71.83z" fill="#FE8A30" stroke="none" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="dependencies_top" transform="matrix(4 0 0 4 -799.509 -2292.686)">
|
||||
<g id="dependencies_group" stroke="none" stroke-width="1">
|
||||
<path id="pair1" d="M354.62 689.08c-.15-3.17-.11-5.99-.44-8.76-1.19-10.03-9.23-17.27-19.35-17.37-10.13-.09-20.26-.03-30.4-.04h-2.16v-13.08c4.03 0 7.98.01 11.92 0 8.58-.02 14.06-5.38 14.1-13.95.05-12.47.05-24.94.02-37.41-.02-8.35-5.58-13.92-13.95-13.95-12.47-.05-24.94-.04-37.41 0-8.65.03-14.04 5.56-14.04 14.27 0 12.47-.01 24.94-.01 37.42-.01 8 5.63 13.63 13.69 13.65 4.04.01 8.09 0 12.48 0v6.33l.166 10.906c.799 8.746 1.644 8.914 18.634 8.914 8.65 0 17.3-.02 25.95.01 4.96.02 7.49 2.54 7.55 7.46.02 1.77 0 3.55 0 5.62-4.32 0-8.35-.02-12.37 0-8.33.06-13.74 5.43-13.77 13.75-.04 12.63-.05 25.25-.02 37.88.02 8.11 5.48 13.67 13.62 13.73 12.7.09 25.41.11 38.11.02 7.94-.06 13.54-5.66 13.59-13.59.09-12.78.1-25.57-.01-38.35-.06-7.97-5.7-13.39-13.69-13.45-4-.03-8.04-.01-12.21-.01z" fill="#000"/>
|
||||
<path id="pair2" d="M236.72 689.11c.15-3.17.11-5.99.44-8.76 1.19-10.03 9.23-17.27 19.35-17.37 10.13-.09 20.26-.03 30.4-.04h2.16v-13.08c-4.03 0-7.98.01-11.92 0-8.58-.02-14.06-5.38-14.1-13.95-.05-12.47-.05-24.94-.02-37.41.02-8.35 5.58-13.92 13.95-13.95 12.47-.05 24.94-.04 37.41 0 8.65.03 14.04 5.56 14.04 14.27 0 12.47.01 24.94.01 37.42.01 8-5.63 13.63-13.69 13.65-4.04.01-8.09 0-12.48 0v6.33l-.166 10.906c-.799 8.746-1.644 8.914-18.634 8.914-8.65 0-17.3-.02-25.95.01-4.96.02-7.49 2.54-7.55 7.46-.02 1.77 0 3.55 0 5.62 4.32 0 8.35-.02 12.37 0 8.33.06 13.74 5.43 13.77 13.75.04 12.63.05 25.25.02 37.88-.02 8.11-5.48 13.67-13.62 13.73-12.7.09-25.41.11-38.11.02-7.94-.06-13.54-5.66-13.59-13.59-.09-12.78-.1-25.57.01-38.35.06-7.97 5.7-13.39 13.69-13.45 4-.03 8.04-.01 12.21-.01z" fill="#000"/>
|
||||
<path id="pair3" d="M236.72 689.11c.15-3.17.11-5.99.44-8.76 1.19-10.03 9.23-17.27 19.35-17.37 10.13-.09 20.26-.03 30.4-.04l8.76.015 9.37.015c9.66 0 19.33.02 28.99-.02 11.91-.05 20.57 8.51 20.58 20.37v5.81h12.58c7.82.01 13.58 5.72 13.6 13.56.02 12.71.01 25.41-.01 38.12-.01 7.88-5.64 13.65-13.5 13.69-12.78.07-25.56.07-38.35.02-7.87-.03-13.56-5.8-13.57-13.62-.01-12.71-.01-25.41-.02-38.12 0-7.95 5.76-13.68 13.73-13.67 4.04.01 8.08 0 12.3 0 0-2.78.29-5.43-.07-7.99-.45-3.18-3.3-5.08-6.86-5.08-16.99-.01-33.98 0-50.97 0-8.65 0-17.3-.02-25.95.01-4.96.02-7.49 2.54-7.55 7.46-.02 1.77 0 3.55 0 5.62 4.32 0 8.35-.02 12.37 0 8.33.06 13.74 5.43 13.77 13.75.04 12.63.05 25.25.02 37.88-.02 8.11-5.48 13.67-13.62 13.73-12.7.09-25.41.11-38.11.02-7.94-.06-13.54-5.66-13.59-13.59-.09-12.78-.1-25.57.01-38.35.06-7.97 5.7-13.39 13.69-13.45 4-.03 8.04-.01 12.21-.01z" fill="#000"/>
|
||||
<path id="box1" d="M367.5 741.32h-38.93v-38.96h38.93v38.96z" fill="#FFF"/>
|
||||
<path id="box2" d="M315.23 597.74v38.93h-38.97v-38.93h38.97z" fill="#FFF"/>
|
||||
<path id="box3" d="M223.97 741.31v-38.99h38.85v38.99h-38.85z" fill="#FFF"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.7 KiB |
17
Animate on Hover/home-automation.svg
Normal file
17
Animate on Hover/home-automation.svg
Normal file
@ -0,0 +1,17 @@
|
||||
<svg id="home-automation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 499.17 498.38" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
|
||||
<style>
|
||||
@keyframes gear_animation__tr{0%{transform:translate(250.35614px,302.716064px) rotate(0deg)}to{transform:translate(250.35614px,302.716064px) rotate(360deg)}}#home-automation{pointer-events:all}#home-automation *{animation-play-state:paused!important}#home-automation:hover *{animation-play-state:running!important}#gear_animation{animation:gear_animation__tr 3000ms linear infinite normal forwards}
|
||||
</style>
|
||||
<g id="background">
|
||||
<path id="square" d="M499.86 249.83v187.84c0 28.7-21.64 54.93-49.91 60.31-4.18.79-8.5 1.25-12.75 1.25-124.8.07-249.61.05-374.41.05-30.6 0-57.3-23.47-61.31-53.91-.35-2.69-.59-5.41-.59-8.12C.85 312.12.85 187 .85 61.89c0-28.71 21.66-54.95 49.91-60.31C54.94.79 59.26.33 63.51.33 188.42.26 313.32.28 438.24.28c28.71 0 54.98 21.68 60.31 49.91.79 4.18 1.24 8.5 1.25 12.75.08 62.29.06 124.59.06 186.89z" fill="#FE8A30" stroke="none" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="house_group">
|
||||
<path id="house" d="M257.23 34.16c2.06 1.74 29.18 28.55 60.26 59.71s56.78 56.39 57.1 56.07c.32-.4.71-5.46.87-11.31.32-11.47 1.03-13.84 4.27-15.03 1.11-.47 12.1-.79 24.52-.79h22.54l1.9 1.98 1.98 1.9v38.75c0 24.99.32 39.54.79 40.96.47 1.19 13.44 14.87 28.86 30.29 30.13 30.21 31.4 31.79 29.34 36.69-2.21 5.22-2.06 5.22-29.42 5.22-22.3 0-24.83.16-26.33 1.34l-1.66 1.42-.25 83.21-.16 83.19-1.66 1.66c-.95.95-3.08 2.06-4.74 2.37-1.82.47-75.37.71-176.67.71-144.8-.08-173.98-.24-176.04-1.11-5.3-2.29-5.06 1.5-5.06-89.36 0-64.53-.24-81.93-1.03-82.4-.47-.32-12.57-.79-26.81-1.03-24.99-.4-25.94-.47-27.52-2.06-.95-.95-1.9-3.16-2.14-4.98-.4-2.69-.08-3.8 1.66-6.25 2.45-3.56 232.58-232.82 234.48-233.61 3.49-1.41 7.05-.62 10.92 2.46z" fill="#FFF" stroke="none" stroke-width="1"/>
|
||||
<g id="gear_animation" transform="translate(250.356 302.716)">
|
||||
<g id="gear_group" transform="translate(-250.356 -302.716)" stroke="none" stroke-width="1">
|
||||
<path id="gear" d="M162.26 406.23c-1.03.16-1.82.95-1.82 1.66s-.4 2.69-.87 4.27c-1.03 3.95-3.48 4.03-6.48.24-1.19-1.5-2.85-2.77-3.56-2.77-1.82 0-8.86 4.43-8.86 5.54 0 .47.55 2.14 1.19 3.72.63 1.5 1.19 3.32 1.19 3.88 0 1.74-3.48 2.14-6.72.79-1.66-.71-3.08-1.27-3.24-1.27-.87 0-5.06 7.67-5.06 9.17 0 1.11 1.03 2.61 2.77 3.95 1.5 1.11 2.77 2.53 2.77 3.16 0 1.5-3.16 3.48-5.69 3.48-3.8 0-5.38 3.95-4.11 10.2.47 2.21.79 2.45 3.4 2.45 3.01 0 6.41 1.82 6.41 3.32 0 .55-1.27 2.06-2.77 3.48-1.5 1.34-2.77 3.24-2.77 4.19 0 2.21 1.74 5.61 3.8 7.43 1.58 1.42 1.74 1.42 5.06-.16 3.4-1.58 3.4-1.58 4.98 0 1.5 1.42 1.5 1.58.16 5.22-1.27 3.48-1.27 3.72 0 5.22.79.79 2.85 2.21 4.59 3.08l3.08 1.66 3.08-3.48c2.93-3.32 3.08-3.4 5.14-2.21 1.66.87 2.21 1.82 2.37 4.27.32 3.88 1.82 5.14 6.25 5.14 4.19 0 6.17-1.82 6.96-6.25.71-4.27 3.01-5.14 5.61-1.98 1.03 1.27 1.82 2.53 1.9 2.85 0 1.34 4.43.55 7.67-1.34 3.8-2.29 4.11-3.56 2.06-7.91-1.27-2.61-1.27-2.85 0-4.11 1.27-1.27 1.58-1.27 5.22.08 2.21.79 4.35 1.19 4.74.95.4-.32 1.9-2.53 3.32-4.98 2.37-4.19 2.45-4.51 1.19-5.3-3.64-2.21-5.22-3.88-5.22-5.69 0-2.06 2.37-3.48 5.93-3.48 2.37 0 3.56-2.06 3.56-6.25 0-4.51-.63-5.54-3.8-6.09-6.48-1.19-7.28-3.24-2.93-7.43 1.5-1.5 2.77-3.16 2.77-3.64 0-1.11-4.35-7.91-5.54-8.62-.4-.24-1.82.08-3.08.79-3.01 1.5-5.14 1.5-6.41 0-.87-1.03-.79-1.74.24-4.03 1.9-3.95 1.74-4.74-1.98-7.43-4.19-3.08-5.54-3.01-8.62.4-1.42 1.5-3.16 2.77-3.95 2.77-1.82 0-3.08-2.29-3.08-5.46 0-1.27-.32-2.61-.79-2.85-1.12-.63-8-1.11-10.06-.63z" transform="matrix(3 0 0 3 -248.886 -1044.126)" fill="#FE8A30"/>
|
||||
<path id="gear_center" d="M171.04 428.29c.95.4 1.27 1.66 1.27 5.06 0 2.53.32 5.54.79 6.64.71 1.9 1.11 2.06 6.25 2.06 7.2 0 8.15.87 7.83 7.43l-.24 4.82-6.33.24c-7.83.24-8.3.79-8.3 8.62v5.85l-5.69-.24-5.77-.24-.24-5.93c-.16-3.24-.55-6.25-1.03-6.72-.4-.4-3.56-.95-6.88-1.19l-6.09-.4v-11.86l6.72-.4 6.72-.4.24-5.93c.08-3.24.32-6.41.55-6.96.39-1 7.9-1.32 10.2-.45z" transform="matrix(3 0 0 3 -250.408 -1044.52)" fill="#FFF"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.0 KiB |
26
Animate on Hover/multimedia-alternate.svg
Normal file
26
Animate on Hover/multimedia-alternate.svg
Normal file
@ -0,0 +1,26 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" id="multimedia-alternate" viewBox="0 0 499.17 498.38" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
|
||||
<style>
|
||||
@keyframes music_note_animation__tr{0%{transform:translate(236.539359px,325.606671px) rotate(0deg)}16%{transform:translate(236.539359px,325.606671px) rotate(-2.659923deg)}36%{transform:translate(236.539359px,325.606671px) rotate(25.059844deg)}60%{transform:translate(236.539359px,325.606671px) rotate(5.139156deg)}80%{transform:translate(236.539359px,325.606671px) rotate(21.080555deg)}}#multimedia-alternate{pointer-events:all}#multimedia-alternate *{animation-play-state:paused!important}#multimedia-alternate:hover *{animation-play-state:running!important}#music_note_animation{animation:music_note_animation__tr 5000ms linear infinite normal forwards}
|
||||
</style>
|
||||
<g id="background">
|
||||
<path id="square" d="M498.1 249.4v186.99c0 28.57-21.55 54.69-49.69 60.04-4.16.79-8.46 1.24-12.69 1.24-124.24.07-248.48.05-372.72.05-30.45 0-57.04-23.36-61.03-53.67-.35-2.67-.59-5.39-.59-8.08-.04-124.55-.03-249.11-.03-373.66 0-28.58 21.56-54.7 49.69-60.04 4.16-.79 8.46-1.24 12.69-1.24C188.08.97 312.42.98 436.77.98c28.57 0 54.73 21.58 60.04 49.69.79 4.16 1.24 8.46 1.24 12.69.07 62.01.05 124.03.05 186.04z" fill="#D52727" stroke="none" stroke-width="1"/>
|
||||
</g>
|
||||
<path stroke-miterlimit="10" d="M132.4 1.16c101.74-.03 203.49-.02 305.23-.02 28.57 0 54.73 21.58 60.04 49.69.79 4.16 1.24 8.46 1.24 12.69.04 34.61.06 48.83.06 83.44H2.21V62.48c0-28.58 21.56-54.7 49.69-60.04 4.16-.79 8.46-1.24 12.69-1.24 22.6-.03 45.21-.04 67.81-.04z" id="header_path" fill="#000" stroke="#000" stroke-width="2" fill-opacity="1"/>
|
||||
<g id="header_top">
|
||||
<g id="header_group" fill="#fff" stroke="none" stroke-width="1">
|
||||
<path id="header1" d="M298.09 137.45v-.01c9.15 0 18.3.04 27.44-.06 1.1-.01 2.54-.52 3.24-1.28 4.23-4.58 8.29-9.3 12.4-13.97 10.88-12.35 21.78-24.69 32.62-37.08.69-.79.91-1.94 1.35-2.93-1-.24-2-.69-3.01-.69-17.97-.05-35.94-.08-53.91.03-1.4.01-3.24.75-4.12 1.75-15.09 16.95-30.07 33.99-45.04 51.04-.56.64-.68 1.61-1.01 2.43.86.25 1.72.72 2.59.73 9.15.06 18.3.04 27.45.04z"/>
|
||||
<path id="header2" d="M267.32 14.14c1.12 1.71 1.7 2.88 2.53 3.83 14.4 16.4 28.86 32.76 43.21 49.19 1.56 1.79 3.22 2.35 5.59 2.34 17.63-.08 35.26-.04 52.89-.06 1.13 0 2.26-.14 4.14-.26-.95-1.36-1.43-2.21-2.07-2.94-14.68-16.72-29.4-33.4-44.04-50.15-1.33-1.52-2.71-2.01-4.73-2-17.85.07-35.69.04-53.54.04-1.05.01-2.09.01-3.98.01z"/>
|
||||
<path id="header3" d="M146.85 137.37h3.95c17.09 0 34.18-.07 51.26.06 3.06.02 5.04-.74 7.07-3.08 14.22-16.41 28.66-32.65 43.01-48.97.82-.94 1.38-2.09 2.28-3.5-1.44-.16-2.17-.32-2.9-.32-18.18-.01-36.35-.05-54.53.08-1.34.01-3.03 1.02-3.94 2.05-14.84 16.73-29.58 33.53-44.32 50.35-.69.77-1.04 1.8-1.88 3.33z"/>
|
||||
<path id="header4" d="M496.37 81.93c-1.35-.17-1.88-.3-2.41-.3-18.4-.02-36.81-.07-55.21.02-1.16.01-2.64.86-3.43 1.75-14.99 16.89-29.91 33.85-44.8 50.82-.64.73-.87 1.78-1.32 2.72.77.26.97.39 1.17.39 18.84.01 37.68.03 56.51-.03.81 0 1.86-.5 2.39-1.1 14.96-16.92 29.86-33.88 44.76-50.85.78-.89 1.34-1.96 2.34-3.42z"/>
|
||||
<path id="header5" d="M133.55 82.48c-.2-.3-.4-.6-.6-.91h-3.85c-16.65 0-33.3.11-49.95-.07-3.6-.04-5.86.99-8.17 3.66-14.35 16.57-28.94 32.95-43.41 49.43-.57.65-.75 1.59-1.27 2.76 19.79 0 38.93.01 58.07-.05.8 0 1.81-.57 2.35-1.17 14.75-16.66 29.46-33.35 44.15-50.06 1-1.12 1.8-2.39 2.68-3.59z"/>
|
||||
<path id="header6" d="M146.79 14.16c1.01 1.6 1.47 2.6 2.17 3.41 14.6 16.65 29.2 33.3 43.91 49.86.89 1.01 2.68 1.83 4.06 1.84 18.17.12 36.35.09 54.52.07.77 0 1.55-.22 2.72-.4-.68-1-1.01-1.63-1.47-2.15-14.9-16.95-29.79-33.9-44.81-50.76-.93-1.04-2.88-1.78-4.36-1.79-17.3-.12-34.61-.08-51.91-.07-1.28-.01-2.57-.01-4.83-.01z"/>
|
||||
<path id="header7" d="M27 14.16c-.27.25-.54.51-.81.76.91 1.11 1.79 2.25 2.74 3.33C43.2 34.5 57.49 50.73 71.72 67.01c1.43 1.64 2.91 2.38 5.24 2.37 17.63-.09 35.27-.04 52.9-.04 1.03 0 2.06-.1 3.55-.18-.54-1-.75-1.67-1.18-2.17-15.03-17.12-30.08-34.23-45.18-51.29-.67-.75-1.93-1.47-2.92-1.47-19.04-.09-38.09-.07-57.13-.07z"/>
|
||||
<path id="header8" d="M496.23 69.1c-.87-1.2-1.32-1.94-1.89-2.59-14.67-16.72-29.36-33.41-43.99-50.16-1.35-1.55-2.72-2.25-4.92-2.24-17.62.09-35.24.04-52.87.05-1.03 0-2.05.11-3.74.21.92 1.4 1.41 2.38 2.13 3.19 14.53 16.56 29.1 33.08 43.6 49.67 1.4 1.6 2.88 2.14 5.02 2.13 17.62-.08 35.25-.06 52.87-.08 1.02 0 2.06-.1 3.79-.18z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g id="music_note_group">
|
||||
<g id="music_note_animation" transform="translate(236.54 325.607)">
|
||||
<path id="music_note" d="M-54.23 68.333c-11.39-4.96-22.79-5.04-34.22-2.96-21.13 3.84-38.6 13.76-50.64 32.01-5.91 8.96-8.79 18.92-7.2 29.65 2.36 15.99 12.49 25.85 27.21 30.46 25 7.82 48.27 3.2 68.85-12.83 14.09-10.98 21.3-25.49 21.13-43.9-.37-39.85-.02-79.71-.13-119.57-.02-7.51 3.08-12.9 9.35-16.61 2.12-1.26 4.42-2.33 6.77-3.07 39.93-12.59 79.88-25.11 119.84-37.61 1.95-.61 4-1.06 6.02-1.2 5.27-.38 8.14 2.17 8.65 7.42.09.97.1 1.95.1 2.92.02 31.73.03 63.47.04 95.2 0 1.02-.1 2.04-.16 3.32-11.84-5.02-23.75-5.81-35.81-4-21.55 3.24-39.45 12.89-51.55 31.51-7.53 11.58-10.02 24.25-4.78 37.48 5.14 12.99 15.54 20.54 28.57 23.92 27.48 7.14 51.97.8 72.71-18.54 10.91-10.17 16.3-22.79 16.2-38.2-.34-55.99-.13-111.98-.13-167.98 0-12.02.06-24.04-.02-36.06-.07-10.34-6.96-19.07-17.19-20.6-4.75-.71-9.95-.11-14.68 1.03-8.4 2.03-16.58 4.92-24.86 7.45-37.78 11.55-75.54 23.15-113.34 34.62-18.08 5.48-31.15 24.39-30.95 42.02.51 46.78.19 93.57.21 140.36.01 1.04.01 2.12.01 3.76z" stroke-miterlimit="10" stroke-width="10" stroke="#000" fill="#fff"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.5 KiB |
25
Animate on Hover/multimedia.svg
Normal file
25
Animate on Hover/multimedia.svg
Normal file
@ -0,0 +1,25 @@
|
||||
<svg id="multimedia" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
|
||||
<style>
|
||||
@keyframes slider_f_o{0%,35%{fill-opacity:1;animation-timing-function:step-end}19%,65%{fill-opacity:0;animation-timing-function:step-end}to{fill-opacity:0}}@keyframes play_animation__to{0%,to{transform:translate(.194403px,0)}19%,35%{transform:translate(40.194403px,0)}65%,82%{transform:translate(107.694403px,0)}}@keyframes pause_animation_c_o{0%,35%,82%{opacity:0;animation-timing-function:step-end}19%,65%{opacity:1;animation-timing-function:step-end}to{opacity:0}}@keyframes rewind_animation_c_o{0%{opacity:0;animation-timing-function:step-end}82%{opacity:1;animation-timing-function:step-end}to{opacity:1}}#multimedia{pointer-events:all}#multimedia *{animation-play-state:paused!important}#multimedia:hover *{animation-play-state:running!important}#slider{animation:slider_f_o 10000ms linear infinite normal forwards}#play_animation{animation:play_animation__to 10000ms linear infinite normal forwards}#pause_animation{animation:pause_animation_c_o 10000ms linear infinite normal forwards}#rewind_animation{animation:rewind_animation_c_o 10000ms linear infinite normal forwards}
|
||||
</style>
|
||||
<g id="background" transform="matrix(4 0 0 4 -887.96 -2344.006)">
|
||||
<path id="square" d="M413.77 682.38v72.19c0 11.03-8.32 21.11-19.18 23.18-1.61.31-3.27.48-4.9.48-47.97.03-95.93.02-143.9.02-11.76 0-22.02-9.02-23.56-20.72a23.27 23.27 0 01-.23-3.12c-.01-48.09-.01-96.18-.01-144.26 0-11.03 8.32-21.12 19.18-23.18 1.61-.31 3.27-.48 4.9-.48 48.01-.02 96.02-.02 144.02-.02 11.03 0 21.13 8.33 23.18 19.18.3 1.61.48 3.27.48 4.9.03 23.94.02 47.89.02 71.83z" fill="#F3632D" stroke="none" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="player" transform="matrix(4 0 0 4 -889.218 -2342.924)">
|
||||
<path id="player_frame" d="M399 609.17v145.67c-.81 1.49-1.33 3.28-2.49 4.39-1.53 1.45-3.57 2.35-5.39 3.49H245.48c-.17-.11-.33-.25-.52-.31-4.85-1.59-7.36-5.03-7.36-10.11V611.26c0-5.61 4.35-9.97 9.97-9.97 47.16 0 94.32 0 141.48-.01 3.16 0 5.76 1.22 7.66 3.66.98 1.25 1.54 2.81 2.29 4.23z" fill="#000" stroke="none" stroke-width="1"/>
|
||||
<path id="player_window" d="M247.76 712.17H388.8V611.46H247.76v100.71z" fill="#FFF" stroke="none" stroke-width="1"/>
|
||||
<path id="slider" d="M288.05 661.76c0-10.14-.01-20.27.01-30.41 0-.83.09-1.68.31-2.47.82-2.87 3.2-4.22 6.08-3.42.9.25 1.78.63 2.59 1.09 17.57 10.02 35.12 20.05 52.68 30.09.5.29.99.6 1.44.96 3.23 2.54 3.27 5.94.01 8.42-1.33 1.01-2.83 1.78-4.29 2.62-16.51 9.44-33.02 18.88-49.54 28.31-.64.36-1.28.73-1.96.98-3.97 1.5-7.29-.73-7.33-4.97-.05-5.78-.01-11.55-.01-17.33.01-4.63.01-9.25.01-13.87z" fill="#000" stroke="none" stroke-width="1"/>
|
||||
<path id="slider_bar" d="M373.92 742.96H262.77c-3.04 0-5.53-2.49-5.53-5.53s2.49-5.53 5.53-5.53h111.16c3.04 0 5.53 2.49 5.53 5.53s-2.49 5.53-5.54 5.53z" fill="#FFF" stroke="none" stroke-width="1"/>
|
||||
<g id="play_animation" transform="translate(.194)">
|
||||
<path id="play" d="M265.53 752.59c-4.63 0-8.42-3.79-8.42-8.42V730.7c0-4.63 3.79-8.42 8.42-8.42s8.42 3.79 8.42 8.42v13.47c0 4.63-3.79 8.42-8.42 8.42z" fill="#F3632D" stroke="none" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="pause_animation" opacity="0" fill="#000" fill-rule="evenodd" stroke="none" stroke-width="3" stroke-linejoin="round">
|
||||
<rect id="pause1" width="70.945" height="15.135" rx="0" ry="7.567" transform="translate(281.888 638.515)"/>
|
||||
<rect id="pause2" width="70.945" height="15.135" rx="0" ry="7.567" transform="translate(281.73 668.515)"/>
|
||||
</g>
|
||||
<g id="rewind_animation" opacity="0" fill="#000" stroke="none" stroke-width=".5">
|
||||
<path id="rewind1" d="M342.774 661.571c0-5.07.005-10.135-.005-15.205 0-.415-.045-.84-.155-1.235-.41-1.435-1.6-2.11-3.04-1.71-.45.125-.89.315-1.295.545-8.785 5.01-17.56 10.025-26.34 15.045-.25.145-.495.3-.72.48-1.615 1.27-1.635 2.97-.005 4.21.665.505 1.415.89 2.145 1.31 8.255 4.72 16.51 9.44 24.77 14.155.32.18.64.365.98.49 1.985.75 3.645-.365 3.665-2.485.025-2.89.005-5.775.005-8.665-.005-2.315-.005-4.625-.005-6.935z"/>
|
||||
<path id="rewind2" d="M324.774 661.571c0-5.07.005-10.135-.005-15.205 0-.415-.045-.84-.155-1.235-.41-1.435-1.6-2.11-3.04-1.71-.45.125-.89.315-1.295.545-8.785 5.01-17.56 10.025-26.34 15.045-.25.145-.495.3-.72.48-1.615 1.27-1.635 2.97-.005 4.21.665.505 1.415.89 2.145 1.31 8.255 4.72 16.51 9.44 24.77 14.155.32.18.64.365.98.49 1.985.75 3.645-.365 3.665-2.485.025-2.89.005-5.775.005-8.665-.005-2.315-.005-4.625-.005-6.935z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.4 KiB |
20
Animate on Hover/network.svg
Normal file
20
Animate on Hover/network.svg
Normal file
@ -0,0 +1,20 @@
|
||||
<svg id="network" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
|
||||
<style>
|
||||
@keyframes packet_animation__to{0%,6.666667%,90%,to{transform:translate(-51.09385px,385.658px)}13.333333%,73.333333%{transform:translate(-51.09385px,420.658px)}23.333333%,36.666667%{transform:translate(-104.84385px,420.658px)}24.333333%{transform:translate(-111.6561px,422.543914px)}25.333333%{transform:translate(-115.694271px,428.132803px)}30%{transform:translate(-115.84385px,460.658px)}34.666667%{transform:translate(-115.69385px,428.133px)}35.666667%{transform:translate(-111.65635px,422.543px)}53.333333%,66.666667%{transform:translate(2.65615px,420.658px)}54.333333%,65.666667%{transform:translate(10.65615px,424.158px)}55.333333%,64.666667%{transform:translate(12.90615px,428.158px)}60%{transform:translate(12.90615px,460.658px)}80%{transform:translate(-51.09385px,460.658px)}}#network{pointer-events:all}#network *{animation-play-state:paused!important}#network:hover *{animation-play-state:running!important}#packet_animation{animation:packet_animation__to 3000ms linear infinite normal forwards}
|
||||
</style>
|
||||
<g id="background" transform="matrix(4 0 0 4 -885.96 -2361.09)">
|
||||
<path id="square" d="M413.27 686.65v72.19c0 11.03-8.32 21.11-19.18 23.18-1.61.31-3.27.48-4.9.48-47.97.03-95.93.02-143.9.02-11.76 0-22.02-9.02-23.56-20.72a23.27 23.27 0 01-.23-3.12c-.01-48.09-.01-96.18-.01-144.26 0-11.03 8.32-21.12 19.18-23.18 1.61-.31 3.27-.48 4.9-.48 48.01-.02 96.02-.02 144.02-.02 11.03 0 21.13 8.33 23.18 19.18.3 1.61.48 3.27.48 4.9.03 23.94.02 47.89.02 71.83z" fill="#FE8A30" stroke="none" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="network_top" transform="matrix(4 0 0 4 -885.959 -2361.09)">
|
||||
<g id="network_group">
|
||||
<path id="cable" d="M321.8 689.26h46.5c11.98 0 18.15 6.2 18.16 18.24 0 2.15-.52 18.994-.55 21.144-.05 3.18-1.72 5.12-4.85 5.1-3.16-.02-4.74-2.06-4.78-5.2-.04-2.91.61-20.514.5-23.414-.13-3.59-2.34-6.1-5.9-6.12-16.16-.11-32.31-.05-49.09-.05 0 4.96-.172 24.532-.022 30.42-.15 1.83-1.596 3.994-3.076 4.924-3.07 1.92-6.5-.57-6.61-4.53-.12-4.79.078-25.364.078-30.554-1.14-.1-2.22-.27-3.29-.28-14.66-.02-29.32-.03-43.98 0-5.57.01-7.81 2.23-7.93 7.78-.05 2.65-.068 21.84-.198 24.49-.14 2.91-1.97 4.4-4.71 4.37-2.74-.03-4.56-1.54-4.61-4.46-.06-3.91-.122-24.39.248-28.27.75-7.75 7.7-13.53 16.15-13.56 14.53-.07 29.07-.02 43.6-.02h4.71c0-2.69-.128-21.582-.108-24.052.03-3.12 1.52-5.06 4.71-5.29 2.91-.21 4.84 1.98 4.93 5.44.06 2.35.118 21.142.118 23.892z" fill="#FFF" stroke="none" stroke-width="1"/>
|
||||
<g id="packet_animation" transform="translate(-51.094 385.658)">
|
||||
<ellipse id="packet" rx="4.038" ry="4.013" transform="translate(367.872 273.628)" fill="#000" stroke="#000" stroke-width="1.138" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<path id="slave1" d="M382.43 762.86c-4.3 0-8.6.07-12.9-.02-5.77-.13-9.55-3.69-9.75-9.41-.18-5.18-.18-10.37.01-15.55.2-5.5 3.96-9.28 9.42-9.37 8.97-.15 17.96-.16 26.93.02 5.27.1 9.03 3.95 9.19 9.2.17 5.31.17 10.62-.01 15.93-.18 5.21-4.05 8.89-9.25 9.18-.25.01-.51.02-.76.02h-12.88z" fill="#FFF" stroke="none" stroke-width="1"/>
|
||||
<path id="slave2" d="M252.45 728.45c4.29 0 8.58-.09 12.87.02 5.9.15 9.57 3.9 9.67 9.83.08 4.92.08 9.84 0 14.76-.1 5.88-3.85 9.7-9.73 9.77-8.7.1-17.41.1-26.11-.01-5.81-.07-9.63-3.95-9.76-9.8-.11-4.92-.12-9.84.01-14.76.15-5.82 4.01-9.65 9.82-9.79 4.4-.11 8.81-.02 13.23-.02z" fill="#FFF" stroke="none" stroke-width="1"/>
|
||||
<path id="slave3" d="M317.43 762.85c-4.41 0-8.83.09-13.24-.03-5.67-.15-9.44-3.91-9.56-9.55-.11-5.04-.11-10.09 0-15.14.12-5.65 3.89-9.56 9.5-9.64 8.83-.14 17.66-.13 26.49-.01 5.68.08 9.43 3.91 9.56 9.57.12 5.04.11 10.09 0 15.14-.13 5.82-3.96 9.53-9.88 9.65-4.29.08-8.58.02-12.87.01z" fill="#FFF" stroke="none" stroke-width="1"/>
|
||||
<path id="master" d="M317.48 666.44c-9.61 0-19.22.03-28.83-.01-7.62-.04-12-4.39-12.04-11.99-.05-10.62-.06-21.24 0-31.87.04-7.46 4.64-12.15 12.03-12.17 19.22-.05 38.44-.06 57.66 0 7.09.02 11.68 4.44 11.79 11.58.17 11 .16 22 .01 33-.1 7.22-4.55 11.41-11.79 11.45-9.61.05-19.22.01-28.83.01zm-.48-32.01v-.02c5.04 0 10.07-.01 15.11.01 1.99.01 4.27-.13 3.93-2.68-.13-.98-2.46-2.36-3.81-2.39-10.07-.2-20.14-.11-30.21-.11-1.95 0-4.15-.03-4.21 2.58-.06 2.65 2.11 2.63 4.09 2.62 5.03-.04 10.07-.01 15.1-.01zm.11 13.26v-.03c5.18 0 10.36.15 15.52-.11 1.23-.06 2.4-1.51 3.59-2.32-1.17-.83-2.33-2.36-3.52-2.39-10.47-.19-20.96-.19-31.43 0-1.19.02-2.35 1.53-3.53 2.34 1.15.83 2.27 2.33 3.46 2.39 5.3.27 10.61.12 15.91.12z" fill="#FFF" stroke="none" stroke-width="1"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.5 KiB |
@ -1,4 +1,4 @@
|
||||
<svg id="productivity" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 769 769" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
|
||||
<svg id="productivity" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
|
||||
<style>
|
||||
@keyframes minute_hand_animation__tr{0%{transform:translate(318.98px,682.16px) rotate(0deg)}to{transform:translate(318.98px,682.16px) rotate(21600deg)}}@keyframes hour_hand_animation__tr{0%{transform:translate(318.98px,682.16px) rotate(0deg)}to{transform:translate(318.98px,682.16px) rotate(360deg)}}#productivity{pointer-events:all}#productivity *{animation-play-state:paused!important}#productivity:hover *{animation-play-state:running!important}#minute_hand_animation{animation:minute_hand_animation__tr 30000ms linear infinite normal forwards}#hour_hand_animation{animation:hour_hand_animation__tr 30000ms linear infinite normal forwards}
|
||||
</style>
|
||||
|
||||
|
Before Width: | Height: | Size: 5.0 KiB After Width: | Height: | Size: 5.0 KiB |
40
Animate on Hover/vpn.svg
Normal file
40
Animate on Hover/vpn.svg
Normal file
@ -0,0 +1,40 @@
|
||||
<svg id="vpn" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
|
||||
<style>
|
||||
@keyframes shine_gradient5_f_o{0%,53.333333%{fill-opacity:1}60%,to{fill-opacity:0}}@keyframes shine_gradient4_f_o{0%,50%{fill-opacity:1}56.666667%,to{fill-opacity:0}}@keyframes shine_gradient3_f_o{0%,46.666667%{fill-opacity:1}53.333333%,to{fill-opacity:0}}@keyframes shine_gradient2_f_o{0%,43.333333%{fill-opacity:1}50%,to{fill-opacity:0}}@keyframes shine_gradient1_f_o{0%,40%{fill-opacity:1}46.666667%,to{fill-opacity:0}}#vpn{pointer-events:all}#vpn *{animation-play-state:paused!important}#vpn:hover *{animation-play-state:running!important}#shine_gradient5{animation:shine_gradient5_f_o 3000ms linear infinite normal forwards}#shine_gradient4{animation:shine_gradient4_f_o 3000ms linear infinite normal forwards}#shine_gradient3{animation:shine_gradient3_f_o 3000ms linear infinite normal forwards}#shine_gradient2{animation:shine_gradient2_f_o 3000ms linear infinite normal forwards}#shine_gradient1{animation:shine_gradient1_f_o 3000ms linear infinite normal forwards}
|
||||
</style>
|
||||
<defs>
|
||||
<linearGradient id="shine_gradient5-fill" x1=".421" y1=".408" x2=".881" y2=".796" spreadMethod="pad" gradientUnits="objectBoundingBox">
|
||||
<stop id="shine_gradient5-fill-0" offset="0%" stop-color="#FE8A30"/>
|
||||
<stop id="shine_gradient5-fill-1" offset="100%" stop-color="#FFDEC5"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="shine_gradient4-fill" x1=".04" y1=".133" x2=".527" y2=".53" spreadMethod="reflect" gradientUnits="objectBoundingBox">
|
||||
<stop id="shine_gradient4-fill-0" offset="0%" stop-color="#FE8A30"/>
|
||||
<stop id="shine_gradient4-fill-1" offset="100%" stop-color="#FFDEC5"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="shine_gradient3-fill" x1=".741" y1=".68" x2="1.231" y2="1.067" spreadMethod="reflect" gradientUnits="objectBoundingBox">
|
||||
<stop id="shine_gradient3-fill-0" offset="0%" stop-color="#FE8A30"/>
|
||||
<stop id="shine_gradient3-fill-1" offset="100%" stop-color="#FFDEC5"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="shine_gradient2-fill" x1="-.265" y1="-.096" x2=".332" y2=".369" spreadMethod="pad" gradientUnits="objectBoundingBox">
|
||||
<stop id="shine_gradient2-fill-0" offset="0%" stop-color="#FFDEC5"/>
|
||||
<stop id="shine_gradient2-fill-1" offset="100%" stop-color="#FE8A30"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g id="background" transform="matrix(4 0 0 4 -796.72 -2313.48)">
|
||||
<path id="square" d="M390.96 674.28v72.19c0 11.03-8.32 21.11-19.18 23.18-1.61.31-3.27.48-4.9.48-47.97.03-95.93.02-143.9.02-11.76 0-22.02-9.02-23.56-20.72a23.27 23.27 0 01-.23-3.12c-.01-48.09-.01-96.18-.01-144.26 0-11.03 8.32-21.12 19.18-23.18 1.61-.31 3.27-.48 4.9-.48 48.01-.02 96.02-.02 144.02-.02 11.03 0 21.13 8.33 23.18 19.18.3 1.61.48 3.27.48 4.9.03 23.94.02 47.89.02 71.83z" fill="#D52727" stroke="none" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="shield_top" transform="matrix(4 0 0 4 -796.69 -2313.45)">
|
||||
<g id="shield_group" stroke="none" stroke-width="1">
|
||||
<path id="shield_border" d="M296.51 582.34c6.33 2.29 12.65 4.59 18.99 6.85 16.13 5.75 32.27 11.47 48.4 17.2 3.67 1.3 4.77 2.88 4.77 6.82 0 23.04.01 46.09 0 69.13-.03 35.52-20.85 66.1-53.89 79.11-5.97 2.35-12.15 4.08-18.53 4.65-2.84.26-5.84-.38-8.67-1.05-28.08-6.68-47.98-23.29-59.61-49.68-4.61-10.47-6.51-21.57-6.52-32.99-.01-23.1.01-46.21.01-69.31 0-3.8 1.12-5.36 4.74-6.64 21.94-7.79 43.88-15.58 65.81-23.37.55-.2 1.07-.48 1.61-.72h2.89z" fill="#000"/>
|
||||
<path id="shine_gradient6" d="M244.46 723.18c.32.52.51.87.74 1.2 10.05 14.43 23.5 24.14 40.41 28.98 3.65 1.04 7.35 2.41 11.23 1.75 15.57-2.65 28.95-9.62 40-20.9 3.23-3.3 6.01-7.04 9-10.58-.13-.15-.25-.3-.38-.45h-101zm-12.03-97.72h125.3c0-2.6-.1-5.11.04-7.59.09-1.57-.41-2.29-1.93-2.82-19.71-6.93-39.39-13.95-59.1-20.88-.96-.34-2.24-.36-3.19-.03-8.57 2.95-17.11 6.02-25.66 9.05-11.3 4.01-22.61 8.02-33.9 12.06-.59.21-1.47.76-1.49 1.19-.13 2.97-.07 5.95-.07 9.02zm125.3 11.2H232.55c-.04.57-.1 1.04-.1 1.5-.01 15.02-.01 30.04-.03 45.06-.02 9.38 1.79 18.39 5.18 27.12.5 1.3 1.1 1.8 2.57 1.78 7-.1 14-.05 21.01-.05 29.68 0 59.37 0 89.05.03 1.09 0 1.69-.25 2.13-1.35 3.16-7.89 5.15-16.05 5.25-24.56.15-12.63.09-25.25.11-37.88.01-3.83.01-7.66.01-11.65z" fill="#FE8A30"/>
|
||||
<path id="shine_gradient5" d="M244.46 723.18c.32.52.51.87.74 1.2 10.05 14.43 23.5 24.14 40.41 28.98 3.65 1.04 7.35 2.41 11.23 1.75 15.57-2.65 28.95-9.62 40-20.9 3.23-3.3 6.01-7.04 9-10.58-.13-.15-.25-.3-.38-.45h-101zm-12.03-97.72h125.3c0-2.6-.1-5.11.04-7.59.09-1.57-.41-2.29-1.93-2.82-19.71-6.93-39.39-13.95-59.1-20.88-.96-.34-2.24-.36-3.19-.03-8.57 2.95-17.11 6.02-25.66 9.05-11.3 4.01-22.61 8.02-33.9 12.06-.59.21-1.47.76-1.49 1.19-.13 2.97-.07 5.95-.07 9.02zm125.3 11.2H232.55c-.04.57-.1 1.04-.1 1.5-.01 15.02-.01 30.04-.03 45.06-.02 9.38 1.79 18.39 5.18 27.12.5 1.3 1.1 1.8 2.57 1.78 7-.1 14-.05 21.01-.05 29.68 0 59.37 0 89.05.03 1.09 0 1.69-.25 2.13-1.35 3.16-7.89 5.15-16.05 5.25-24.56.15-12.63.09-25.25.11-37.88.01-3.83.01-7.66.01-11.65z" fill="url(#shine_gradient5-fill)"/>
|
||||
<path id="shine_gradient4" d="M244.46 723.18c.32.52.51.87.74 1.2 10.05 14.43 23.5 24.14 40.41 28.98 3.65 1.04 7.35 2.41 11.23 1.75 15.57-2.65 28.95-9.62 40-20.9 3.23-3.3 6.01-7.04 9-10.58-.13-.15-.25-.3-.38-.45h-101zm-12.03-97.72h125.3c0-2.6-.1-5.11.04-7.59.09-1.57-.41-2.29-1.93-2.82-19.71-6.93-39.39-13.95-59.1-20.88-.96-.34-2.24-.36-3.19-.03-8.57 2.95-17.11 6.02-25.66 9.05-11.3 4.01-22.61 8.02-33.9 12.06-.59.21-1.47.76-1.49 1.19-.13 2.97-.07 5.95-.07 9.02zm125.3 11.2H232.55c-.04.57-.1 1.04-.1 1.5-.01 15.02-.01 30.04-.03 45.06-.02 9.38 1.79 18.39 5.18 27.12.5 1.3 1.1 1.8 2.57 1.78 7-.1 14-.05 21.01-.05 29.68 0 59.37 0 89.05.03 1.09 0 1.69-.25 2.13-1.35 3.16-7.89 5.15-16.05 5.25-24.56.15-12.63.09-25.25.11-37.88.01-3.83.01-7.66.01-11.65z" fill="url(#shine_gradient4-fill)"/>
|
||||
<path id="shine_gradient3" d="M244.46 723.18c.32.52.51.87.74 1.2 10.05 14.43 23.5 24.14 40.41 28.98 3.65 1.04 7.35 2.41 11.23 1.75 15.57-2.65 28.95-9.62 40-20.9 3.23-3.3 6.01-7.04 9-10.58-.13-.15-.25-.3-.38-.45h-101zm-12.03-97.72h125.3c0-2.6-.1-5.11.04-7.59.09-1.57-.41-2.29-1.93-2.82-19.71-6.93-39.39-13.95-59.1-20.88-.96-.34-2.24-.36-3.19-.03-8.57 2.95-17.11 6.02-25.66 9.05-11.3 4.01-22.61 8.02-33.9 12.06-.59.21-1.47.76-1.49 1.19-.13 2.97-.07 5.95-.07 9.02zm125.3 11.2H232.55c-.04.57-.1 1.04-.1 1.5-.01 15.02-.01 30.04-.03 45.06-.02 9.38 1.79 18.39 5.18 27.12.5 1.3 1.1 1.8 2.57 1.78 7-.1 14-.05 21.01-.05 29.68 0 59.37 0 89.05.03 1.09 0 1.69-.25 2.13-1.35 3.16-7.89 5.15-16.05 5.25-24.56.15-12.63.09-25.25.11-37.88.01-3.83.01-7.66.01-11.65z" fill="url(#shine_gradient3-fill)"/>
|
||||
<path id="shine_gradient2" d="M244.46 723.18c.32.52.51.87.74 1.2 10.05 14.43 23.5 24.14 40.41 28.98 3.65 1.04 7.35 2.41 11.23 1.75 15.57-2.65 28.95-9.62 40-20.9 3.23-3.3 6.01-7.04 9-10.58-.13-.15-.25-.3-.38-.45h-101zm-12.03-97.72h125.3c0-2.6-.1-5.11.04-7.59.09-1.57-.41-2.29-1.93-2.82-19.71-6.93-39.39-13.95-59.1-20.88-.96-.34-2.24-.36-3.19-.03-8.57 2.95-17.11 6.02-25.66 9.05-11.3 4.01-22.61 8.02-33.9 12.06-.59.21-1.47.76-1.49 1.19-.13 2.97-.07 5.95-.07 9.02zm125.3 11.2H232.55c-.04.57-.1 1.04-.1 1.5-.01 15.02-.01 30.04-.03 45.06-.02 9.38 1.79 18.39 5.18 27.12.5 1.3 1.1 1.8 2.57 1.78 7-.1 14-.05 21.01-.05 29.68 0 59.37 0 89.05.03 1.09 0 1.69-.25 2.13-1.35 3.16-7.89 5.15-16.05 5.25-24.56.15-12.63.09-25.25.11-37.88.01-3.83.01-7.66.01-11.65z" fill="url(#shine_gradient2-fill)"/>
|
||||
<path id="shine_gradient1" d="M244.46 723.18c.32.52.51.87.74 1.2 10.05 14.43 23.5 24.14 40.41 28.98 3.65 1.04 7.35 2.41 11.23 1.75 15.57-2.65 28.95-9.62 40-20.9 3.23-3.3 6.01-7.04 9-10.58-.13-.15-.25-.3-.38-.45h-101zm-12.03-97.72h125.3c0-2.6-.1-5.11.04-7.59.09-1.57-.41-2.29-1.93-2.82-19.71-6.93-39.39-13.95-59.1-20.88-.96-.34-2.24-.36-3.19-.03-8.57 2.95-17.11 6.02-25.66 9.05-11.3 4.01-22.61 8.02-33.9 12.06-.59.21-1.47.76-1.49 1.19-.13 2.97-.07 5.95-.07 9.02zm125.3 11.2H232.55c-.04.57-.1 1.04-.1 1.5-.01 15.02-.01 30.04-.03 45.06-.02 9.38 1.79 18.39 5.18 27.12.5 1.3 1.1 1.8 2.57 1.78 7-.1 14-.05 21.01-.05 29.68 0 59.37 0 89.05.03 1.09 0 1.69-.25 2.13-1.35 3.16-7.89 5.15-16.05 5.25-24.56.15-12.63.09-25.25.11-37.88.01-3.83.01-7.66.01-11.65z" fill="#FE8A30"/>
|
||||
<path id="letter_n" d="M329.81 681.47c0 3.7.03 7.39-.01 11.09-.04 3.19-1.97 5.54-4.71 5.84-3.53.39-6.2-2.02-6.23-5.74-.04-6.34-.01-12.69-.01-19.03 0-5.86-.03-11.73.01-17.59.03-3.8 2.58-6.16 6.16-5.8 2.19.22 3.55 1.56 4.44 3.46 1.84 3.95 3.66 7.91 5.49 11.87.25.53.51 1.06.96 2 .1-.84.18-1.27.18-1.69.02-3.29-.01-6.58.04-9.87.06-3.46 2.33-5.83 5.5-5.81 3.15.01 5.46 2.42 5.47 5.85.02 12.15.01 24.29-.02 36.44-.01 3.07-1.74 5.36-4.28 5.87-2.84.56-5.07-.7-6.43-3.65-2.04-4.43-4.09-8.87-6.13-13.3-.14.01-.28.03-.43.06z" fill="#000"/>
|
||||
<path id="letter_v" d="M258.59 671.99c1.68-6.16 3.21-11.85 4.79-17.53.74-2.65 2.5-4.11 4.91-4.25 3.76-.21 6.58 2.98 5.62 6.64-2.89 11.02-5.9 22.01-8.86 33.01-.37 1.38-.74 2.77-1.14 4.14-.88 2.99-2.76 4.49-5.5 4.43-2.61-.05-4.5-1.64-5.27-4.53-2.55-9.57-5.07-19.14-7.61-28.71-.67-2.54-1.38-5.06-2.02-7.61-.86-3.45.73-6.39 3.84-7.19 3.04-.79 5.83 1.13 6.74 4.59 1.45 5.52 2.92 11.04 4.5 17.01z" fill="#000"/>
|
||||
<path id="letter_p" d="M299.3 650.73c-4.65-.84-9.52-.51-14.3-.55-3.63-.03-5.74 2.22-5.74 5.87-.01 12.14-.01 24.29-.01 36.43 0 3.59 2.21 5.98 5.48 5.96 3.18-.02 5.31-2.36 5.34-5.9.02-3.22 0-6.45 0-9.97 2.09 0 3.93.03 5.77 0 7.89-.13 14.83-6.24 15.71-13.81 1.01-8.62-4.05-16.55-12.25-18.03zm-3.47 21c-1.83.15-3.68.03-5.68.03v-10.69c2.14 0 4.22-.19 6.26.05 2.66.32 4.5 2.78 4.41 5.46-.08 2.68-2.14 4.91-4.99 5.15z" fill="#000"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 9.4 KiB |
40
Animate on Hover/world.svg
Normal file
40
Animate on Hover/world.svg
Normal file
@ -0,0 +1,40 @@
|
||||
<svg id="world" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
|
||||
<style>
|
||||
@keyframes world_line1_animation__ts{0%,to{transform:translate(246.924172px,129.92035px) scale(1,1)}50%{transform:translate(246.924172px,129.92035px) scale(.9,1)}}@keyframes world_line2_animation__ts{0%,to{transform:translate(248.290036px,246.261899px) scale(1,1)}50%{transform:translate(248.290036px,246.261899px) scale(.9,1)}}@keyframes world_line3_animation_f_o{0%,35%,65%,to{fill-opacity:0}45%,55%{fill-opacity:1}}@keyframes world_line4_animation__ts{0%,to{transform:translate(249.069677px,364.462559px) scale(1,1)}50%{transform:translate(249.069677px,364.462559px) scale(.9,1)}}@keyframes world_line5_animation__ts{0%{transform:translate(298px,243.927345px) scale(1,1)}to{transform:translate(298px,243.927345px) scale(.5,1)}}@keyframes world_line6_animation1__to{0%,25%{transform:translate(240.412147px,305.907711px)}50%{transform:translate(240.412147px,293.907711px)}75%,to{transform:translate(240.412147px,305.522139px)}}@keyframes world_line6_animation2__ts{0%,to{transform:scale(1,1.25)}25%,75%{transform:scale(.25,1.25)}50%{transform:scale(.1,1)}}@keyframes world_line6_animation3_s_w{0%,to{stroke-width:0}25%,75%{stroke-width:20}50%{stroke-width:100}}@keyframes world_line7_animation1__to{0%,25%{transform:translate(259.552204px,307.410952px)}50%{transform:translate(259.552204px,295.410952px)}75%,to{transform:translate(259.552204px,307.399054px)}}@keyframes world_line7_animation2__ts{0%,to{transform:scale(1,1.25)}25%,75%{transform:scale(.25,1.25)}50%{transform:scale(.1,1)}}@keyframes world_line7_animation3_s_w{0%,to{stroke-width:0}25%,75%{stroke-width:20}50%{stroke-width:100}}@keyframes world_line8_animation__ts{0%{transform:translate(213px,246.186959px) scale(1,1)}80%,to{transform:translate(213px,246.186959px) scale(2,1)}}@keyframes world_line9_animation__ts{0%{transform:translate(218px,247.460563px) scale(1,1)}to{transform:translate(218px,247.460563px) scale(.5,1)}}@keyframes world_line10_animation__ts{0%{transform:translate(293px,246.740132px) scale(1,1)}to{transform:translate(293px,246.740132px) scale(2,1)}}#world{pointer-events:all}#world:hover #world_line1_animation{animation:world_line1_animation__ts 200ms linear infinite normal forwards}#world:hover #world_line2_animation{animation:world_line2_animation__ts 200ms linear infinite normal forwards}#world:hover #world_line3_animation{animation:world_line3_animation_f_o 200ms linear infinite normal forwards}#world:hover #world_line4_animation{animation:world_line4_animation__ts 200ms linear infinite normal forwards}#world:hover #world_line5_animation{animation:world_line5_animation__ts 200ms linear infinite normal forwards}#world:hover #world_line6_animation1{animation:world_line6_animation1__to 200ms linear infinite normal forwards}#world:hover #world_line6_animation2{animation:world_line6_animation2__ts 200ms linear infinite normal forwards}#world:hover #world_line6_animation3{animation:world_line6_animation3_s_w 200ms linear infinite normal forwards}#world:hover #world_line7_animation1{animation:world_line7_animation1__to 200ms linear infinite normal forwards}#world:hover #world_line7_animation2{animation:world_line7_animation2__ts 200ms linear infinite normal forwards}#world:hover #world_line7_animation3{animation:world_line7_animation3_s_w 200ms linear infinite normal forwards}#world:hover #world_line8_animation{animation:world_line8_animation__ts 200ms linear infinite normal forwards}#world:hover #world_line9_animation{animation:world_line9_animation__ts 200ms linear infinite normal forwards}#world:hover #world_line10_animation{animation:world_line10_animation__ts 200ms linear infinite normal forwards}
|
||||
</style>
|
||||
<g id="background">
|
||||
<path id="square" d="M498.1 249.4v186.99c0 28.57-21.55 54.69-49.69 60.04-4.16.79-8.46 1.24-12.69 1.24-124.24.07-248.48.05-372.72.05-30.45 0-57.04-23.36-61.03-53.67-.35-2.67-.59-5.39-.59-8.08-.04-124.55-.03-249.11-.03-373.66 0-28.58 21.56-54.7 49.69-60.04 4.16-.79 8.46-1.24 12.69-1.24C188.08.97 312.42.98 436.77.98c28.57 0 54.73 21.58 60.04 49.69.79 4.16 1.24 8.46 1.24 12.69.07 62.01.05 124.03.05 186.04z" fill="#D52727" stroke="none" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="world_line1_animation" transform="translate(246.924 129.92)">
|
||||
<path id="world_line1" d="M57.433 220.457c-4.1 3.4-4.4 9.2-.6 12.9l2.4 2.5h338.8l2-2.3c2.9-3.2 3.5-5.6 2.2-9.4-2.2-6.8 10.7-6.3-174.3-6.3h-167.4z" transform="translate(-228.523 -226.853)" fill="#000" stroke="none" stroke-width=".1"/>
|
||||
</g>
|
||||
<g id="world_line2_animation" transform="translate(248.29 246.262)">
|
||||
<path id="world_line2" d="M16.043 337.09c-2 2-2.9 3.9-2.9 6.1 0 2.2.9 4.1 2.9 6.1l2.9 2.9h210.2c232.1 0 214.7.5 216.9-6.3 1.4-4.1.3-7.8-3.1-10.1-2-1.5-21.4-1.6-213.1-1.6h-210.9z" transform="translate(-229.89 -343.195)" fill="#000" stroke="none" stroke-width=".1"/>
|
||||
</g>
|
||||
<path id="world_line3_animation" d="M16.043 337.09c-2 2-2.9 3.9-2.9 6.1 0 2.2.9 4.1 2.9 6.1l2.9 2.9h210.2c232.1 0 214.7.5 216.9-6.3 1.4-4.1.3-7.8-3.1-10.1-2-1.5-21.4-1.6-213.1-1.6h-210.9z" transform="rotate(90 287.556 303.929)" fill="#000" fill-opacity="0" stroke="none" stroke-width=".1"/>
|
||||
<g id="world_line4_animation" transform="translate(249.07 364.463)">
|
||||
<path id="world_line4" d="M67.743 453.095c-4.7 1.5-6.6 3.9-6.6 8.5 0 3.2.6 4.7 2.6 6.6l2.6 2.4h329l2.4-2.8c4.6-5.4 2.5-12.8-4.4-14.7-4.6-1.2-321.3-1.2-325.6 0z" transform="translate(-230.669 -461.395)" fill="#000" stroke="none" stroke-width=".1"/>
|
||||
</g>
|
||||
<g id="world_line5_animation" transform="translate(298 243.927)">
|
||||
<path id="world_line5" d="M207.524 127.529c-60.8 6.2-116.5 36.8-153.2 84.2-21.1 27.3-34.3 57.3-41 92.7-2.9 15.4-3.6 47.5-1.3 63.5 3.5 25.5 8.7 43 19.4 65 26.1 53.7 71.8 93.1 129.6 111.8 23.1 7.5 40.4 10.1 67 10.1 30.3 0 53.343-11.472 80.443-21.872 9.4-3.6 9.6-3.7 8.7-4.6-.4-.4-1.3-.2-2 .5-.8.6-2.5 1-3.8.9-1.3 0-4.2.4-6.5 1-8.6 2.5-23.643 10.672-42.843 9.672-48-2.5-54.3-3-65.5-5.4-66.3-14-121.1-67.3-141-137.1-7.3-25.7-9.6-52.4-6.9-80.1 3.6-37.4 18.4-75 41-104.4 9-11.7 25.7-28.5 36.4-36.5 22.9-17.2 50.5-29.2 77.5-33.9 11.4-2 57.743 6.505 73.243 7.405 5.8.3 14.3 1.6 18.8 2.7 5.3 1.3 8.7 1.7 9.3 1.1 2-2-26.8-18.977-45.8-21.877-13.2-1.9-39.143-6.128-51.543-4.828z" transform="translate(-280 -340.86)" fill="#000" stroke="none" stroke-width=".1"/>
|
||||
</g>
|
||||
<g id="world_line6_animation1" transform="translate(240.412 305.908)">
|
||||
<g id="world_line6_animation2" transform="scale(1 1.25)">
|
||||
<path id="world_line6_animation3" d="M20.06-209.09c-23.8 4.866-46 18.897-63.3 43.689-27.6 39.62-39.5 101.794-30.2 157.247 10.7 63.64 44.003 106.075 87.303 118.896 6 1.853 7.598 4.018 19.698 4.018 12.1 0 8 1.18 14-.674 6.6-1.93 21.5-3.918 26.5-6.853l2.5-1.545-3.5.773c-4.5 1.004-12.6 1.004-28-.078-25.6-1.699-33.5-4.247-48.1-15.369-22.6-17.223-38.9-44.95-47.9-81.867-5.1-21.008-6.4-32.825-6.4-57.54 0-24.019 1.2-34.909 6-55.221 12.1-50.665 38.7-86.193 71.7-95.924 8.9-2.626 44.3-4.17 51.2-2.24l3 .85-2.5-1.622c-3.6-2.472-17.5-5.15-24.5-6.54-7.4-1.467-20.2-1.467-27.5 0z" fill="#000" stroke="#000" stroke-width="0"/>
|
||||
</g>
|
||||
</g>
|
||||
<g id="world_line7_animation1" transform="translate(259.552 307.411)">
|
||||
<g id="world_line7_animation2" transform="scale(1 1.25)">
|
||||
<path id="world_line7_animation3" d="M-48.007-211.197c-6.3 1.157-18.7 4.089-22.7 6.557l-2.5 1.543 3.3-.463c8.7-1.311 39.2 0 47.8 2.005 8.7 2.083 19.7 7.868 28.2 14.964 42.8 35.403 62.2 116.315 45.7 190.516-10.4 46.433-36 83.765-65.3 95.103-9.1 3.471-13.4 4.243-31.2 5.477-15.3 1.08-23.4 1.08-28 .077l-3.5-.694 3 1.928c4.5 2.854 17.9 5.38 25.2 6.768 4.6.926 9.817.232 16.917 0 18.5-.617 30.783-1.986 47.483-14.867 12-9.256 20.1-18.203 28.9-31.701 16.4-25.3 26.2-54.995 30.1-90.862 1.7-15.503.6-48.053-2-63.016-9.6-54.61-33.9-95.644-68.5-115.698-15.4-8.87-30.052-8.566-52.9-7.637z" fill="#000" stroke="#000" stroke-width="0"/>
|
||||
</g>
|
||||
</g>
|
||||
<g id="world_line8_animation" transform="translate(213 246.187)">
|
||||
<path id="world_line8" d="M199.102 132.357c-6.203 1.186-13.63 11.581-19.83 15.581l-.876 1.526c5.6-.9 22.975-7.607 35.375-6.407 9.1.8 11.4 1.5 18.6 5 22.4 11 42.5 40 55.7 80 11.6 35.3 16.6 69.5 16.6 113.5 0 58-9.4 104.5-29 144-16 32.3-35.7 51.1-57 54.4-14.6 2.2-29.33-3.028-34.63-4.128-2.8-.6-4.75-3.453-4.95-3.253-.4.3 7.412 9.138 12.012 11.438 7.1 3.7 13.468 13.043 22.068 13.043 19.1 0 36.3-8.5 53.1-26.3 28.6-30.2 48.4-82.3 55.6-146.2 1.7-15.9 1.7-67 0-83-4.6-41.6-13.9-75.8-28.7-106-17.6-35.8-40.3-58.3-65.7-65.1-6.5-1.7-22.07.2-28.37 1.9z" transform="translate(-195 -343.12)" fill="#000" stroke="none" stroke-width=".1"/>
|
||||
</g>
|
||||
<g id="world_line9_animation" transform="translate(218 247.46)">
|
||||
<path id="world_line9" d="M221.071 130.457c-22.9 2.3-34.664 9.681-54.564 16.081-8.4 2.7-12.5 4.5-11.9 5.1.7.7 3.9.3 9.3-1.1 4.8-1.2 11.164-6.98 17.664-7.28 16.3-.8 66.6 1.2 77.5 3.1 49.9 8.7 95.1 39.2 123.7 83.5 12.2 18.9 24.1 48.1 28.6 70.5 6.2 30.2 5.3 66.8-2.4 96-2.9 11.1-10.1 31-14.5 39.7-20.6 41.1-54.5 74.1-93.5 91.2-21.6 9.5-37.3 13.1-62.9 14.6-60.2 3.5-51.756-1.934-66.656-5.134-4.1-.9-8.2-3.176-9.2-3.076-1 .1-2.464-.399-3.264-1.099-1.2-1-4.029 0-2.829 1.1 1.3 1.2 28.193 9.975 35.293 11.775 58.4 14.3 105.556 12.333 155.256-17.267 29.7-17.6 52.6-39.3 71.2-67.3 7.5-11.3 18.8-33.8 23.2-46 14.8-41.6 15.3-93.6 1.4-136.2-17.9-54.9-60-102.1-113.6-127.4-18.8-8.9-41.2-15.6-63.2-18.9-10.3-1.5-36.9-2.7-44.6-1.9z" transform="translate(-200 -344.393)" fill="#000" stroke="none" stroke-width=".1"/>
|
||||
</g>
|
||||
<g id="world_line10_animation" transform="translate(293 246.74)">
|
||||
<path id="world_line10" d="M242.071 130.457c-32.8 7.9-60.8 40.7-79.6 93.1-7 19.6-13.9 51.1-17.1 78.3-2 17.3-1.7 70.6.5 88 8.1 62.5 27.3 111.9 55.1 141.2 25.1 26.6 51.396 27.319 79.296 13.619 3.9-1.9 8.6-7.685 10.5-9.285 3.4-2.9 3.355-5.422 0-4.334-4.9 1.7-29.296 11.8-43.796 9.2-30.1-5.6-58.5-45.3-72.9-102.3-9.3-36.6-12.1-63.3-11.2-106.4 1.1-53.4 10.7-97.3 29.3-134.4 7-14.2 14.9-25.4 24.5-35 7.1-7 10.4-9.4 18-13.2 8.8-4.4 10.1-4.7 20.9-5.6 15.2-1.3 31.796 11.457 35.196 12.657 5.1 2 3.853 1.28-2.957-6.55-9.576-10.017-20.039-19.307-31.739-19.707-5.5-.2-11.8.1-14 .7z" transform="translate(-275 -343.673)" fill="#000" stroke="none" stroke-width=".1"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 10 KiB |
81
README.md
81
README.md
@ -1,40 +1,65 @@
|
||||
# Animated Docker Folder Icons for Unraid
|
||||
[](./LICENSE.md)
|
||||
|
||||
|
||||
### Preview
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/audio.svg" width="100" height="100">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/backup.svg" width="100" height="100">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/binoculars.svg" width="100" height="100">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/cloud.svg" width="100" height="100">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/code.svg" width="100" height="100">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/control.svg" width="100" height="100">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/dash.svg" width="100" height="100">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/database.svg" width="100" height="100">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/downloads.svg" width="100" height="100">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/eye.svg" width="100" height="100">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/gaming.svg" width="100" height="100">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/grafana.svg" width="100" height="100">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/home-wifi.svg" width="100" height="100">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/music.svg" width="100" height="100">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/nzb.svg" width="100" height="100">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/pirate.svg" width="100" height="100">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/plex.svg" width="100" height="100">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/productivity.svg" width="100" height="100">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/search.svg" width="100" height="100">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/security.svg" width="100" height="100">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/settings.svg" width="100" height="100">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/ship.svg" width="100" height="100">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/torrent.svg" width="100" height="100">]()
|
||||
**Please Note** that only the always-animate variant works with the docker folder plugin as of the most recent release. I'll be leaving animate-on-hover up in case anyone wants to use them in another application where hovering works as intended.
|
||||
|
||||
### Requests
|
||||
I am currently taking requests for icons to be animated. If you'd like me to animate an svg icon fill out the following issue template
|
||||
## Collection
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/audio.svg" width="85" height="85">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/backup.svg" width="85" height="85">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/binoculars.svg" width="85" height="85">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/code.svg" width="85" height="85">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/database.svg" width="85" height="85">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/eye.svg" width="85" height="85">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/home-wifi.svg" width="85" height="85">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/multimedia-alternate.svg" width="85" height="85">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/vpn.svg" width="85" height="85">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/world.svg" width="85" height="85">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/control.svg" width="85" height="85">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/multimedia.svg" width="85" height="85">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/music.svg" width="85" height="85">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/nzb.svg" width="85" height="85">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/pirate.svg" width="85" height="85">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/search.svg" width="85" height="85">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/security.svg" width="85" height="85">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/settings.svg" width="85" height="85">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/ship.svg" width="85" height="85">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/torrent.svg" width="85" height="85">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/cloud.svg" width="85" height="85">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/dash.svg" width="85" height="85">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/dependencies.svg" width="85" height="85">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/downloads.svg" width="85" height="85">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/gaming.svg" width="85" height="85">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/grafana.svg" width="85" height="85">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/home-automation.svg" width="85" height="85">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/network.svg" width="85" height="85">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/plex.svg" width="85" height="85">]()
|
||||
[<img src="https://raw.githubusercontent.com/ground7/unraid-animated-svgs/master/Always%20Animate/productivity.svg" width="85" height="85">]()
|
||||
|
||||
Issue Template:
|
||||
## How to Tweak
|
||||
To change a color look for
|
||||
```xml
|
||||
fill="####"
|
||||
```
|
||||
and switch the number to the desired 6-digit RGB hex code.
|
||||
|
||||
For more complicated tweaks that don't affect the animation, I suggest using [inkscape](https://github.com/inkscape/inkscape). Be careful to not change the groupings or the animation will break. Inkscape will add a lot of useless metadata to the svg after saving. If you'd like to clean it up, I suggest using [svgocd](https://github.com/Shtian/vscode-svgocd) with [this yaml](https://github.com/ground7/unraid-animated-svgs/blob/master/.svgo.yml).
|
||||
|
||||
## Requests
|
||||
I am currently taking requests for icons to be animated. If you'd like me to animate an svg icon fill out the following issue template.
|
||||
|
||||
### Issue Template:
|
||||
```
|
||||
Folder Category: <what is this a category for?>
|
||||
Animation Suggestion: <your animation idea>
|
||||
File: <attach a zip file with the svg>
|
||||
```
|
||||
|
||||
### Additional Notes
|
||||
Please check if there's already a satisfactory icon covering the category. If you don't like it, you can still suggest another one.
|
||||
|
||||
In addition, I'm only animating svgs. Making them from scratch can be a decent amount of work too, so please make the actual svg yourself. Make sure to layer the svg appropriately if the animation requires it. Svgs can be created pretty easily with the free tool inkscape, and they are often an export option on image editors. Some websites can convert to them as well with varying degrees of success. [Hernadito](https://github.com/hernandito) is also taking requests on the [Unraid forum](https://forums.unraid.net/topic/92824-icon-collections-for-docker-folder-plugin/).
|
||||
In addition, I'm only animating svgs with css. Making them from scratch can be a decent amount of work too, so please make the actual svg yourself. Make sure to layer the svg appropriately if the animation requires it. Svgs can be created pretty easily with the free tool inkscape, and they are often an export option on image editors. Some websites can convert to them as well with varying degrees of success. [Hernadito](https://github.com/hernandito) is also taking requests on the [Unraid forum](https://forums.unraid.net/topic/92824-icon-collections-for-docker-folder-plugin/).
|
||||
|
||||
## Credits
|
||||
- Thank you [Hernadito](https://github.com/hernandito) for creating initial svgs for me to work off of. You can check out his color variations of this icon set [here](https://github.com/hernandito/unRAID-Docker-Folder-Animated-Icons---Alternate-Colors).
|
||||
- Thank you [GuildDarts](https://forums.unraid.net/profile/80260-guilddarts/) for your work on the Unraid Docker Folders plug-in which inspired all this work.
|
||||
|
||||
Reference in New Issue
Block a user