├── .svgo.yml
├── Always Animate
    ├── audio.svg
    ├── backup.svg
    ├── binoculars.svg
    ├── books.svg
    ├── cloud.svg
    ├── code.svg
    ├── control.svg
    ├── dash.svg
    ├── database.svg
    ├── dependencies.svg
    ├── downloads.svg
    ├── eye.svg
    ├── gaming.svg
    ├── grafana.svg
    ├── home-automation.svg
    ├── home-wifi.svg
    ├── multimedia-alternate.svg
    ├── multimedia.svg
    ├── music.svg
    ├── network.svg
    ├── nzb.svg
    ├── pirate.svg
    ├── plex.svg
    ├── productivity.svg
    ├── search.svg
    ├── security.svg
    ├── settings.svg
    ├── ship.svg
    ├── torrent.svg
    ├── vpn.svg
    └── world.svg
├── Animate on Hover
    ├── audio.svg
    ├── backup.svg
    ├── binoculars.svg
    ├── books.svg
    ├── cloud.svg
    ├── code.svg
    ├── control.svg
    ├── dash.svg
    ├── database.svg
    ├── dependencies.svg
    ├── downloads.svg
    ├── eye.svg
    ├── gaming.svg
    ├── grafana.svg
    ├── home-automation.svg
    ├── home-wifi.svg
    ├── multimedia-alternate.svg
    ├── multimedia.svg
    ├── music.svg
    ├── network.svg
    ├── nzb.svg
    ├── pirate.svg
    ├── plex.svg
    ├── productivity.svg
    ├── search.svg
    ├── security.svg
    ├── settings.svg
    ├── ship.svg
    ├── torrent.svg
    ├── vpn.svg
    └── world.svg
├── LICENSE
└── README.md


/.svgo.yml:
--------------------------------------------------------------------------------
 1 | plugins:
 2 |   - removeXMLNS
 3 |   - cleanupListOfValues
 4 |   - sortAttrs
 5 |   - prefixIds: false
 6 |   - inlineStyles: false
 7 |   - removeHiddenElems: false
 8 | 
 9 | js2svg:
10 |   pretty: true
11 |   indent: 2


--------------------------------------------------------------------------------
/Always Animate/audio.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="audio" viewBox="0 0 700 700" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="sound">
 3 |     @keyframes speaker_wrapper__ts{0%,36.666667%,50%,63.333333%,to{transform:translate(213.75px,349.749032px) scale(1,1)}43.333333%,56.666667%{transform:translate(213.75px,349.749032px) scale(1.05,1.05)}}@keyframes soundwave1_f_o{0%,16.666667%,83.333333%,to{fill-opacity:0}33.333333%,66.666667%{fill-opacity:1}}@keyframes soundwave2_f_o{0%,to{fill-opacity:0}16.666667%,83.333333%{fill-opacity:1}}#speaker_wrapper{animation:speaker_wrapper__ts 3000ms linear infinite normal forwards}#soundwave1{animation:soundwave1_f_o 3000ms linear infinite normal forwards}#soundwave2{animation:soundwave2_f_o 3000ms linear infinite normal forwards}
 4 |   </style>
 5 |   <path id="background" d="M70.1 1.9c-1.1 2-6 4.1-9.4 4.1-2.7 0-11.6 4.4-20.1 9.9-8 5.2-20.3 17.2-24 23.4-6 10.1-9.6 18.4-10.7 24.1-1.2 6.6-2.5 9.7-4.5 10.9C.2 75 0 119.6 0 348.2v273l2.4 2.9c1.6 1.9 2.7 4.8 3.2 8.5.3 3.1 1.6 7.5 2.9 9.7 1.2 2.3 2.7 5.8 3.4 7.8.6 2 2.1 4.5 3.1 5.4 1.1 1 2 2.3 2 3 0 .7 4 5.2 8.9 10.1 10.9 10.8 15 14.4 16.6 14.4.7 0 2.3.8 3.6 1.9 3.8 2.9 14.8 7.2 22.4 8.7 5.8 1.1 55.5 1.3 280 1.3 171.5.1 275.6-.3 280-.9 3.9-.5 9-1.9 11.5-3 9.7-4.2 11.6-5.1 15.1-7.3 2-1.2 4.9-3.1 6.5-4.2 4.7-3.3 20.2-19.4 21-21.8.4-1.2 1.7-3.5 3-5 1.3-1.6 2.4-3.4 2.4-4.1 0-.7 1.1-3.4 2.5-6 1.5-2.7 3.1-8.5 4-14.2.8-5.3 2-10.4 2.5-11.5.7-1.2 1-33.9.9-93.6-.2-139.6-.2-297.2.1-372.4.2-37.2-.1-68.2-.5-68.9-1.1-1.8-3.4-12.8-3.5-16.5 0-1.7-1.3-5.7-3-9-1.6-3.3-3-6.5-3-7.2 0-.6-2.5-4.9-5.6-9.5-5.9-8.7-15.2-18.3-21.9-22.6-2.2-1.4-4.2-2.8-4.5-3.2-.9-1.3-15.7-8-17.7-8-3.4 0-8.3-2.1-9.4-4.1C628 0 621.8 0 349.5 0 77.2 0 71 0 70.1 1.9z" stroke-width=".1" stroke="none" fill-rule="evenodd" fill="#D52727"/>
 6 |   <g id="speaker_wrapper" transform="translate(213.75 349.749)">
 7 |     <path id="speaker" d="M366.9 50.9c2.2 1.2 4.6 2.1 5.3 2.1 1.9 0 10.8 5.8 15.6 10.2 4 3.6 12.2 14 12.2 15.5 0 .5 1.2 3.1 2.8 5.8l2.7 5v519.2l-2.8 5.9c-3.2 6.7-3.2 6.7-6.8 12.1-4.8 7.1-19.6 18.5-25.8 19.8-1.8.4-5.2 1.6-7.5 2.6-6.3 2.9-19.4 2.6-29.2-.6-4.2-1.4-8-2.5-8.5-2.5-3.1 0-13.1-8.5-22.6-19.2-13.3-14.9-60.1-62.1-76.8-77.4-13.4-12.3-37.9-33.4-44-37.9-4.4-3.2-10.2-7.8-12.5-9.9-.8-.7-3.1-2.1-5-3.1s-4.2-2.3-5-3c-.8-.7-3.5-1.8-5.9-2.5-2.4-.6-5.6-1.9-7-2.8-2.2-1.5-7.4-1.8-40.6-2.3l-38-.6-8.9-3.7c-16.5-6.8-27.6-18.2-33.7-34.9l-2.9-8.1v-91.5c0-86.3.1-91.8 1.9-95.6 1-2.2 2.1-5.4 2.5-7 .4-1.7 1.9-4.8 3.4-7 7.9-11.8 14.3-17.5 26.7-23.5l7-3.4 37-.6c32.5-.5 37.5-.8 41-2.3 2.2-1 6-2.3 8.5-2.8 2.5-.6 5.6-1.8 7-2.7 1.4-.9 4.1-2.5 6-3.4 1.9-1 5.4-3.2 7.7-5 13.6-10.5 16.1-12.5 19.3-15.1 7.4-6 13.5-11.3 16-13.7 1.4-1.4 4.5-4.2 7-6.4 20.2-17.4 79.4-76.5 94.1-93.9 6.6-7.8 10.2-10.4 20.9-14.7 7.8-3.2 13-3.9 24.7-3.5 7.7.3 11.1.9 14.2 2.4z" transform="translate(-213.75 -349.749)" stroke-width=".1" stroke="none" fill="#FFF"/>
 8 |   </g>
 9 |   <path id="soundwave1" d="M572.2 120.1c15.5 13 38.6 37.9 48 51.9 1 1.4 3.1 4.3 4.7 6.5 1.7 2.2 4 5.6 5.1 7.5 1.2 1.9 3.6 6 5.5 9 1.8 3 4.2 7.4 5.3 9.6 1.1 2.3 2.4 4.4 3 4.8.6.3 1.6 2.3 2.3 4.4.6 2 2 4.7 3 6 1 1.3 2.1 3.7 2.4 5.4.4 1.7 1.8 5.1 3.1 7.6s2.4 5.2 2.4 6.1c0 .9 1.1 3.7 2.5 6.3 1.3 2.5 2.7 6.6 3.1 9 .4 2.3 1.5 5.9 2.5 7.9.9 1.9 2.3 6.4 2.9 10 .6 3.5 2 8.9 3 11.9s2.1 8.9 2.5 13c.3 4.1 1.5 12.1 2.6 17.8 2.5 13.5 2.8 54.6.4 66.9-.8 4.3-2.2 13.1-3 19.5-.8 6.4-2.1 13.4-3 15.4-.8 2-2 6.6-2.5 10.1-.6 3.6-1.9 8.2-2.9 10.2s-2.1 5.6-2.5 7.9c-.4 2.4-1.8 6.5-3.1 9-1.4 2.6-2.5 5.4-2.5 6.2 0 .8-1.4 4.2-3 7.5s-3 6.7-3 7.6c0 .8-1.1 3-2.5 4.9-1.4 1.9-2.5 4-2.5 4.8 0 .8-.9 2.6-2 4.2-1.1 1.5-3.8 6.3-6.1 10.6-2.3 4.4-4.9 8.8-5.8 9.9-1 1.1-2.2 3.1-2.9 4.5-.6 1.4-2.2 3.8-3.4 5.4-1.3 1.6-5.2 6.8-8.7 11.5-3.4 4.7-8.2 10.8-10.5 13.5-7.1 8.5-33.6 34.4-38.4 37.6-5.2 3.5-9.1 3.6-10.7.5-.5-1.2-2.8-4.7-5-7.9s-4.9-7.2-6-9c-1.1-1.8-3-4.5-4.2-6-1.3-1.6-2.3-3.3-2.3-3.9 0-.6-1.1-2.2-2.4-3.6-3.4-3.7-7.6-12.2-6.8-13.7.4-.7 3.3-3.6 6.6-6.4 7.9-6.9 17.1-16.5 27-28 8-9.5 9-10.8 12.4-16.3.9-1.6 2.9-4.5 4.5-6.4 1.5-2 2.7-4.1 2.7-4.7 0-.6 1.4-2.9 3-5 1.7-2.2 3-4.5 3-5.1 0-.7.8-2.3 1.8-3.6 1.1-1.3 2.4-3.9 3-5.7.6-1.8 2-4.5 3.1-6s2.2-4.4 2.6-6.5c.4-2 1.5-4.7 2.5-6 1-1.3 2.2-4.1 2.6-6.2.4-2.2 1.7-6.2 3-9 1.2-2.7 2.5-7.5 2.9-10.5.4-2.9 1.6-7.4 2.6-9.8 1.2-2.6 2.3-8.9 2.9-15.8.6-6.3 1.4-14.4 2-18.2 1.2-8.6 1.3-31.9 0-39.7-.5-3.3-1.4-11.2-2-17.6-.6-7.2-1.7-13.3-2.9-16-1.1-2.4-2.3-7.1-2.6-10.4-.4-3.3-1.8-8-3.1-10.5s-2.4-5.6-2.4-7c0-1.4-1.4-5.2-3-8.5-1.7-3.3-3-6.5-3-7.3 0-.7-1.1-3-2.5-5s-2.5-4.4-2.5-5.2c0-.9-1.1-3.1-2.5-5s-2.5-3.8-2.5-4.3c0-1.2-6.8-12.4-9.7-16-1.3-1.6-2.3-3.3-2.3-3.9 0-.6-1.2-2.5-2.7-4.3-1.6-1.8-3.6-4.3-4.6-5.6-8.6-11.7-21.8-25.8-33.4-35.8-8.3-7.1-8.3-9.4.3-20.6 3-4 6.4-9.1 8.4-12.8 1.1-2 2.4-3.7 2.9-3.7.4 0 1.3-1.2 2-2.8.7-1.5 2.8-5.1 4.7-8 4.8-7.2 7-7.1 16.6.9z" fill="#FFF" fill-opacity="0" stroke="none" stroke-width=".1"/>
10 |   <path id="soundwave2" d="M504.3 205.6c4.8 2.5 27.7 26.7 27.7 29.3 0 .5.9 2 2 3.3 7.1 8 25 42.4 25 47.9 0 1.2 1.1 4.5 2.4 7.3 1.3 2.8 2.7 7.8 3.1 11.1.3 3.3 1.6 9.1 2.8 13 2 6.4 2.2 9.1 2.2 32 0 22.8-.2 25.6-2.2 32-1.2 3.8-2.5 9.7-2.9 13-.3 3.3-1.5 7.7-2.6 9.8-1 2-2.3 6-2.8 8.8-.5 2.8-1.8 6.3-2.9 7.7-1 1.5-2.2 4.1-2.5 5.9-.4 1.8-1.5 4.2-2.5 5.5-1 1.3-2.4 4-3 6-.7 2.1-1.7 4.1-2.3 4.4-.6.4-1.9 2.5-3 4.8-1 2.2-3.4 6.1-5.3 8.6s-4.3 5.6-5.2 7c-7.8 11.1-22.6 27.5-27 29.9-3.8 2-7.1 1.4-8.7-1.7-.8-1.6-2.2-3.5-3.2-4.3-.9-.8-2.3-2.8-3.1-4.4-.7-1.7-2.9-5-4.8-7.5s-4.3-6.1-5.4-8.1c-1.1-1.9-2.7-4.1-3.5-4.8-.9-.8-1.6-2-1.6-2.7 0-.8-1.3-2.8-3-4.6-4.5-4.6-4-6.8 3.3-15 2.6-2.9 5.8-6.4 7-7.8 1.2-1.4 3.5-4.5 5.1-7 1.6-2.5 4.2-6.4 5.7-8.8 1.6-2.3 2.9-4.9 2.9-5.6 0-.7 1.1-2.9 2.4-4.9 1.3-1.9 2.7-5 3.1-6.8.4-1.9 1.6-5 2.6-7s2.8-9.2 4-16c1.1-6.8 2.6-14.9 3.1-17.9 1-5.9.4-18.4-1.2-24-.6-1.9-1.7-7.9-2.5-13.2-.8-5.4-2.3-11.5-3.3-13.5-1.1-2.1-2.2-5.4-2.6-7.4-.4-2.1-1.3-4.2-2.1-4.9-.8-.6-1.9-2.8-2.6-4.8-.7-2-2.3-5.1-3.6-6.8-1.2-1.7-2.3-3.5-2.3-4.1 0-1.2-11.9-16.4-17-21.8-5.2-5.3-5.9-8.6-2.9-12.4 1.3-1.5 3.2-4.1 4.1-5.7 1.9-3.1 5.8-9 14.5-21.9 6.9-10.1 9.5-13.5 10.4-13.5.6 0 2.4.7 4.2 1.6z" fill="#FFF" fill-opacity="0" stroke="none" stroke-width=".1"/>
11 | </svg>
12 | 


--------------------------------------------------------------------------------
/Always Animate/backup.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="backup" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="spin">
 3 |     @keyframes arrow_animation_group__tr{0%,to{transform:translate(383.551353px,385.435974px) rotate(0deg)}90%{transform:translate(383.551353px,385.435974px) rotate(-720deg)}}#arrow_animation_group{animation:arrow_animation_group__tr 5000ms linear infinite normal forwards}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -897.24 -2361.366)">
 6 |     <path id="square" d="M416.09 686.72v72.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="#D52727" stroke="none" stroke-width="1"/>
 7 |   </g>
 8 |   <g id="arrow_animation_group" transform="translate(383.551 385.436)">
 9 |     <g id="arrow_center" transform="matrix(4 0 0 4 -1280.756 -2746.8)">
10 |       <g id="arrow_group" fill="#FFF" stroke="none" stroke-width="1">
11 |         <path id="arrow1" d="M286.51 678.46c-.24 0-.48-.01-.73-.02-3.92-.17-8.17-.25-13.39-.25-3.13 0-6.25.03-9.38.05-3.14.03-6.29.05-9.43.05h-2.12c-9.64-.04-15.64-6.15-15.65-15.93-.02-11.35-.02-22.71 0-34.06.01-8.94 6.05-15.72 14.36-16.13.25-.01.5-.02.75-.02 6.72 0 12.14 4.54 14.01 11.39 8.87-7.75 18.59-13.39 29.56-17.17 8.66-2.98 17.74-4.49 27-4.49 34.26 0 65.78 20.57 78.43 51.19 1.8 4.35 1.9 8.83.28 12.61-1.49 3.49-4.41 6.23-8.21 7.71-1.87.73-3.76 1.09-5.64 1.09-5.87 0-11-3.63-13.74-9.71-5.94-13.2-15.24-22.53-28.43-28.53-6.63-3.01-14.23-4.61-21.96-4.61-16 0-31.09 6.48-40.75 17.21 0 0 3.26 0 4.59-.01 9.58 0 15.9 5.71 16.17 14.54.11 3.77-1.34 7.41-4.08 10.23-2.99 3.1-7.23 4.86-11.64 4.86z"/>
12 |         <path id="arrow2" d="M321.93 771.52c-33.92 0-65.42-20.67-78.39-51.44-3.12-7.41-.86-15.04 5.64-19.01 2.35-1.44 5.04-2.19 7.76-2.19 4.5 0 8.7 2.03 11.53 5.57 1 1.25 1.67 2.66 2.26 3.9.16.35.33.69.5 1.03 10.45 20.86 27.26 31.74 49.95 32.35.53.01 1.07.02 1.59.02 14.4 0 27.05-5.27 37.67-15.69h-2.28c-1.7 0-3.38-.01-5.07-.03-8.7-.12-14.98-6.44-14.92-15.03.06-8.14 6.37-14.33 14.68-14.39 6.4-.05 12.97-.08 19.54-.08 5.77 0 11.53.02 17.3.06 8.56.05 14.8 6.44 14.85 15.18.07 12.26.04 24.63.01 35.26-.03 8.54-5.59 14.84-13.83 15.68-.45.05-.9.07-1.35.07-6.05 0-11.31-4.02-13.55-10.07-1.36.83-2.71 1.66-4.04 2.49-5.28 3.27-10.74 6.66-16.54 9.25-10.48 4.69-21.69 7.07-33.31 7.07z"/>
13 |       </g>
14 |     </g>
15 |   </g>
16 | </svg>
17 | 


--------------------------------------------------------------------------------
/Always Animate/binoculars.svg:
--------------------------------------------------------------------------------
 1 | <svg id="binoculars" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 499.17 498.38" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
 2 |   <style>
 3 |     @keyframes lens_animation__ts{0%,70%,to{transform:translate(249.728516px,255.818359px) scale(1,1)}42.5%{transform:translate(249.728516px,255.818359px) scale(1,1);animation-timing-function:cubic-bezier(.42,0,.58,1)}47.5%{transform:translate(249.728516px,255.818359px) scale(1,.038149);animation-timing-function:cubic-bezier(.445,.05,.55,.95)}52.5%,57.5%{transform:translate(249.728516px,255.818359px) scale(1,1.003279);animation-timing-function:cubic-bezier(.42,0,.58,1)}65%{transform:translate(249.728516px,255.818359px) scale(1,.04);animation-timing-function:cubic-bezier(.39,.575,.565,1)}}#lens_animation{animation:lens_animation__ts 4000ms linear infinite normal forwards}
 4 |   </style>
 5 |   <g id="background">
 6 |     <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"/>
 7 |   </g>
 8 |   <g id="binoculars_group" transform="translate(-1.055 4)">
 9 |     <path id="binoculars_case" d="M485.73 225.44c-4.68-20.46-14.93-38.2-30.93-52.14-10.48-9.12-21.24-17.92-32.1-26.59-12.41-9.9-24.6-20.2-37.74-29.05-19.59-13.19-41.39-17.16-64.54-11.35-14.76 3.7-27.59 11.02-38.3 21.83-2.2 2.22-3.82 2.72-6.77 1.21-16.42-8.36-33.02-8.38-49.39.07-3.37 1.74-5.06 1.02-7.45-1.44-14.32-14.73-32.01-22.59-52.36-23.96-19.73-1.33-37.78 3.9-53.43 16.25-21.27 16.79-42.87 33.19-63.5 50.74-21.81 18.57-34.44 42.57-36.48 71.41-.68 9.55-.49 19.32.69 28.82 1.92 15.47 8.16 29.59 16.9 42.43 21.15 31.07 50.76 47.58 88.23 49.3 21.15.97 41.24-3.78 59.48-14.87 18.92-11.5 33.65-27.07 43.77-46.8 1.37-2.67 2.42-2.83 4.9-1.6 7.26 3.62 15.06 5.84 23.13 6.03 8.73.2 17.06-2.39 24.89-6.17 2.51-1.21 3.36-.45 4.58 1.56 3.47 5.76 6.78 11.68 10.83 17.03 22.32 29.45 52.16 44.25 89.06 44.89 2.48 0 4.98.17 7.45-.03 23.21-1.9 44.17-9.74 61.91-24.89 35.06-29.96 47.43-67.84 37.17-112.68zm-235.15 46.49c-12.09.73-19.73-10.51-19.67-19.13.08-10.48 9.1-19.6 19.54-19.59 11.08.01 19.48 8.37 19.65 19.2.14 8.9-7.67 20.44-19.52 19.52z" fill="#000" stroke="none" stroke-width="1"/>
10 |   </g>
11 |   <g id="lens_animation" transform="translate(249.729 255.818)">
12 |     <g id="lens_top" transform="translate(-254.2 -251.818)">
13 |       <g id="lens_group" stroke="none" stroke-width="1">
14 |         <path id="right_lens" d="M454.66 251.43c.79 42.62-35.31 72.06-70.5 72.85-43.19.97-74.45-35.55-74.47-72.33-.02-40.87 35.51-72.69 72.17-72.65 41.3.06 74.08 35.21 72.8 72.13z" fill="#FE8A30"/>
15 |         <path id="left_lens" d="M53.76 252.44c-1.71-40.58 33.88-73.39 72.84-73.06 39.07.33 73.52 33.31 71.98 75.16-1.32 35.8-30.78 70.61-75.23 69.78-35.79-.66-71.17-33.46-69.59-71.88z" fill="#FE8A30"/>
16 |         <path id="right_lens_shine" d="M329.36 249.66c1.37-15.22 7.98-27.21 18.93-37.06 9.66-8.68 20.98-12.8 33.99-12.69 4.88.04 8.14 4.06 8.58 7.54.51 4-2.42 8.14-6.8 9.25-4.31 1.08-8.82 1.53-12.99 2.99-14.92 5.19-21.86 16.58-23.61 31.65-.48 4.12-2.35 7.21-6.13 8.77-3.57 1.48-6.92.17-9-2.73-1.55-2.17-2.02-5.11-2.97-7.72z" fill="#FFF"/>
17 |         <path id="left_lens_shine" d="M74.16 248.07c.98-22.74 20.28-44.31 43.75-47.74 2.44-.36 4.96-.33 7.44-.33 5.35.01 9.65 3.78 9.7 8.39.05 4.61-4.22 8.54-9.41 8.97-9.93.83-18.67 4.3-25.47 11.89-5.53 6.17-7.77 13.61-8.75 21.65-.27 2.26-1.07 4.72-2.4 6.52-2.07 2.79-5.24 4.15-8.72 2.75-3.46-1.4-6.06-3.77-6.14-7.93-.02-1.39 0-2.78 0-4.17z" fill="#FFF"/>
18 |       </g>
19 |     </g>
20 |   </g>
21 | </svg>
22 | 


--------------------------------------------------------------------------------
/Always Animate/cloud.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="cloud" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="drift">
 3 |     @keyframes cloud1_animation_group__to{0%,to{transform:translate(-34.75px,-34.5px)}60%{transform:translate(-4.75px,-34.5px)}}@keyframes cloud2_animation_group__to{0%,to{transform:translate(0,0)}34%{transform:translate(-20px,0)}}#cloud1_animation_group{animation:cloud1_animation_group__to 10000ms linear infinite normal forwards}#cloud2_animation_group{animation:cloud2_animation_group__to 10000ms linear infinite normal forwards}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -807.766 -2318.526)">
 6 |     <path id="square" d="M394.19 676.01v72.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"/>
 7 |   </g>
 8 |   <g id="clouds" transform="matrix(4 0 0 4 -807.792 -2303.225)">
 9 |     <g id="cloud1_animation_group" transform="translate(-34.75 -34.5)">
10 |       <path id="cloud1" d="M390.5 707.96c-.71 2.69-1.18 5.48-2.17 8.07-4.24 11.07-14.77 18.19-26.6 18.19-32.13 0-64.27-.01-96.4.01-7.36.01-13.85-2.11-18.8-7.75-6.05-6.89-7.65-14.87-4.5-23.43 3.15-8.56 9.55-13.53 18.63-14.91.88-.13 1.77-.22 2.65-.33.5-2.63.8-5.31 1.54-7.86 4.42-15.15 20.06-23.79 35.2-19.46 1.63.47 2.25-.01 3.03-1.34 7.31-12.41 20.43-18.51 34.02-16.84 14.77 1.82 26.36 12.69 29.52 27.07.46 2.09.58 4.26.72 6.41.07.96.26 1.38 1.32 1.7 12.32 3.69 19.62 11.81 21.52 24.63.04.28.21.54.32.8v5.04z" fill="#FFF" stroke="none" stroke-width="1"/>
11 |     </g>
12 |     <g id="cloud2_animation_group">
13 |       <g id="cloud2_group" stroke="none" stroke-width="1">
14 |         <path id="cloud2_background" d="M386.585 710.389c-.673 2.757-.161 5.528-1.1 8.183-4.024 11.348-15.213 15.648-26.438 15.648-30.485 0-60.98-.01-91.466.01-6.983.01-13.141-2.163-17.838-7.945-5.74-7.063-11.787-16.196-8.798-24.971.852-4.918 5.429-12.094 14.27-16.212.834-.133 5.506-2.859 6.341-2.972.475-2.696 2.205-6.112 2.907-8.726 4.099-12.003 21.657-20.18 34.258-18.648 1.547.482 1.708.588 2.448-.775 6.936-12.722 21.614-15.691 34.509-13.98 14.657 1.866 28.874 13.443 33.346 30.211.437 2.143.469 3.407 4.728 4.788 9.287 3.5 8.631 4.383 9.637 4.711 5.741 8.384 1.394 7.996 3.196 21.138.038.287-.016 1.952 0 3.077v6.463z" transform="matrix(1.1 0 0 1.1 -31.548 -68.813)" fill="#FE8A30"/>
15 |         <path id="cloud2" d="M390.5 707.96c-.71 2.69-1.18 5.48-2.17 8.07-4.24 11.07-14.77 18.19-26.6 18.19-32.13 0-64.27-.01-96.4.01-7.36.01-13.85-2.11-18.8-7.75-6.05-6.89-7.65-14.87-4.5-23.43 3.15-8.56 9.55-13.53 18.63-14.91.88-.13 1.77-.22 2.65-.33.5-2.63.8-5.31 1.54-7.86 4.42-15.15 20.06-23.79 35.2-19.46 1.63.47 2.25-.01 3.03-1.34 7.31-12.41 20.43-18.51 34.02-16.84 14.77 1.82 26.36 12.69 29.52 27.07.46 2.09.58 4.26.72 6.41.07.96.26 1.38 1.32 1.7 12.32 3.69 19.62 11.81 21.52 24.63.04.28.21.54.32.8v5.04z" fill="#FFF"/>
16 |       </g>
17 |     </g>
18 |   </g>
19 | </svg>
20 | 


--------------------------------------------------------------------------------
/Always Animate/code.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="code" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="type">
 3 |     @keyframes left_bracket_f_o{0%{fill-opacity:1;animation-timing-function:step-end}15%,50%{fill-opacity:0;animation-timing-function:step-end}85%,to{fill-opacity:1}}@keyframes slash_f_o{0%{fill-opacity:1;animation-timing-function:step-end}25%,50%{fill-opacity:0;animation-timing-function:step-end}75%,to{fill-opacity:1}}@keyframes right_bracket_f_o{0%{fill-opacity:1;animation-timing-function:step-end}35%,50%{fill-opacity:0;animation-timing-function:step-end}65%,to{fill-opacity:1}}#left_bracket{animation:left_bracket_f_o 2000ms linear infinite normal forwards}#slash{animation:slash_f_o 2000ms linear infinite normal forwards}#right_bracket{animation:right_bracket_f_o 2000ms linear infinite normal forwards}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -808.48 -2293.246)">
 6 |     <path id="square" d="M393.9 669.69v72.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.02 23.95.02 47.89.02 71.83z" fill="#D52727" stroke="none" stroke-width="1"/>
 7 |   </g>
 8 |   <g id="code_top" transform="matrix(4 0 0 4 -808.464 -2293.226)">
 9 |     <g id="code_group" fill="#FFF" stroke="none" stroke-width="1">
10 |       <path id="left_bracket" d="M390.85 668.23c-1.09 4.73-4.25 7.9-7.84 10.89-11.99 9.95-23.88 20.02-35.81 30.03-6.14 5.15-13.58 5.05-19.33-.25-5.33-4.9-5.77-14.14-.54-19.21 4.28-4.15 9-7.86 13.55-11.73 4.74-4.03 9.51-8.02 14.45-12.17l-9.21-7.91c-5.77-4.96-11.6-9.85-17.3-14.89-7.65-6.77-6.69-17.89 1.89-22.99 5.05-3 11.5-2.31 16.47 1.93 12.85 10.99 25.65 22.04 38.48 33.05 2.77 2.38 4.31 5.44 5.2 8.9-.01 1.45-.01 2.9-.01 4.35z"/>
11 |       <path id="slash" d="M321.65 611.84c-.64 3.37-1.5 8.05-2.41 12.71-3.82 19.76-7.65 39.51-11.47 59.27-3.05 15.79-6.05 31.6-9.17 47.38-1.21 6.13-4.9 10.24-11.1 11.47-5.62 1.12-10.38-.76-13.89-5.37-2.73-3.59-3.24-7.66-2.38-12.03 4.58-23.41 9.12-46.84 13.66-70.26 3.05-15.73 5.93-31.5 9.17-47.2 2.27-11.02 14.7-15.09 23.07-7.79 2.85 2.5 4.63 6.61 4.52 11.82z"/>
12 |       <path id="right_bracket" d="M240.63 665.74c7.22 6.06 14.29 11.91 21.23 17.89 2.95 2.55 6.08 5.07 8.36 8.17 3.71 5.04 2.58 12.59-1.89 16.91-4.99 4.81-12.28 5.77-17.53 1.83-5.26-3.95-10.2-8.31-15.25-12.54-8.2-6.86-16.35-13.77-24.54-20.64-5.45-4.57-7.29-10.41-4.71-16.61.91-2.2 2.52-4.32 4.32-5.89 12.65-11.05 25.4-21.97 38.17-32.87 7.91-6.76 18.91-4.27 22.66 5.24 2.02 5.12 1.24 10.22-2.71 14.1-4.95 4.85-10.37 9.22-15.62 13.78-3.69 3.21-7.42 6.37-11.14 9.55-.41.34-.84.67-1.35 1.08z"/>
13 |     </g>
14 |   </g>
15 | </svg>
16 | 


--------------------------------------------------------------------------------
/Always Animate/control.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="control" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="up_down">
 3 |     @keyframes button1_animation__to{0%,to{transform:translate(0,0)}3.333333%{transform:translate(-.01px,-32.621792px)}20%{transform:translate(-.01px,98.534615px)}36.666667%{transform:translate(-.01px,-38.05px)}53.333333%{transform:translate(-.01px,96.256316px)}70%{transform:translate(-.01px,-31.444042px)}86.666667%{transform:translate(2.060226px,95.25762px)}}@keyframes button2_animation__to{0%,to{transform:translate(0,0)}3.333333%{transform:translate(.001446px,43.151611px)}13.333333%{transform:translate(.001446px,-88.780827px)}23.333333%{transform:translate(-.232752px,43.977479px)}33.333333%{transform:translate(.001446px,-84.651486px)}43.333333%{transform:translate(-.232752px,43.923951px)}53.333333%{transform:translate(.001446px,-88.008155px)}63.333333%{transform:translate(.001446px,42.012079px)}73.333333%{transform:translate(.001446px,-88.529091px)}83.333333%{transform:translate(.001446px,42.354551px)}93.333333%{transform:translate(.001446px,-87.14624px)}}@keyframes button3_animation__to{0%,to{transform:translate(0,0)}30%{transform:translate(0,77.75px)}80%{transform:translate(0,-47.841157px)}}#button1_animation{animation:button1_animation__to 3000ms linear infinite normal forwards}#button2_animation{animation:button2_animation__to 3000ms linear infinite normal forwards}#button3_animation{animation:button3_animation__to 3000ms linear infinite normal forwards}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -825.446 -2258.583)">
 6 |     <path id="square" d="M398.61 660.79v72.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"/>
 7 |   </g>
 8 |   <g id="control_top" transform="matrix(4 0 0 4 -825.429 -2258.566)">
 9 |     <g id="control_group">
10 |       <path id="line1" d="M249.98 730.88h-6.29c-2.7 0-4.92-2.21-4.92-4.92V595.57c0-2.7 2.21-4.92 4.92-4.92h6.29c2.7 0 4.92 2.21 4.92 4.92v130.39a4.93 4.93 0 01-4.92 4.92z" fill="#000" stroke="none" stroke-width="7" stroke-miterlimit="10"/>
11 |       <g id="button1_animation">
12 |         <path id="button1" d="M257.23 650.09h-20.77c-6.24 0-11.34-5.1-11.34-11.34v-20.1c0-6.24 5.1-11.34 11.34-11.34h20.77c6.24 0 11.34 5.1 11.34 11.34v20.1c0 6.24-5.11 11.34-11.34 11.34z" fill="#FFF" stroke="none" stroke-width="1"/>
13 |       </g>
14 |       <path id="line2" d="M305.86 730.88h-6.29c-2.7 0-4.92-2.21-4.92-4.92V595.57c0-2.7 2.21-4.92 4.92-4.92h6.29c2.7 0 4.92 2.21 4.92 4.92v130.39c-.01 2.71-2.22 4.92-4.92 4.92z" fill="#000" stroke="none" stroke-width="7" stroke-miterlimit="10"/>
15 |       <g id="button2_animation">
16 |         <path id="button2" d="M313.1 703.38h-20.77c-6.24 0-11.34-5.1-11.34-11.34v-20.1c0-6.24 5.1-11.34 11.34-11.34h20.77c6.24 0 11.34 5.1 11.34 11.34v20.1c0 6.24-5.1 11.34-11.34 11.34z" fill="#FFF" stroke="none" stroke-width="1"/>
17 |       </g>
18 |       <path id="line3" d="M361.73 730.88h-6.29c-2.7 0-4.92-2.21-4.92-4.92V595.57c0-2.7 2.21-4.92 4.92-4.92h6.29c2.7 0 4.92 2.21 4.92 4.92v130.39c0 2.71-2.22 4.92-4.92 4.92z" fill="#000" stroke="none" stroke-width="7" stroke-miterlimit="10"/>
19 |       <g id="button3_animation">
20 |         <path id="button3" d="M368.97 668.41H348.2c-6.24 0-11.34-5.1-11.34-11.34v-20.1c0-6.24 5.1-11.34 11.34-11.34h20.77c6.24 0 11.34 5.1 11.34 11.34v20.1c0 6.24-5.1 11.34-11.34 11.34z" fill="#FFF" stroke="none" stroke-width="1"/>
21 |       </g>
22 |     </g>
23 |   </g>
24 | </svg>
25 | 


--------------------------------------------------------------------------------
/Always Animate/dash.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="dash" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="rev">
 3 |     @keyframes dot_cover1_f_o{0%{fill-opacity:1;animation-timing-function:step-end}13.333333%{fill-opacity:0;animation-timing-function:step-end}90%,to{fill-opacity:1}}@keyframes dot_cover2_f_o{0%{fill-opacity:1;animation-timing-function:step-end}16.666667%{fill-opacity:0;animation-timing-function:step-end}70%,to{fill-opacity:1}}@keyframes dot_cover3_f_o{0%{fill-opacity:1;animation-timing-function:step-end}20%{fill-opacity:0;animation-timing-function:step-end}53.333333%,to{fill-opacity:1}}@keyframes dot_cover4_f_o{0%{fill-opacity:1;animation-timing-function:step-end}23.333333%{fill-opacity:0;animation-timing-function:step-end}33.333333%,to{fill-opacity:1}}@keyframes dial_animation1__to{0%{transform:translate(261.26px,670.825497px)}10%{transform:translate(261px,670.825497px)}13.333333%{transform:translate(266.530689px,651.093989px)}16.666667%{transform:translate(283.713202px,637px)}20%{transform:translate(305.592946px,633.551473px)}23.333333%{transform:translate(325.591465px,639.031651px)}33.333333%{transform:translate(314.46801px,633.384489px)}50%{transform:translate(296.971628px,634.413605px)}66.666667%{transform:translate(279.83188px,639.686618px)}83.333333%{transform:translate(267.182725px,654.503658px)}to{transform:translate(261.17px,670px)}}@keyframes dial_animation2__tr{0%,10%,to{transform:rotate(-120deg)}23.333333%{transform:rotate(0deg)}}#dot_cover1{animation:dot_cover1_f_o 3000ms linear infinite normal forwards}#dot_cover2{animation:dot_cover2_f_o 3000ms linear infinite normal forwards}#dot_cover3{animation:dot_cover3_f_o 3000ms linear infinite normal forwards}#dot_cover4{animation:dot_cover4_f_o 3000ms linear infinite normal forwards}#dial_animation1{animation:dial_animation1__to 3000ms linear infinite normal forwards}#dial_animation2{animation:dial_animation2__tr 3000ms linear infinite normal forwards}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -821.126 -2304.686)">
 6 |     <path id="square" d="M396.795 671.906v72.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"/>
 7 |   </g>
 8 |   <g id="gauge_top" transform="matrix(3.5 0 0 3.5 -654.488 -1954.865)">
 9 |     <g id="gauge_group">
10 |       <path id="gauge_border" d="M214.61 665.91c.54-3.35.89-6.74 1.65-10.04 8.33-36.11 30.35-59.3 66.31-68.07 25.71-6.27 51.08-1.17 72.51 14.38 8.74 6.135 14.454 13.828 15.244 14.458-5.57 4.27-1.555 23.401-14.984 14.373-6.364-9.433-14.625-15.815-33.57-22.151-37.66-12.25-78.21 11.75-85.78 50.57-7.08 36.34 15.83 71.19 52.22 78.73 36.1 7.48 70.65-15.51 78.68-50.86 2.36-10.38 2.15-20.73-.41-31.06-1.843-9.501-8.13-21.93-12.86-27.978-1.45-9.273-1.62-17.862 16.704-11.624 10.183 15.315 13.026 25.962 14.096 29.272 15.39 47.77-12.57 98.57-61.13 111.1-46.41 11.97-94.2-16.29-105.98-62.77-1.12-4.43-1.55-9.04-2.31-13.56-.08-.46-.26-.91-.39-1.37v-13.4z" fill="#000" stroke="none" stroke-width="1"/>
11 |       <g id="main_dots" stroke="none" stroke-width="1">
12 |         <path id="dot1" d="M344.52 643.31c.03-3.79 2.98-6.63 6.82-6.58 3.66.05 6.55 2.99 6.56 6.67 0 3.75-3 6.73-6.75 6.72-3.75-.03-6.66-3.01-6.63-6.81z" transform="translate(-2.73 1.49)" fill="#FFF"/>
13 |         <path id="dot2" d="M348.48 672.45c.04-3.77 3.01-6.61 6.86-6.55 3.65.06 6.53 3.02 6.52 6.7-.01 3.74-3.03 6.71-6.78 6.68-3.74-.02-6.64-3.02-6.6-6.83z" fill="#FFF"/>
14 |         <path id="dot3" d="M241.38 672.45c.05-3.77 3.01-6.6 6.85-6.54 3.65.06 6.53 3.02 6.52 6.7-.01 3.74-3.03 6.71-6.78 6.68-3.74-.03-6.63-3.03-6.59-6.84z" fill="#D52727"/>
15 |         <path id="dot4" d="M254.87 639.12c3.74.04 6.66 3.07 6.59 6.84-.07 3.63-3.06 6.54-6.72 6.54-3.76 0-6.68-2.98-6.66-6.77.02-3.8 2.95-6.65 6.79-6.61z" fill="#D52727"/>
16 |         <path id="dot5" d="M321.71 625.6c.03-3.79 2.98-6.63 6.82-6.58 3.66.05 6.55 2.99 6.56 6.67 0 3.75-3 6.73-6.75 6.72-3.76-.02-6.66-3.01-6.63-6.81z" fill="#D52727"/>
17 |         <path id="dot6" d="M274.99 619.02c3.73.05 6.64 3.1 6.55 6.88-.08 3.62-3.09 6.52-6.75 6.5-3.75-.02-6.65-3.01-6.62-6.81.03-3.78 2.97-6.62 6.82-6.57z" fill="#D52727"/>
18 |         <path id="dot7" d="M301.68 612.33c3.75.02 6.68 3.03 6.62 6.8-.05 3.64-3.02 6.56-6.68 6.58-3.76.01-6.71-2.95-6.7-6.73.03-3.81 2.94-6.68 6.76-6.65z" fill="#D52727"/>
19 |       </g>
20 |       <g id="dot_covers" fill="#FFF" stroke="none" stroke-width="1">
21 |         <path id="dot_cover1" d="M254.87 639.12c3.74.04 6.66 3.07 6.59 6.84-.07 3.63-3.06 6.54-6.72 6.54-3.76 0-6.68-2.98-6.66-6.77.02-3.8 2.95-6.65 6.79-6.61z"/>
22 |         <path id="dot_cover2" d="M274.99 619.02c3.73.05 6.64 3.1 6.55 6.88-.08 3.62-3.09 6.52-6.75 6.5-3.75-.02-6.65-3.01-6.62-6.81.03-3.78 2.97-6.62 6.82-6.57z"/>
23 |         <path id="dot_cover3" d="M301.68 612.33c3.75.02 6.68 3.03 6.62 6.8-.05 3.64-3.02 6.56-6.68 6.58-3.76.01-6.71-2.95-6.7-6.73.03-3.81 2.94-6.68 6.76-6.65z"/>
24 |         <path id="dot_cover4" d="M321.71 625.6c.03-3.79 2.98-6.63 6.82-6.58 3.66.05 6.55 2.99 6.56 6.67 0 3.75-3 6.73-6.75 6.72-3.76-.02-6.66-3.01-6.63-6.81z"/>
25 |       </g>
26 |       <g id="dial_animation1" transform="translate(261.26 670.825)">
27 |         <g id="dial_animation2" transform="rotate(-120)">
28 |           <g id="dial_group" transform="translate(-336.067 -651.04)" stroke="none" stroke-width="1">
29 |             <path id="dial_border" d="M343.234 645.81c-3.021-2.013-8.389-5.975-7.537-5.642.258.233-.581-.01 0 0-.126.386-.067.027 0 0-.012-.025-.354.176 0 0 11.857-10.352 11.503-10.876 23.529-22.055.93-.777.887.619 2.038.263 1.91 1.277 4.265 2.35 6.495 3.682-.279 1.204 3.982 4.094 3.188 5.041-10.9 11.383-22.37 24.603-23.192 24.18.149-.231-.194-.046.02-.032-.066-.178-.243.105-.02.032.01-.195-3.534-5.59-4.52-5.469z" transform="matrix(1.5 0 0 1.5 -154.595 -329.615)" fill="#FE8A30"/>
30 |             <path id="dial" d="M301.62 709.5c-12.2-.1-22.44-9.68-23.33-21.9-.88-12.04 7.86-22.91 19.96-24.62 2.24-.32 4.57-.16 6.83.02 1.35.11 2.31-.15 3.36-1.04 21.97-18.59 43.97-37.15 66.01-55.66 1.3-1.09 2.88-2.01 4.49-2.51 2.83-.87 5.49 1.57 4.82 4.46-.39 1.69-1.27 3.43-2.38 4.76-18.43 22.02-36.91 43.99-55.44 65.93-1.08 1.28-1.5 2.44-1.22 4.12 2 11.78-7.05 24.1-18.97 25.92-1.37.23-2.75.35-4.13.52z" transform="translate(10.928 -1.337)" fill="#000"/>
31 |           </g>
32 |         </g>
33 |       </g>
34 |     </g>
35 |   </g>
36 | </svg>
37 | 


--------------------------------------------------------------------------------
/Always Animate/database.svg:
--------------------------------------------------------------------------------
 1 | <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">
 2 |   <style>
 3 |     @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}
 4 |   </style>
 5 |   <defs>
 6 |     <radialGradient id="star-fill" cx="152.007" cy="109.106" r="71.6" spreadMethod="pad" gradientUnits="userSpaceOnUse">
 7 |       <stop id="star-fill-0" offset="0%" stop-color="#FFF33B"/>
 8 |       <stop id="star-fill-1" offset="5.95%" stop-color="#FFE029"/>
 9 |       <stop id="star-fill-2" offset="13.03%" stop-color="#FFD217"/>
10 |       <stop id="star-fill-3" offset="20.32%" stop-color="#FEC90E"/>
11 |       <stop id="star-fill-4" offset="28.09%" stop-color="#FDC70C"/>
12 |       <stop id="star-fill-5" offset="66.85%" stop-color="#F3903F"/>
13 |       <stop id="star-fill-6" offset="88.76%" stop-color="#ED683C"/>
14 |       <stop id="star-fill-7" offset="100%" stop-color="#E93E3A"/>
15 |     </radialGradient>
16 |   </defs>
17 |   <g id="background">
18 |     <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"/>
19 |   </g>
20 |   <g id="back_database_animation" transform="translate(330.64 289.527)">
21 |     <g id="back_database_top" transform="translate(-178.283 -199.934)">
22 |       <g id="back_database_group" fill="#FFF" stroke="#000" stroke-width="10" stroke-miterlimit="10">
23 |         <path id="back_database_top" d="M301.15 93.75c-.15-3.04-1.69-6.33-3.44-8.93-6.38-9.47-16.2-14.41-26.33-18.67-21.82-9.18-44.89-12.91-68.26-14.69-30.5-2.33-60.84-.74-90.73 6.16C96 61.41 80.01 66.39 66.4 76.88c-7.29 5.62-11.61 12.6-11.2 22.33.43 10.26.25 20.56.05 30.84-.13 6.84 2.34 12.39 7.05 17.13 8.57 8.63 19.35 13.41 30.56 17.38 18.74 6.65 38.18 10.03 57.91 11.48 13.6 1 27.27.96 40.74 1.39.48-1.09.81-1.53.88-2.02 1.57-11.5 8.31-19.66 17.16-26.38 12.42-9.43 26.63-15.28 41.61-18.8 16.4-3.85 33.07-6.53 50.15-9.82 0-8.48.29-17.59-.16-26.66z"/>
24 |         <path id="back_database_middle" d="M180.68 198.45c-28.62.19-56.91-2.42-84.24-11.34-16.17-5.28-32.21-11.28-41.15-28.43 0 18.85.3 37.04-.12 55.23-.23 9.86 3.9 16.92 11.31 22.68 10.34 8.05 22.31 12.66 34.7 16.26 27.72 8.05 56.13 10.39 84.86 9.93 1.91-.03 3.82-.2 5.83-.31v-64.02c-3.96 0-7.57-.02-11.19 0z"/>
25 |         <path id="back_database_bottom" d="M187.02 284.97c-18.51.45-36.94-.35-55.26-3.15-17.51-2.67-34.73-6.51-50.85-14.11-10.44-4.92-20.32-10.66-25.61-22.09 0 18.74.14 37.48-.07 56.22-.08 7.28 2.44 13.17 7.56 18.11 8.83 8.52 19.73 13.38 31.12 17.2 29.71 9.96 60.42 12.65 91.53 12.22 2.05-.03 4.11-.18 6.34-.29v-64.12c-1.71.01-3.24-.03-4.76.01z"/>
26 |       </g>
27 |     </g>
28 |   </g>
29 |   <g id="front_database_top">
30 |     <g id="front_database_group" stroke="none" stroke-width="1">
31 |       <path id="front_database_border" d="M441.43 137.62c-6.45-3.29-13.17-6.21-20.01-8.56-26.35-9.03-53.65-12.61-81.37-13.71-32.69-1.29-65.04 1.1-96.79 9.27-16.45 4.23-32.4 9.8-46.07 20.4-8.33 6.46-13.24 14.4-12.8 25.51.41 10.25-.08 20.53.13 30.79-.03 41.65-.16 183.95.18 204.16.07 3.9 1.76 8.23 3.94 11.55 7.16 10.91 18.38 16.64 29.98 21.44 30.5 12.62 62.7 17.09 95.33 17.53 20.58.28 41.26-1.37 61.78-3.33 19.99-1.92 39.47-6.89 57.89-15.09 13.57-6.04 26.35-13.29 31.99-28.41V212.84v-23.59-27.28c-4.44-11.74-13.55-18.93-24.18-24.35zM198.4 182.01c-.4-10 4.03-17.15 11.53-22.96 12.31-9.54 26.67-14.55 41.48-18.36 28.58-7.36 57.7-9.51 87.13-8.35 24.95.99 49.53 4.22 73.25 12.34 6.17 2.11 12.21 4.74 18.02 7.7 9.58 4.88 17.78 11.35 21.74 21.91v45.79c-5.4 13.56-17.01 20.14-29.39 25.52-19.41 8.43-39.97 12.36-60.9 14.65-21.62 2.37-43.28 2.63-64.93.72-25.8-2.27-51.15-6.62-74.64-18.33-7.35-3.66-14.54-7.9-18.91-15.05-2.26-3.7-3.86-8.34-4.08-12.65-.57-10.96.14-21.97-.3-32.93zm253.15 214.81c-5.08 13.61-16.58 20.14-28.79 25.58-16.59 7.39-34.12 11.86-52.12 13.59-18.47 1.77-37.08 3.25-55.61 3-29.37-.4-58.36-4.42-85.82-15.78-10.44-4.32-20.54-9.48-26.98-19.3-1.96-2.99-3.48-6.89-3.54-10.4-.34-19.94-.17-39.89-.16-59.83 0-.33.17-.65.35-1.33 6.62 14.37 19.45 20.5 32.65 25.77 20.89 8.34 42.87 12.05 65.2 13.87 21.8 1.77 43.58 1.58 65.32-.82 19.45-2.15 38.58-5.84 56.78-13.21 13.65-5.53 26.49-12.35 32.72-27.01v65.87zm2.21-89.18c-5.19 14.12-17.18 20.68-29.82 26.12-20.45 8.8-42.11 12.68-64.15 14.85-18.83 1.85-37.68 2.17-56.53.73-27.32-2.08-54.16-6.35-79.09-18.57-7.74-3.79-15.1-8.4-19.72-15.94-1.94-3.17-3.5-7.16-3.56-10.81-.34-20.07-.16-40.16-.16-60.58 11.74 20.49 32.21 26.37 52.47 31.85 28.74 7.79 58.2 9.72 87.91 8.49 24.01-.99 47.66-4.07 70.59-11.51 11.49-3.72 22.84-8.1 31.76-16.51 4.15-3.91 6.92-9.3 10.31-14.01-.01 21.98-.01 43.94-.01 65.89z" fill="#000"/>
32 |       <path id="front_database_top" d="M198.69 214.93c.22 4.3 1.82 8.95 4.08 12.65 4.38 7.15 11.57 11.39 18.91 15.05 23.49 11.71 48.84 16.06 74.64 18.33 21.65 1.91 43.31 1.65 64.93-.72 20.93-2.29 41.49-6.22 60.9-14.65 12.38-5.38 23.99-11.96 29.39-25.52v-45.79c-3.97-10.56-12.17-17.03-21.74-21.91-5.81-2.96-11.85-5.59-18.02-7.7-23.72-8.13-48.3-11.36-73.25-12.34-29.43-1.16-58.55.99-87.13 8.35-14.8 3.81-29.17 8.82-41.48 18.36-7.5 5.81-11.92 12.97-11.53 22.96.45 10.97-.26 21.98.3 32.93z" fill="#FFF"/>
33 |       <path id="front_database_bottom" d="M418.82 357.95c-18.2 7.37-37.33 11.06-56.78 13.21-21.74 2.4-43.52 2.6-65.32.82-22.33-1.81-44.3-5.53-65.2-13.87-13.2-5.27-26.03-11.4-32.65-25.77-.19.68-.35 1-.35 1.33-.01 19.94-.18 39.89.16 59.83.06 3.51 1.58 7.41 3.54 10.4 6.44 9.82 16.55 14.98 26.98 19.3 27.46 11.36 56.44 15.38 85.82 15.78 18.53.25 37.14-1.23 55.61-3 17.99-1.73 35.53-6.2 52.12-13.59 12.22-5.44 23.72-11.97 28.79-25.58v-65.88c-6.22 14.67-19.06 21.49-32.72 27.02z" fill="#FFF"/>
34 |       <path id="front_database_middle" d="M411.7 272.29c-22.93 7.43-46.58 10.52-70.59 11.51-29.71 1.22-59.17-.7-87.91-8.49-20.25-5.49-40.72-11.36-52.47-31.85 0 20.42-.18 40.51.16 60.58.06 3.65 1.62 7.64 3.56 10.81 4.62 7.53 11.98 12.14 19.72 15.94 24.93 12.22 51.78 16.49 79.09 18.57 18.85 1.44 37.7 1.12 56.53-.73 22.04-2.17 43.7-6.05 64.15-14.85 12.64-5.44 24.63-11.99 29.82-26.12v-65.88c-3.39 4.72-6.16 10.1-10.31 14.01-8.92 8.4-20.27 12.77-31.75 16.5z" fill="#FFF"/>
35 |     </g>
36 |   </g>
37 |   <g id="star_group">
38 |     <g id="star_animation" transform="matrix(0 0 0 0 184.363 136.918)">
39 |       <path id="star" transform="translate(-152.005 -115.021)" fill="url(#star-fill)" stroke="#000" stroke-width="4" stroke-miterlimit="10" d="M215.98 160.29l-49.28-12.28-38.05 33.63-3.55-50.66-43.75-25.8 47.09-19.03 11.02-49.58 32.65 38.9 50.55-4.84-26.91 43.07z"/>
40 |     </g>
41 |   </g>
42 | </svg>
43 | 


--------------------------------------------------------------------------------
/Always Animate/dependencies.svg:
--------------------------------------------------------------------------------
 1 | <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">
 2 |   <style>
 3 |     @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}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -799.48 -2292.726)">
 6 |     <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"/>
 7 |   </g>
 8 |   <g id="dependencies_top" transform="matrix(4 0 0 4 -799.509 -2292.686)">
 9 |     <g id="dependencies_group" stroke="none" stroke-width="1">
10 |       <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"/>
11 |       <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"/>
12 |       <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"/>
13 |       <path id="box1" d="M367.5 741.32h-38.93v-38.96h38.93v38.96z" fill="#FFF"/>
14 |       <path id="box2" d="M315.23 597.74v38.93h-38.97v-38.93h38.97z" fill="#FFF"/>
15 |       <path id="box3" d="M223.97 741.31v-38.99h38.85v38.99h-38.85z" fill="#FFF"/>
16 |     </g>
17 |   </g>
18 | </svg>
19 | 


--------------------------------------------------------------------------------
/Always Animate/downloads.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="downloads" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="point">
 3 |     @keyframes download_arrow_animation__to{0%,to{transform:translate(0,0)}25%{transform:translate(0,6px)}75%{transform:translate(0,-6px)}}#download_arrow_animation{animation:download_arrow_animation__to 800ms linear infinite normal forwards}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -802.32 -2317.326)">
 6 |     <path id="square" d="M392.83 675.71v72.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.02 23.95.02 47.89.02 71.83z" fill="#FE8A30" stroke="none" stroke-width="1"/>
 7 |   </g>
 8 |   <g id="download_top">
 9 |     <g id="download_group" transform="matrix(4 0 0 4 -802.305 -2317.308)">
10 |       <g id="download_arrow_animation">
11 |         <path id="download_arrow" d="M272.1 646.38v-1.98c0-12.63.18-25.26-.07-37.88-.14-6.71 4.71-12.56 11.45-14.11.84-.19 1.72-.34 2.58-.34 7.24-.03 14.48-.05 21.72 0 6.42.04 12.43 4.92 13.77 11.17.28 1.31.29 2.7.3 4.05.02 12.36.01 24.71.01 37.07v1.93c.71.04 1.29.08 1.87.09 3.81.08 7.61.14 11.42.25.7.02 1.4.17 2.08.37 3.85 1.1 5.41 4.29 3.3 7.67-1.86 2.97-4.28 5.61-6.58 8.28-9.01 10.47-18.09 20.89-27.11 31.36-3.46 4.01-7.67 5.79-12.92 4.57-2.57-.6-4.66-2.05-6.38-4.03-10.9-12.58-21.8-25.17-32.67-37.77-.63-.73-1.17-1.58-1.61-2.45-1.77-3.5-.46-6.58 3.34-7.58 1.66-.44 3.43-.58 5.16-.63 3.36-.1 6.73-.04 10.34-.04z" fill="#FFF" stroke="none" stroke-width="1"/>
12 |       </g>
13 |       <path id="download_drive" d="M380.59 727.6c0-11.2-9.36-20.53-20.6-20.53H233.92c-6.84 0-12.22 2.97-16.44 8.23-2.23 2.77-3.26 6.06-4.2 9.4v16.99c.9 3.18 1.88 6.31 3.91 9.02 3.31 4.4 7.6 7.22 13.02 8.31.25.05.48.21.72.31h132.02c.24-.11.47-.26.71-.31 10-2.01 16.93-10.46 16.93-20.66V727.6zm-39.35 16.06c-5.82-.02-10.36-4.66-10.35-10.56.02-5.81 4.66-10.38 10.54-10.37 5.75.01 10.49 4.82 10.41 10.56-.07 5.8-4.78 10.4-10.6 10.37z" fill="#FFF" stroke="none" stroke-width="1"/>
14 |     </g>
15 |   </g>
16 | </svg>
17 | 


--------------------------------------------------------------------------------
/Always Animate/eye.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="prefix__blinking_eye" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
 2 |   <style id="blink">
 3 |     @keyframes eye_open_c_o{0%,23.333333%,to{opacity:1}16.666667%{opacity:1;animation-timing-function:step-end}20%{opacity:0;animation-timing-function:step-end}}@keyframes eye_closed_f_o{0%,23.333333%,to{fill-opacity:0}16.666667%{fill-opacity:0;animation-timing-function:step-end}20%{fill-opacity:1;animation-timing-function:step-end}}#prefix__eye_open{animation:eye_open_c_o 6000ms linear infinite normal forwards}#prefix__eye_closed{animation:eye_closed_f_o 6000ms linear infinite normal forwards}
 4 |   </style>
 5 |   <g id="prefix__background" transform="matrix(4 0 0 4 -846.84 -2287.92)">
 6 |     <path id="prefix__square" d="M403.49 667.89v72.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="#D52727" stroke="none" stroke-width="1"/>
 7 |   </g>
 8 |   <g id="prefix__eye" transform="matrix(4 0 0 4 -845.91 -2287.892)" stroke-width="1" stroke="none">
 9 |     <g id="prefix__eye_open">
10 |       <path id="prefix__iris_and_outline" d="M216.96 667.48c1.42-2.43 2.81-4.89 4.28-7.3 9.48-15.5 22.14-27.72 38.01-36.56 9.92-5.53 20.5-9.27 31.72-11.1 25.3-4.12 48.87.61 70.55 14.23 15.86 9.96 27.93 23.51 36.53 40.14.26.51.26 1.39 0 1.89-12.22 23.26-30.44 39.94-55.01 49.37-14.9 5.72-30.39 7.75-46.28 5.74-34.86-4.4-60.59-22.42-78-52.7-.58-1.01-1.2-2.01-1.8-3.01v-.7z" fill="#000"/>
11 |       <path id="prefix__sclera" d="M264.66 640.3c-.15.06-.37.12-.55.24-10.95 6.82-19.98 15.61-26.95 26.47-.29.45-.15 1.47.18 1.97 18.85 29.24 53.6 43.96 87.7 36.68 22.71-4.84 40.35-17.47 53.26-36.74.56-.83.49-1.4-.03-2.2-6.9-10.47-15.63-19.05-26.2-25.78-.4-.25-.84-.43-1.4-.72 7.3 22.33-2.43 42.48-17.09 52.57-14.46 9.96-34.49 11.51-50.34.72-19.06-12.99-24.39-31.25-18.58-53.21z" fill="#FFF"/>
12 |       <path id="prefix__pupil" d="M290.49 666.75c8.77-.13 16.85-6.26 17.17-16.67.27-8.83-6.23-17-16.68-17.26-8.77-.22-16.85 6.19-17.17 16.6-.27 8.82 6.23 16.76 16.68 17.33z" fill="#FFF"/>
13 |     </g>
14 |     <path id="prefix__eye_closed" d="M220.84 712.44c-.14-.26-.29-.53-.43-.79-.45-.83-.93-1.64-1.39-2.46.03-.19.06-.38.09-.56 1.15-1.25 2.27-2.51 3.42-3.75 5.8.74 12.68 1.61 18.52 2.36-.63.58-1.24 1.18-1.85 1.79-.34.35-.34 1.16-.08 1.58 14.9 23.98 47.44 37 82.19 32.52 23.14-2.99 42.26-12.36 57.56-27.2.66-.64.67-1.1.25-1.75-.19-.29-.37-.58-.57-.87 4.98-.86 11.86-2.05 17.67-3.06.88 1.57 1.71 3.18 2.48 4.82.19.41.08 1.11-.25 1.51-15.13 18.04-35.34 30.61-60.93 37.17-15.51 3.98-31.13 5-46.62 2.8-33.62-4.79-56.65-19.83-70.06-44.11z" transform="translate(-2.06 -40.908)" fill="#000" fill-opacity="0"/>
15 |   </g>
16 | </svg>
17 | 


--------------------------------------------------------------------------------
/Always Animate/gaming.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="gaming" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="rumble">
 3 |     @keyframes controller_animation_move__to{0%,33.333333%,40%,50%,56.666667%,66.666667%,73.333333%,to{transform:translate(384.499664px,385.427155px)}36.666667%{transform:translate(384.499963px,399.911284px)}53.333333%{transform:translate(384.5px,374.564058px)}70%{transform:translate(384.5px,398.100768px)}}@keyframes controller_animation_rotate__tr{0%,40%,56.666667%{transform:rotate(0deg);animation-timing-function:step-end}33.333333%,53.333333%,66.666667%{transform:rotate(-5deg);animation-timing-function:step-end}36.666667%,50%,70%{transform:rotate(5deg);animation-timing-function:step-end}73.333333%,to{transform:rotate(0deg)}}#controller_animation_move{animation:controller_animation_move__to 3000ms linear infinite normal forwards}#controller_animation_rotate{animation:controller_animation_rotate__tr 3000ms linear infinite normal forwards}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -842.943 -2257.326)">
 6 |     <path id="sqaure" d="M402.75 660.71v72.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"/>
 7 |   </g>
 8 |   <g id="controller_animation_move" transform="translate(384.5 385.427)">
 9 |     <g id="controller_animation_rotate">
10 |       <g id="controller_group" transform="matrix(4 0 0 4 -1227.442 -2642.725)" stroke="none" stroke-width="1">
11 |         <path id="controller_body" d="M396.3 682.46c-1.75-14.77-5.25-29.18-9.59-43.38-2.93-9.59-6.35-19-12.14-27.31-8.13-11.66-19.25-17.05-33.48-15.27-3.64.46-7.2 1.58-10.75 2.57-11.14 3.12-22.45 4.43-33.91 2.59-6.41-1.03-12.73-2.65-19.03-4.25-11.59-2.94-22.14-1.05-31.46 6.55-5.53 4.52-9.15 10.52-12.18 16.88-4.88 10.23-7.96 21.07-10.73 32.01-3.7 14.61-6.57 29.36-6.66 44.51 0 1.82-.1 3.64.02 5.45.36 5.51.98 10.99 3.57 16 2.75 5.33 7.5 7.46 13.31 6 4.43-1.11 8.19-3.56 11.31-6.73 4.99-5.08 9.72-10.42 14.43-15.76 3.5-3.97 7.67-6.77 12.89-7.7 3.5-.63 7.06-1.21 10.6-1.24 16.55-.13 33.1-.09 49.65-.05 10.34.03 18.88 3.55 25.25 12.2 3.4 4.62 7.68 8.64 11.78 12.7 2.87 2.85 6.27 5.06 10.2 6.32 5.76 1.85 10.92.11 13.75-4.89 1.08-1.9 1.92-4.01 2.47-6.14 2.61-10.27 1.93-20.69.7-31.06z" fill="#FFF"/>
12 |         <path id="button1" d="M255.19 663.67c-8.75.02-15.88-7.16-15.85-15.96.03-8.85 7.1-15.9 15.91-15.87 8.84.04 15.72 7.06 15.7 16.02-.01 8.73-7.05 15.8-15.76 15.81z" fill="#000"/>
13 |         <path id="button2" d="M328.56 655.52c-4.38.03-7.79-3.36-7.79-7.75 0-4.29 3.34-7.72 7.58-7.77 4.32-.05 7.9 3.4 7.94 7.66.05 4.3-3.42 7.83-7.73 7.86z" fill="#000"/>
14 |         <path id="button3" d="M345.46 672.73c-4.27-.05-7.67-3.62-7.63-7.98.04-4.24 3.5-7.69 7.71-7.69 4.29.01 7.76 3.53 7.75 7.87-.02 4.31-3.58 7.85-7.83 7.8z" fill="#000"/>
15 |         <path id="button4" d="M345.5 638.42c-4.29-.02-7.71-3.53-7.68-7.9.03-4.27 3.41-7.67 7.66-7.7 4.32-.03 7.8 3.44 7.8 7.78.01 4.32-3.49 7.83-7.78 7.82z" fill="#000"/>
16 |         <path id="button5" d="M362.47 655.52a7.706 7.706 0 01-7.63-7.72c-.01-4.29 3.5-7.81 7.79-7.8 4.33.01 7.71 3.47 7.68 7.85-.03 4.4-3.44 7.73-7.84 7.67z" fill="#000"/>
17 |       </g>
18 |     </g>
19 |   </g>
20 | </svg>
21 | 


--------------------------------------------------------------------------------
/Always Animate/grafana.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="grafana" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="spin">
 3 |     @keyframes grafana_animation__tr{0%{transform:translate(381.556015px,384.486542px) rotate(0deg)}to{transform:translate(381.556015px,384.486542px) rotate(-360deg)}}#grafana_animation{animation:grafana_animation__tr 500ms linear infinite normal forwards}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -761.4 -2310.823)">
 6 |     <path id="square" d="M382.13 673.85v72.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"/>
 7 |   </g>
 8 |   <g id="grafana_animation" transform="translate(381.556 384.487)">
 9 |     <g id="grafana_group" transform="matrix(4 0 0 4 -1136.935 -2695.27)">
10 |       <path id="grafana_logo" d="M291 589.28c6.83 3.75 11.82 9.13 14.76 16.4.3.75 1.31 1.46 2.13 1.71 4.57 1.39 9.17 2.69 13.8 3.87.93.24 2.19.12 3.02-.34 4.14-2.26 8.58-3.22 13.23-3.49 1.77-.1 2.74.55 3.43 2.18 1.86 4.41 2.87 8.88 2.28 13.72-.15 1.22.59 2.88 1.47 3.83 10.42 11.4 16.26 24.69 16.93 40.17.03.75.16 1.55-.05 2.24-.18.61-.76 1.1-1.17 1.65-.53-.42-1.33-.74-1.53-1.28-.97-2.54-1.6-5.21-2.65-7.71-8.82-20.95-24.11-34.49-46.89-37.05-28.86-3.24-52.84 9.91-58.84 43.72-4.87 27.44 12.51 48.54 33.21 54.38 15.71 4.44 29.86 1.97 40.58-11.12 8.13-9.92 11.05-21.41 5.8-33.73-5.16-12.12-19.37-18.82-31.19-15.24-10.24 3.1-17 13.78-15.22 24.05 1.92 11.06 13.7 17.55 24.06 13.36.88-.35 2.11.17 3.17.28-.45.98-.63 2.34-1.39 2.9-6.62 4.88-16.91 4.43-24.61-.92-10.48-7.28-13.97-20.89-8.66-33.78 6.56-15.92 23.49-23.97 41.24-19.61 20.9 5.13 34.89 24.55 33.28 46.03-.08 1.08.52 2.51 1.29 3.3 3.85 3.96 6.4 8.58 7.38 13.99.17.92-.35 2.4-1.06 2.96-3.84 3.03-8.23 4.97-13.18 5.05-1.97.03-2.86.96-4.04 2.31-3.83 4.36-7.99 8.44-11.89 12.73-.9.99-1.74 2.38-1.9 3.67-.82 7-3.83 12.92-8.48 18.06-.53.59-1.84.92-2.66.75-6.52-1.37-12.1-4.42-16.63-9.42-.86-.94-2.44-1.49-3.77-1.7-6.66-1.05-13.34-1.99-20.03-2.81-1.32-.16-2.97-.01-4.06.66-6.98 4.27-14.47 6.59-22.66 6.84-2.24.07-3.09-.77-3.69-2.79-2.09-7.04-2.29-14.08-.3-21.13.44-1.57.18-2.51-.81-3.76-2.75-3.45-5.25-7.09-7.9-10.62-.53-.7-1.21-1.65-1.93-1.78-11.56-1.94-20.71-7.99-28.52-16.42v-1.13c.14-.12.34-.21.4-.36 3.86-9.79 10.19-17.44 19.36-22.72.74-.43 1.3-1.54 1.53-2.43 1.27-5.09 2.45-10.21 3.54-15.34.17-.79.02-1.86-.41-2.52-5.69-8.7-8.02-18.3-8.03-28.61 0-2.23.69-3.39 2.81-4.13 9.71-3.39 19.42-3.99 29.31-.78 1.04.34 2.5.05 3.55-.42 5.21-2.34 10.36-4.82 15.5-7.3.69-.33 1.63-.81 1.81-1.41 2.5-8.2 7.97-14.07 14.71-18.97.19.01.38.01.57.01z" fill="#FFF" stroke="none" stroke-width="1"/>
11 |     </g>
12 |   </g>
13 | </svg>
14 | 


--------------------------------------------------------------------------------
/Always Animate/home-automation.svg:
--------------------------------------------------------------------------------
 1 | <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">
 2 |   <style>
 3 |     @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}
 4 |   </style>
 5 |   <g id="background">
 6 |     <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"/>
 7 |   </g>
 8 |   <g id="house_group">
 9 |     <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"/>
10 |     <g id="gear_animation" transform="translate(250.356 302.716)">
11 |       <g id="gear_group" transform="translate(-250.356 -302.716)" stroke="none" stroke-width="1">
12 |         <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"/>
13 |         <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"/>
14 |       </g>
15 |     </g>
16 |   </g>
17 | </svg>
18 | 


--------------------------------------------------------------------------------
/Always Animate/home-wifi.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="home_wifi" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="wifi_signal">
 3 |     @keyframes signal3_f_o{0%,16.666667%,33.333333%{fill-opacity:1;animation-timing-function:step-end}25%,41.666667%,8.333333%{fill-opacity:0;animation-timing-function:step-end}to{fill-opacity:1}}@keyframes signal2_f_o{0%,58.333333%,75%,91.666667%{fill-opacity:1;animation-timing-function:step-end}50%,66.666667%,83.333333%{fill-opacity:0;animation-timing-function:step-end}to{fill-opacity:1}}#signal3{animation:signal3_f_o 6000ms linear infinite normal forwards}#signal2{animation:signal2_f_o 6000ms linear infinite normal forwards}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -827.28 -2254.526)">
 6 |     <path id="square" d="M398.6 660.01v72.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="#D52727" stroke="none" stroke-width="1"/>
 7 |   </g>
 8 |   <g id="house_top" transform="matrix(4 0 0 4 -827.276 -2254.526)">
 9 |     <g id="house_group" stroke="none" stroke-width="1">
10 |       <path id="house" d="M239.33 665.85c-3.55 3.58-6.66 6.74-9.8 9.88-1.67 1.67-2.41 1.68-4.05.04-3.23-3.22-6.46-6.44-9.68-9.68-1.57-1.58-1.58-2.33 0-3.91 28.29-28.27 56.59-56.54 84.89-84.81 1.7-1.69 2.39-1.66 4.2.15 12.6 12.58 25.2 25.17 37.81 37.76.48.48.98.93 1.85 1.75v-2.39-17.21c0-.5 0-1 .04-1.5.27-3.53.78-4 4.29-4 4.56 0 9.13.08 13.69-.04 1.83-.05 2.68.74 2.95 2.37.15.92.21 1.86.21 2.79.01 13.19.02 26.37-.02 39.56 0 1.23.37 2.07 1.23 2.93 7.46 7.39 14.87 14.82 22.3 22.24 2.08 2.08 2.08 2.63 0 4.72-3.09 3.09-6.18 6.19-9.29 9.27-1.65 1.64-2.38 1.64-4.05-.03-3.14-3.14-6.26-6.28-9.79-9.83v74.7c0 2.92-.32 3.24-3.2 3.24H242.35c-2.61 0-3-.39-3-3.06v-72.36c-.02-.67-.02-1.33-.02-2.58z" fill="#FFF"/>
11 |       <path id="signal3" d="M302.45 652.73c-17.02.41-32.22 6.42-44.93 18.49-3.54 3.35-8.52 3.49-11.7.19-3.65-3.78-3.49-8.63.34-12.25 13.09-12.35 28.53-19.98 46.37-22.09 26.05-3.09 48.71 4.64 67.77 22.69 2.91 2.76 3.1 7.23.7 10.43-2.6 3.48-6.87 4.6-10.46 2.65-.97-.53-1.8-1.33-2.62-2.09-12.71-11.74-27.74-17.69-45.47-18.02z" fill="#D52727"/>
12 |       <path id="signal2" d="M305.85 667.06c11.17.29 23.16 5.09 33.1 14.78 3.76 3.66 3.71 8.29.01 12.06-3.17 3.24-8.01 3.12-11.53-.27-14.07-13.6-34.89-13.54-49.04.13-2.96 2.86-6.9 3.39-10.12 1.38-3.27-2.05-5.12-6.37-3.77-9.71.65-1.6 1.89-3.08 3.17-4.3 9.69-9.19 22.13-14.07 38.18-14.07z" fill="#D52727"/>
13 |       <path id="signal1" d="M320.59 713.05c.32 8.74-6.81 17.39-16.65 17.94-10.12.57-18.45-7.39-18.71-17.38-.26-9.69 7.48-17.82 17.22-18.09 9.84-.27 17.86 7.48 18.14 17.53z" fill="#D52727"/>
14 |     </g>
15 |   </g>
16 | </svg>
17 | 


--------------------------------------------------------------------------------
/Always Animate/multimedia-alternate.svg:
--------------------------------------------------------------------------------
 1 | <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">
 2 |   <style>
 3 |     @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}
 4 |   </style>
 5 |   <g id="background">
 6 |     <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"/>
 7 |   </g>
 8 |   <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"/>
 9 |   <g id="header_top">
10 |     <g id="header_group" fill="#fff" stroke="none" stroke-width="1">
11 |       <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"/>
12 |       <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"/>
13 |       <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"/>
14 |       <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"/>
15 |       <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"/>
16 |       <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"/>
17 |       <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"/>
18 |       <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"/>
19 |     </g>
20 |   </g>
21 |   <g id="music_note_group">
22 |     <g id="music_note_animation" transform="translate(236.54 325.607)">
23 |       <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"/>
24 |     </g>
25 |   </g>
26 | </svg>
27 | 


--------------------------------------------------------------------------------
/Always Animate/multimedia.svg:
--------------------------------------------------------------------------------
 1 | <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">
 2 |   <style>
 3 |     @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}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -887.96 -2344.006)">
 6 |     <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"/>
 7 |   </g>
 8 |   <g id="player" transform="matrix(4 0 0 4 -889.218 -2342.924)">
 9 |     <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"/>
10 |     <path id="player_window" d="M247.76 712.17H388.8V611.46H247.76v100.71z" fill="#FFF" stroke="none" stroke-width="1"/>
11 |     <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"/>
12 |     <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"/>
13 |     <g id="play_animation" transform="translate(.194)">
14 |       <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"/>
15 |     </g>
16 |     <g id="pause_animation" opacity="0" fill="#000" fill-rule="evenodd" stroke="none" stroke-width="3" stroke-linejoin="round">
17 |       <rect id="pause1" width="70.945" height="15.135" rx="0" ry="7.567" transform="translate(281.888 638.515)"/>
18 |       <rect id="pause2" width="70.945" height="15.135" rx="0" ry="7.567" transform="translate(281.73 668.515)"/>
19 |     </g>
20 |     <g id="rewind_animation" opacity="0" fill="#000" stroke="none" stroke-width=".5">
21 |       <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"/>
22 |       <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"/>
23 |     </g>
24 |   </g>
25 | </svg>
26 | 


--------------------------------------------------------------------------------
/Always Animate/music.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="music" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="music_sheet">
 3 |     @keyframes music_scale_animation__to{0%{transform:translate(384.5px,381.686597px)}53.333333%{transform:translate(384.499988px,381.686597px)}80%,to{transform:translate(-391.450012px,381.686597px)}}@keyframes music_scale_group_c_o{0%,80%,to{opacity:0}3.333333%,53.333333%{opacity:1}}@keyframes music_note1_animation__to{0%,3.333333%{transform:translate(1184.185608px,170.944336px)}53.333333%,to{transform:translate(-375.814392px,170.944336px)}}@keyframes music_note2_animation__to{0%,3.333333%{transform:translate(1484.185672px,240.944358px)}53.333333%,to{transform:translate(-85.814328px,240.944358px)}}@keyframes music_note3_animation__to{0%,3.333333%{transform:translate(355.236704px,413.795165px)}53.333333%,to{transform:translate(-1204.763296px,413.795165px)}}@keyframes music_note4_animation__to{0%,3.333333%{transform:translate(1915.236704px,413.796324px)}53.333333%,to{transform:translate(355.236704px,413.796324px)}}@keyframes music_note5_animation__to{0%,3.333333%{transform:translate(927.667693px,294.367107px)}53.333333%,to{transform:translate(-632.332307px,294.367107px)}}#music_scale_animation{animation:music_scale_animation__to 15000ms linear infinite normal forwards}#music_scale_group{animation:music_scale_group_c_o 15000ms linear infinite normal forwards}#music_note1_animation{animation:music_note1_animation__to 15000ms linear infinite normal forwards}#music_note2_animation{animation:music_note2_animation__to 15000ms linear infinite normal forwards}#music_note3_animation{animation:music_note3_animation__to 15000ms linear infinite normal forwards}#music_note4_animation{animation:music_note4_animation__to 15000ms linear infinite normal forwards}#music_note5_animation{animation:music_note5_animation__to 15000ms linear infinite normal forwards}
 4 |   </style>
 5 |   <path id="background" d="M392.49 676.01v72.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" transform="matrix(4 0 0 4 -801.294 -2320.4)" fill="#F3632D" stroke="none" stroke-width="1"/>
 6 |   <g id="music_scale_animation" transform="translate(384.5 381.687)">
 7 |     <g id="music_scale_group" transform="matrix(4 0 0 4 -1183.966 -2696.457)" opacity="0" fill="#FFF" fill-rule="evenodd" stroke="#FFF" stroke-width=".133">
 8 |       <rect id="music_scale_line1" width="192.997" height="3.834" rx="0" ry="1.208" transform="translate(200.132 740.555)"/>
 9 |       <rect id="music_scale_line2" width="192.997" height="3.834" rx="0" ry="1.208" transform="translate(198.854 705.727)"/>
10 |       <rect id="music_scale_line3" width="192.997" height="3.834" rx="0" ry="1.208" transform="translate(199.493 672.176)"/>
11 |       <rect id="music_scale_line4" width="192.997" height="3.834" rx="0" ry="1.208" transform="translate(199.707 603.839)"/>
12 |       <rect id="music_scale_line5" width="192.997" height="3.834" rx="0" ry="1.208" transform="translate(199.388 637.07)"/>
13 |     </g>
14 |   </g>
15 |   <g id="music_note1_animation" transform="translate(1184.186 170.944)">
16 |     <g id="music_note1_group" transform="matrix(4 0 0 4 -1945.3 -2929.162)" stroke="none">
17 |       <path id="music_note1_outline" d="M486.656 714.87c-7.75 1.41-14.16 5.05-18.58 11.74-2.17 3.29-3.22 6.94-2.64 10.88.87 5.86 4.58 9.48 9.98 11.17 9.17 2.87 17.71 1.18 25.25-4.71 5.17-4.03 9.408-11.267 4.6-22.136-8.961-7.673-14.42-7.703-18.61-6.943z" fill="#000" stroke-width="1"/>
18 |       <path id="music_note1_filling" d="M486.257 718.956c-5.752 1.105-10.51 3.958-13.79 9.202-1.61 2.579-2.39 5.44-1.959 8.528.646 4.593 3.4 7.43 7.407 8.755 6.806 2.25 13.144.925 18.74-3.692 3.837-3.158 8.168-8.831 4.6-17.35-6.652-6.015-11.888-6.039-14.998-5.443z" fill="#F3632D" stroke-width=".763"/>
19 |     </g>
20 |   </g>
21 |   <g id="music_note2_animation" transform="translate(1484.186 240.944)">
22 |     <path id="music_note2" d="M359.798 588.724c-7.75 1.41-14.16 5.05-18.58 11.74-2.17 3.29-3.22 6.94-2.64 10.88.87 5.86 4.58 9.48 9.98 11.17 9.17 2.87 17.71 1.18 25.25-4.71 5.17-4.03 9.408-11.268 4.6-22.137-8.962-7.673-14.42-7.703-18.61-6.943z" transform="matrix(4 0 0 4 -1437.868 -2424.575)" fill="#000" stroke="none" stroke-width="1"/>
23 |   </g>
24 |   <g id="music_note3_animation" transform="translate(355.237 413.795)">
25 |     <path id="music_note3" d="M243.024 708.27c-4.18-1.82-8.36-1.85-12.55-1.09-7.75 1.41-14.16 5.05-18.58 11.74-2.17 3.29-3.22 6.94-2.64 10.88.87 5.86 4.58 9.48 9.98 11.17 9.17 2.87 17.71 1.18 25.25-4.71 5.17-4.03 7.81-9.35 7.75-16.1-.14-14.62-.01-29.24-.05-43.85-.01-2.75 1.13-4.73 3.43-6.09.78-.46 1.62-.85 2.48-1.12 14.65-4.62 29.3-9.21 43.96-13.8.71-.22 1.47-.39 2.21-.44 1.93-.14 2.99.79 3.17 2.72.03.35.04.71.04 1.07.01 11.64.01 23.28.01 34.92 0 .37-.04.75-.06 1.22-4.34-1.84-8.71-2.13-13.14-1.47-7.91 1.19-14.47 4.73-18.91 11.56-2.76 4.25-3.67 8.89-1.75 13.75 1.89 4.77 5.7 7.53 10.48 8.78 10.08 2.62 19.06.29 26.67-6.8 4-3.73 5.98-8.36 5.94-14.01-.13-20.54-.05-41.07-.05-61.61 0-4.41.02-8.82-.01-13.23-.03-3.79-2.55-6.99-6.3-7.56-1.74-.26-3.65-.04-5.38.38-3.08.74-6.08 1.8-9.12 2.73-13.86 4.24-27.71 8.49-41.57 12.7-6.63 2.01-11.42 8.95-11.35 15.41.19 17.16.07 34.32.08 51.48.01.37.01.77.01 1.37z" transform="matrix(4 0 0 4 -1051.622 -2732.85)" fill="#000" stroke="none" stroke-width="1"/>
26 |   </g>
27 |   <g id="music_note4_animation" transform="translate(1915.237 413.796)">
28 |     <path id="music_note4" d="M243.024 708.27c-4.18-1.82-8.36-1.85-12.55-1.09-7.75 1.41-14.16 5.05-18.58 11.74-2.17 3.29-3.22 6.94-2.64 10.88.87 5.86 4.58 9.48 9.98 11.17 9.17 2.87 17.71 1.18 25.25-4.71 5.17-4.03 7.81-9.35 7.75-16.1-.14-14.62-.01-29.24-.05-43.85-.01-2.75 1.13-4.73 3.43-6.09.78-.46 1.62-.85 2.48-1.12 14.65-4.62 29.3-9.21 43.96-13.8.71-.22 1.47-.39 2.21-.44 1.93-.14 2.99.79 3.17 2.72.03.35.04.71.04 1.07.01 11.64.01 23.28.01 34.92 0 .37-.04.75-.06 1.22-4.34-1.84-8.71-2.13-13.14-1.47-7.91 1.19-14.47 4.73-18.91 11.56-2.76 4.25-3.67 8.89-1.75 13.75 1.89 4.77 5.7 7.53 10.48 8.78 10.08 2.62 19.06.29 26.67-6.8 4-3.73 5.98-8.36 5.94-14.01-.13-20.54-.05-41.07-.05-61.61 0-4.41.02-8.82-.01-13.23-.03-3.79-2.55-6.99-6.3-7.56-1.74-.26-3.65-.04-5.38.38-3.08.74-6.08 1.8-9.12 2.73-13.86 4.24-27.71 8.49-41.57 12.7-6.63 2.01-11.42 8.95-11.35 15.41.19 17.16.07 34.32.08 51.48.01.37.01.77.01 1.37z" transform="matrix(4 0 0 4 -1051.622 -2732.85)" fill="#000" stroke="none" stroke-width="1"/>
29 |   </g>
30 |   <g id="music_note5_animation" transform="translate(927.668 294.367)">
31 |     <path id="music_note5" d="M359.684 689.748c-4.18-1.82-8.36-1.85-12.55-1.09-7.75 1.41-14.16 5.05-18.58 11.74-2.17 3.29-3.22 6.94-2.64 10.88.87 5.86 4.58 9.48 9.98 11.17 9.17 2.87 17.71 1.18 25.25-4.71 5.17-4.03 7.81-9.35 7.75-16.1-.14-14.62-.01-29.24-.05-43.85-.01-2.75 1.13-4.73 3.43-6.09.78-.46 1.62-.85 2.48-1.12 18.485-9.413 15.88-2.18 12.221-18.587-2.7-14.809 12.528-20.145-16.03-10.503-6.63 2.01-11.42 8.95-11.35 15.41.19 17.16.07 34.32.08 51.48.01.37.01.77.01 1.37z" transform="matrix(4 0 0 4 -1430.694 -2680.89)" fill="#000" stroke="none" stroke-width="1"/>
32 |   </g>
33 | </svg>
34 | 


--------------------------------------------------------------------------------
/Always Animate/network.svg:
--------------------------------------------------------------------------------
 1 | <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">
 2 |   <style>
 3 |     @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}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -885.96 -2361.09)">
 6 |     <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"/>
 7 |   </g>
 8 |   <g id="network_top" transform="matrix(4 0 0 4 -885.959 -2361.09)">
 9 |     <g id="network_group">
10 |       <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"/>
11 |       <g id="packet_animation" transform="translate(-51.094 385.658)">
12 |         <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"/>
13 |       </g>
14 |       <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"/>
15 |       <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"/>
16 |       <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"/>
17 |       <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"/>
18 |     </g>
19 |   </g>
20 | </svg>
21 | 


--------------------------------------------------------------------------------
/Always Animate/nzb.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="nzb" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="bounce">
 3 |     @keyframes arrow_animation__to{0%{transform:translate(320.055px,725.661539px);animation-timing-function:cubic-bezier(.42,0,.58,1)}50%{transform:translate(320.055px,658px)}to{transform:translate(320.055px,725.661539px)}}#arrow_animation{animation:arrow_animation__to 1600ms linear infinite normal forwards}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -887.023 -2344.006)">
 6 |     <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"/>
 7 |   </g>
 8 |   <g id="arrow_group" transform="matrix(4 0 0 4 -894.205 -2341.009)">
 9 |     <g id="arrow_animation" transform="translate(320.055 725.662)">
10 |       <path id="arrow" d="M386.37 685.19c-1.37 1.69-2.74 3.39-4.11 5.08-12.5 15.48-25 30.96-37.51 46.43-7.37 9.11-14.76 18.2-22.14 27.3-.54.67-1.17 1.27-1.7 1.95-.65.83-1.17.76-1.82-.03-2.67-3.25-5.4-6.45-8.06-9.72-8.56-10.55-17.1-21.11-25.63-31.68-9.91-12.28-19.8-24.58-29.7-36.87-.59-.73-1.16-1.48-1.96-2.51 1.16-.08 1.99-.18 2.82-.18 14.3-.06 28.61-.09 42.91-.17 1.07-.01 1.76.34 2.42 1.17 5.64 7.01 11.31 13.98 16.98 20.96.32.4.69.76 1.14 1.25.69-.79 1.31-1.44 1.87-2.14 5.36-6.61 10.73-13.22 16.06-19.86.79-.98 1.62-1.39 2.91-1.39 14.59.05 29.18.03 43.77.03h1.55c.08.13.14.26.2.38z" transform="translate(-320.055 -725.662)" fill="#FFF" stroke="none" stroke-width="1"/>
11 |     </g>
12 |     <path id="letters_border" d="M388.99 651.7c-.01-1.11-.01-2.21-.01-3.32v-6.16c.01-5.43.01-11.05-.08-16.61-.15-8.76-4.93-12.98-8.92-14.97-2.89-1.44-6.13-2.2-9.37-2.2-2.09 0-4.13.3-6.08.88v-13.14h-30.05v13.43H299.9v3.04c-.13-.1-.24-.22-.37-.32-3.19-2.5-7.28-3.87-11.54-3.87-2.28 0-4.53.39-6.63 1.13h-29.81v72.68H276v.01h30.08v-.02h28.4v.02h27.46l.12-.44c2.37 1.19 4.84 1.69 8.2 1.69.48 0 .99-.01 1.52-.03 7.95-.25 14.98-6.25 16.35-13.95.46-2.58.73-5.26.8-7.97.09-3.31.07-6.65.06-9.88z" fill="#F3632D" stroke="none" stroke-width="1"/>
13 |     <g id="letters" fill="#FFF" stroke="none" stroke-width="1">
14 |       <path id="letter1" d="M340.15 601.86h18.71v17.51c.5-.45.77-.68 1.03-.93 4.63-4.51 11.75-5.61 17.56-2.71 4.12 2.06 5.71 5.68 5.78 9.99.13 7.56.07 15.11.08 22.67.01 4.35.08 8.71-.04 13.06-.06 2.38-.3 4.78-.71 7.12-.92 5.13-5.71 9.11-10.95 9.28-5.66.18-7.45-.59-12.79-5.55-.41 1.48-.79 2.87-1.19 4.32h-17.47c-.01-24.89-.01-49.78-.01-74.76zm24.23 44.4c0-5.22.03-10.43-.03-15.65-.01-1.27-.23-2.57-.55-3.8-.33-1.26-1.41-1.6-2.61-1.51-1.17.08-1.86.76-2 1.89-.16 1.28-.3 2.57-.3 3.86-.02 10-.03 20 0 30 0 1.29.13 2.59.36 3.85.26 1.42 1.21 2.12 2.54 2.02 1.33-.1 2.11-.84 2.28-2.16.15-1.18.29-2.38.3-3.57.04-4.98.02-9.95.01-14.93z"/>
15 |       <path id="letter2" d="M257.22 615.26h18.97v5.09c.45-.56.72-.9.99-1.24 4.53-5.58 13.33-6.65 18.85-2.32 2.64 2.07 3.74 4.9 4 8.1.21 2.57.36 5.16.36 7.73.03 14.16.02 28.33.02 42.49v1.48h-18.74v-1.76c-.01-14.07 0-28.13-.03-42.2 0-1.72-.12-3.44-.24-5.16-.09-1.32-.75-2.12-2.16-2.2-1.57-.09-2.61.5-2.77 2.04-.29 2.75-.46 5.53-.47 8.29-.05 13.06-.02 26.13-.02 39.19v1.79h-18.77c.01-20.42.01-40.78.01-61.32z"/>
16 |       <path id="letter3" d="M322.27 664.41h13.63v12.18h-31.84c0-1.86.11-3.72-.02-5.56-.36-4.82.62-9.28 2.48-13.76 3.86-9.3 7.32-18.77 10.94-28.17.17-.44.31-.89.54-1.56h-12.44v-12.26H336c0 .9-.08 1.8.01 2.68.75 7.37-.94 14.21-3.86 20.97-3.37 7.8-6.2 15.83-9.27 23.75-.17.49-.34.98-.61 1.73z"/>
17 |     </g>
18 |   </g>
19 | </svg>
20 | 


--------------------------------------------------------------------------------
/Always Animate/pirate.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="pirate" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="fearsome_wink">
 3 |     @keyframes sword1_animation1__to{0%,16.666667%{transform:translate(1600px,-800px)}23.333333%,to{transform:translate(800px,0)}}@keyframes sword1_animation2__tr{0%,86.666667%{transform:rotate(0deg)}to{transform:rotate(-180deg)}}@keyframes sword2_animation1__to{0%,30%{transform:translate(-800px,-800px)}36.666667%,to{transform:translate(0,0)}}@keyframes sword2_animation2__tr{0%,86.666667%{transform:rotate(0deg)}to{transform:rotate(180deg)}}@keyframes head_animation__to{0%,20%,26.666667%,33.333333%,40%,to{transform:translate(391.268881px,389.806746px)}23.333333%,36.666667%{transform:translate(391.268881px,400px)}}@keyframes right_eye_animation__ts{0%,60%,70%,to{transform:translate(322.862592px,686.351955px) scale(1,1)}63.333333%,66.666667%{transform:translate(322.862592px,686.351955px) scale(1,.1)}}#sword1_animation1{animation:sword1_animation1__to 3000ms linear infinite normal forwards}#sword1_animation2{animation:sword1_animation2__tr 3000ms linear infinite normal forwards}#sword2_animation1{animation:sword2_animation1__to 3000ms linear infinite normal forwards}#sword2_animation2{animation:sword2_animation2__tr 3000ms linear infinite normal forwards}#head_animation{animation:head_animation__to 3000ms linear infinite normal forwards}#right_eye_animation{animation:right_eye_animation__ts 3000ms linear infinite normal forwards}
 4 |   </style>
 5 |   <path id="background" d="M397.85 672.48v72.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" transform="matrix(4 0 0 4 -824.28 -2306.28)" fill="#F3632D" stroke="none" stroke-width="1"/>
 6 |   <g id="sword1_animation1" transform="translate(1600 -800)">
 7 |     <g id="sword1_animation2">
 8 |       <path id="sword1" d="M343.01 618.13c1.16-1.3 2.32-2.6 3.84-4.3-2.07-1.95-4.15-3.84-6.15-5.81-3.28-3.25-3.39-7.34-.33-10.36 2.87-2.84 7.14-2.68 10.26.42 3.76 3.73 7.49 7.48 11.5 11.5 4.73-4.82 9.35-9.53 13.98-14.23 1.43-1.45 2.84-2.91 4.3-4.33 3.13-3.03 7.43-3.12 10.26-.24s2.7 7.15-.39 10.26c-5.48 5.51-10.98 11-16.49 16.48-.56.56-1.26.98-2.1 1.62 4.17 4.16 8.03 7.96 11.82 11.83 2.93 2.99 2.95 7.31.13 10.1-2.81 2.78-6.89 2.89-9.74.14-2.03-1.96-3.91-4.07-6.04-6.29-3.11 3.32-6.01 6.33-60.075 59.51-54.065 53.18-71.055 58.97-89.755 61.8 11.1-12.26 21.82-24.12 72.245-79.825C340.7 620.7 341.86 619.42 343.01 618.13z" transform="matrix(4 0 0 4 -1640 -2320)" fill="#000" stroke="none" stroke-width="1"/>
 9 |     </g>
10 |   </g>
11 |   <g id="sword2_animation1" transform="translate(-800 -800)">
12 |     <g id="sword2_animation2">
13 |       <path id="sword2" d="M257.07 613.89c2.61 2.91 4.88 5.44 50.69 55.8 45.81 50.36 46.29 51.43 46.77 51.96 4.59 5.15 9.25 10.23 13.87 15.34 5.65 6.23 11.28 12.47 16.96 18.75-2.76.6-16.1-2.61-26.26-6.12-8.63-2.98-16.71-7.07-67.19-57.925s-52.99-53.685-55.9-56.815c-1.91 2.01-3.7 3.99-5.58 5.87-3.15 3.17-7.23 3.26-10.21.3-2.87-2.85-2.76-7.17.3-10.26 3.73-3.76 7.51-7.48 11.71-11.66-3.5-3.34-6.93-6.57-10.3-9.84-2.71-2.63-5.36-5.32-8.05-7.97-3.33-3.29-3.6-7.6-.65-10.57 2.95-2.97 7.29-2.72 10.58.58 5.54 5.56 11.09 11.1 16.64 16.64.45.45.95.87 1.53 1.4 3.87-3.88 7.62-7.72 11.46-11.48 4.23-4.14 10.63-2.38 12.08 3.32.63 2.45-.15 4.6-1.9 6.36-2.08 2.1-4.26 4.12-6.55 6.32z" transform="matrix(4 0 0 4 -800 -2320)" fill="#000" stroke="none" stroke-width="1"/>
14 |     </g>
15 |   </g>
16 |   <g id="head_animation" transform="translate(391.269 389.807)">
17 |     <g id="head_group" transform="matrix(4 0 0 4 -1238.666 -2714.817)">
18 |       <path id="head_outline" d="M337.25 624.068c22.164 19.68 22.274 20.77 22.544 21.37 2.6 5.91 4.53 11.99 5.21 18.44.07.61.55 1.31 1.04 1.72 7.22 5.95 11.88 13.41 13.17 22.73.5 3.65.69 7.56-1.43 10.79-4.17 6.34-6.55 13.03-5.16 20.79l-.66.36c-4.55-3.46-9.11-6.91-13.42-10.18-1.32 2.7-2.8 5.52-14.46 18.41s-15.21 16.65-20.41 18.34c-2.16.7-4.49 1.2-6.76 1.23-9.23.14-18.46-.01-27.68.08-8.13.08-14.11-3.55-27.99-18.675-13.88-15.125-14.97-20.655-14.38-26.535.37-3.68-1.61-6.53-2.82-9.64-3.32-8.58-4.71-17.45-4.12-26.58.47-7.33 2.2-14.41 5.4-21.07.64-1.32.53-2.11 22.615-21.725 22.085-19.615 47.145-19.535 69.31.145z" fill="#000" stroke="none" stroke-width="1"/>
19 |       <path id="head_main" d="M253.74 665.56h96.41c1.44 8.81.51 17.35-3.2 25.24-2.42 5.16-3.5 10.23-3.18 15.82.18 3.08-1.02 5.72-4.13 6.95-1.11.44-2.38.66-3.58.68-4.28.08-8.56.03-13.17.03 0 3.24.04 6.4-.01 9.56-.03 1.95.05 3.94-.34 5.82-.74 3.59-3.09 5.49-6.76 5.51-9.22.07-18.45.09-27.67 0-4.28-.04-7.04-3.05-7.09-7.43-.04-4.41-.01-8.82-.01-13.47h-12.75c-5.4-.01-8.36-2.76-8.12-8.12.24-5.3-.7-10.11-3.02-15-3.8-7.94-4.66-16.58-3.38-25.59z" fill="#FFF" stroke="none" stroke-width="1"/>
20 |       <path id="forehead" d="M342.47 645.52c-27.01-10.89-53.92-10.94-80.74.1 6.53-11.18 20.87-21.47 38.47-21.92 17.87-.45 32.08 7 42.27 21.82z" fill="#FFF" stroke="none" stroke-width="1"/>
21 |       <path id="nose" d="M308.82 707.47h-13.67v13.66h13.67v-13.66z" fill="#000" stroke="none" stroke-width="1"/>
22 |       <g id="right_eye_animation" transform="translate(322.863 686.352)">
23 |         <path id="right_eye" d="M322.87 700.33c7.8 0 13.77-6.06 14-13.77.22-7.56-6.46-14.14-13.87-14.2-7.59-.06-14.11 6.6-14.15 13.96-.03 7.52 6.59 14.38 14.02 14.01z" transform="translate(-322.863 -686.352)" fill="#000" stroke="none" stroke-width="1"/>
24 |       </g>
25 |       <path id="left_eye" d="M294.97 686.42c0-7.82-6.04-13.79-13.75-14.02-7.73-.23-14.16 6.63-14.22 13.85-.06 7.63 6.63 14.12 13.94 14.16 7.52.04 14.38-6.57 14.03-13.99z" fill="#000" stroke="none" stroke-width="1"/>
26 |     </g>
27 |   </g>
28 | </svg>
29 | 


--------------------------------------------------------------------------------
/Always Animate/plex.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="plex" viewBox="0 0 762 762" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="zoom">
 3 |     @keyframes plex_logo_animation__ts{0%,to{transform:translate(172.597734px,437.58533px) scale(1,1)}26.666667%,73.333333%{transform:translate(172.597734px,437.58533px) scale(1,1);animation-timing-function:cubic-bezier(.42,0,.58,1)}40%,60%{transform:translate(172.597734px,437.58533px) scale(0,0);animation-timing-function:cubic-bezier(.42,0,.58,1)}}#plex_logo_animation{animation:plex_logo_animation__ts 3000ms linear infinite normal forwards}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -304.4 -1367.446)">
 6 |     <path id="square" d="M171.36 532.36h-71.6c-10.78 0-20.86-8.3-22.88-18.89-.32-1.67-.49-3.4-.49-5.1-.03-47.58-.02-95.15-.02-142.73 0-10.95 8.25-20.97 19.01-23.01 1.59-.3 3.24-.48 4.86-.48 47.62-.02 95.23-.02 142.85-.02 10.95 0 20.99 8.26 23.01 19.01.31 1.63.48 3.32.48 4.98.02 47.58.02 95.15.02 142.73 0 10.95-8.25 20.97-19.01 23.01-1.59.3-3.24.48-4.86.48-23.79.03-47.58.02-71.37.02z" fill="#FE8A30" stroke="none" stroke-width="1"/>
 7 |     <g id="plex_logo_animation" transform="translate(172.598 437.585)">
 8 |       <path id="plex_logo" d="M130.15 507.19c.33.05.48.09.63.09 12.83 0 25.66.01 38.49-.04.51 0 1.19-.45 1.48-.9 3.18-4.84 6.28-9.73 9.43-14.59 4.94-7.61 9.91-15.2 14.83-22.82 6.6-10.21 13.16-20.44 19.77-30.64.38-.59.33-.94-.01-1.47-1.79-2.73-3.54-5.49-5.32-8.24-6.52-10.07-13.05-20.13-19.56-30.19-3.61-5.57-7.22-11.15-10.81-16.73-2.62-4.07-5.25-8.13-7.83-12.23-.68-1.08-1.44-1.55-2.79-1.54-12.39.06-24.78.04-37.17.04-.34 0-.67.04-1.1.07.39.67.69 1.22 1.03 1.75 5.52 8.57 11.05 17.14 16.56 25.72 5.03 7.83 10.03 15.68 15.05 23.52 3.7 5.77 7.41 11.53 11.16 17.26.59.91.72 1.62.09 2.59-3.97 6.12-7.88 12.27-11.81 18.41-5.19 8.1-10.38 16.2-15.59 24.29-5.46 8.51-10.95 17-16.53 25.65z" transform="translate(-172.598 -437.585)" fill="#FFF" stroke="none" stroke-width="1"/>
 9 |     </g>
10 |   </g>
11 | </svg>
12 | 


--------------------------------------------------------------------------------
/Always Animate/productivity.svg:
--------------------------------------------------------------------------------
 1 | <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">
 2 |   <style>
 3 |     @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}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -890.486 -2343.246)">
 6 |     <path id="square" d="M414.87 682.19v72.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.88.02 71.83z" fill="#FE8A30" stroke="none" stroke-width="1"/>
 7 |   </g>
 8 |   <g id="clock_top" transform="matrix(4 0 0 4 -890.458 -2343.236)">
 9 |     <g id="clock_group">
10 |       <path id="clock_border" d="M401.46 661.13v1.01c-.38.36-.72.77-1.13 1.08-5.06 3.76-10.13 7.51-15.22 11.24-.45.33-.57.65-.53 1.18.4 4.34.41 8.68 0 13.02-.06.61.11.95.6 1.31 5.02 3.68 10.02 7.38 15 11.1.48.36.84.87 1.26 1.3v.84c-.16.26-.33.51-.48.77-7.47 12.88-14.95 25.76-22.42 38.65-.74 1.27-1.34 1.47-2.7.87-5.78-2.55-11.57-5.09-17.34-7.65-.52-.23-.89-.21-1.36.11-3.22 2.2-6.53 4.24-10.11 5.79-1.12.48-1.52 1.18-1.65 2.35-.62 5.99-1.31 11.97-1.99 17.95-.19 1.64-.53 1.93-2.19 1.93h-36.94c-2.66 0-5.33.01-7.99 0-.98 0-1.58-.49-1.69-1.39-.24-2.03-.46-4.06-.68-6.09-.5-4.48-1.01-8.96-1.48-13.44-.05-.47-.25-.67-.64-.84-3.9-1.69-7.53-3.84-10.96-6.32-.46-.34-.83-.37-1.37-.13-5.82 2.59-11.66 5.15-17.5 7.72-1.21.53-1.8.34-2.45-.77-7.54-12.97-15.07-25.95-22.6-38.93-.66-1.14-.53-1.73.52-2.51 5.11-3.79 10.22-7.58 15.34-11.35.48-.35.67-.67.61-1.3-.4-4.34-.39-8.68 0-13.02.05-.52-.1-.8-.51-1.1-5.1-3.75-10.18-7.53-15.27-11.3-1.28-.94-1.4-1.46-.62-2.81 7.47-12.85 14.94-25.7 22.41-38.56.79-1.35 1.3-1.52 2.75-.88 5.78 2.55 11.56 5.1 17.36 7.62.32.14.86.14 1.12-.04 3.54-2.48 7.25-4.66 11.2-6.43.41-.18.55-.42.6-.87.69-6.35 1.42-12.69 2.13-19.04.17-1.51.55-1.85 2.1-1.85H341.66c1.02 0 1.59.51 1.7 1.47.23 2 .45 4.01.67 6.01.5 4.48 1.01 8.96 1.48 13.44.05.46.23.67.62.86 3.85 1.77 7.52 3.86 10.99 6.29.46.32.83.36 1.36.13 5.72-2.55 11.45-5.07 17.19-7.59 1.61-.71 2.08-.56 2.98.99 5.53 9.54 11.06 19.08 16.6 28.62l6.21 10.56z" fill="#000" stroke="none" stroke-width="1"/>
11 |       <path id="clock_face" d="M265.87 678.42h.99c2.95.01 5.89-.04 8.84.03 2.18.05 3.79 1.88 3.73 4.06-.07 2.16-1.83 3.79-4.2 3.81-2.83.03-5.67.01-8.5.01-.3 0-.59.03-.89.04 2.15 27.79 25.01 47.43 48.77 48.88v-.92-8.25c0-2.79 1.51-4.54 3.93-4.55 2.46-.01 3.97 1.74 3.97 4.59v9.22c27.28-1.55 48.18-24.23 49.55-49h-10.17c-1.5 0-2.73-.56-3.55-1.86-1.64-2.62.09-5.96 3.2-6.03 3.2-.08 6.4-.02 9.59-.03h1.11c-1.39-15.16-7.64-27.67-19.26-37.36-8.79-7.33-18.97-11.27-30.46-12.12v1.08c0 3.06.06 6.12-.04 9.17-.03.84-.36 1.77-.83 2.47-.96 1.41-2.75 1.86-4.35 1.31-1.62-.56-2.67-1.99-2.68-3.79-.03-3.09-.01-6.17-.01-9.26v-.91c-27.82 2.21-47.61 25.43-48.74 49.41z" fill="#FFF" stroke="none" stroke-width="1"/>
12 |       <g id="minute_hand_animation" transform="translate(318.98 682.16)">
13 |         <path id="minute_hand" d="M329.26 682.21c-.01 5.68-4.57 10.21-10.27 10.26-.38 0-.87.21-1.12.5-6.58 7.54-13.13 15.1-19.69 22.67-1.14 1.31-2.39 1.61-3.89.89-1.5-.72-2.39-2.23-2.08-3.66.09-.42.31-.84.55-1.2 5.45-8.22 10.9-16.42 16.37-24.63.3-.45.41-.81.19-1.36-.74-1.87-.932-6.47 1.905-10.365 2.58-3.122 6.095-3.295 6.675-3.365 6.08-.7 11.37 4.1 11.36 10.26z" transform="translate(-318.98 -682.16)" fill="#000" stroke="none" stroke-width="1"/>
14 |       </g>
15 |       <g id="hour_hand_animation" transform="translate(318.98 682.16)">
16 |         <path id="hour_hand" d="M329.26 682.21c-.01 5.68-4.57 10.21-10.27 10.26-.38 0-3.527.3-6.502-2.148-2.474-2.036-2.948-4.092-3.168-4.642-.74-1.87-.76-3.81-.42-5.79.07-.38-.02-.9-.24-1.2-4.15-5.67-8.34-11.32-12.52-16.98-.94-1.28-.97-2.52-.07-3.79.89-1.26 2.49-1.93 3.81-1.49.46.15.9.46 1.26.79 5.16 4.74 10.31 9.5 15.45 14.27.39.36.73.53 1.31.46 6.08-.7 11.37 4.1 11.36 10.26z" transform="translate(-318.98 -682.16)" fill="#000" stroke="none" stroke-width="1"/>
17 |       </g>
18 |       <path id="inner_circle1" d="M311.91 682.09c.03-3.85 3.26-7.02 7.13-6.99 3.85.03 7.03 3.25 7.01 7.12-.02 3.9-3.25 7.06-7.18 7.02-3.85-.04-6.99-3.26-6.96-7.15z" fill="#FFF" stroke="none" stroke-width="1"/>
19 |       <path id="inner_circle2" d="M318.98 677.98c2.26 0 4.19 1.92 4.19 4.18 0 2.25-1.93 4.19-4.18 4.19-2.26 0-4.19-1.92-4.19-4.18-.01-2.26 1.92-4.19 4.18-4.19z" fill="#000" stroke="none" stroke-width="1"/>
20 |     </g>
21 |   </g>
22 | </svg>
23 | 


--------------------------------------------------------------------------------
/Always Animate/search.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="search" viewBox="0 0 499.17 498.38" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="pan">
 3 |     @keyframes magnifying_glass_animation__tr{0%,to{transform:translate(250px,450px) rotate(0deg)}25%{transform:translate(250px,450px) rotate(-17deg)}75%{transform:translate(250px,450px) rotate(17deg)}}#magnifying_glass_animation{animation:magnifying_glass_animation__tr 4000ms linear infinite normal forwards}
 4 |   </style>
 5 |   <g id="background">
 6 |     <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="#F3632D" stroke="none" stroke-width="1"/>
 7 |   </g>
 8 |   <g id="magnifying_glass_top" transform="translate(-15.7 -4.3)">
 9 |     <g id="magnifying_glass_animation" transform="translate(250 450)">
10 |       <g id="magnifying_glass" transform="translate(-250 -450)" stroke="none" stroke-width="1">
11 |         <path id="magnifying_glass_edge" d="M345.09 48.68c-48.45-35.54-113.45-38-164.54-6.12-5.92 3.7-11.52 7.91-17.28 11.88l-17.92 17.92c-.5.87-.88 1.83-1.5 2.61-21.2 26.33-32.32 56.45-32.7 90.19-.79 70.82 47.01 130.59 116.17 145.88 1.01.22 1.99.57 3.4.99-1.13.99-1.77 1.61-2.46 2.16-13.28 10.44-20.53 24.11-20.7 40.97-.28 27.26-.29 54.52.09 81.78.18 12.9 5.54 24.09 14.43 33.4 11.55 12.1 25.88 16.93 42.53 16.72 29.81-.37 53.51-23.51 53.63-53.26.11-25.98.06-51.97 0-77.95-.02-9.67-2.64-18.66-7.65-26.96-4.57-7.57-10.78-13.5-18.26-18.33.5-.33.7-.52.93-.59 1.1-.33 2.21-.62 3.32-.94 41.24-11.81 72.25-36.6 92.09-74.5 33.54-64.08 14.75-143.07-43.58-185.85zm-20.73 184.9c-36.57 36.57-96.02 36.64-132.63.17-36.44-36.3-36.5-95.98-.14-132.74 36.4-36.81 96.19-36.65 133.14.35 36.37 36.4 36.2 95.65-.37 132.22z" fill="#000"/>
12 |         <path id="magnifying_glass_shine" d="M201.87 115.51c20.19-18.99 40.98-26.49 65.22-23.92 9.51 1.01 15.64 8.26 14.72 17.13-.91 8.78-8.6 14.46-18.03 13.63-19.7-1.75-34.78 5.83-45.14 22.72-5.92 9.66-17.57 11.35-24.99 3.62-4.54-4.73-5.86-11.96-2.39-17.7 3.8-6.3 8.31-12.17 10.61-15.48z" fill="#FFF"/>
13 |       </g>
14 |     </g>
15 |   </g>
16 | </svg>
17 | 


--------------------------------------------------------------------------------
/Always Animate/security.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="security" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="secure">
 3 |     @keyframes shield_animation__ts{0%,50%,56.666667%,to{transform:translate(319.537322px,683.248836px) scale(1,1)}53.333333%{transform:translate(319.537322px,683.248836px) scale(.8,.8)}}@keyframes lock_top_animation__to{0%,53.333333%,to{transform:translate(319.226515px,660.27px)}3.333333%,50%{transform:translate(319.226515px,650.27px)}}#shield_animation{animation:shield_animation__ts 3000ms linear infinite normal forwards}#lock_top_animation{animation:lock_top_animation__to 3000ms linear infinite normal forwards}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -894.56 -2347.566)">
 6 |     <path id="square" d="M415.42 683.27v72.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="#F3632D" stroke="none" stroke-width="1"/>
 7 |   </g>
 8 |   <g id="shield_lock_group" transform="matrix(4 0 0 4 -894.58 -2347.56)">
 9 |     <g id="shield_animation" transform="translate(319.537 683.249)">
10 |       <path id="shield" d="M398.45 661.5c-.69 13.6-.66 27.28-2.22 40.78-2.69 23.13-14.64 41.09-34.57 52.78-12.62 7.4-26.37 12.88-39.7 19.05-1.43.66-3.68.75-5.09.11-13.22-6.07-26.89-11.43-39.39-18.77-24.68-14.48-35.85-37.37-36.58-65.45-.5-19.49-.15-39-.23-58.5-.01-3.42 1.55-5.66 4.59-7.04 23.57-10.7 47.11-21.47 70.75-32.01 1.85-.83 4.72-.8 6.58.03 23.51 10.49 46.93 21.21 70.38 31.83 3.37 1.53 4.92 3.94 4.88 7.69-.11 9.82-.04 19.64-.04 29.46.21.02.42.03.64.04z" transform="translate(-319.537 -683.249)" fill="#000" stroke="none" stroke-width="1"/>
11 |     </g>
12 |     <g id="lock_top_animation" transform="translate(319.227 660.27)">
13 |       <g id="lock_top" transform="translate(-435.413 -668.135)" stroke="none" stroke-width="1">
14 |         <path id="lock_top_main" d="M182.786 792.184c0-6.744.006-3.6-.004-9.998-.05-23.385-11.37-31.987-25.81-32.224-14.7-.236-26.28 8.524-26.54 32.224-.07 6.586 0 22.503 0 29.64-1.67 0 26.753-.015 25.553 0-7.09.127-11.04.201 0 0-9.845-.042-11.172.04 0 0 6.006-.028.569-.015 0 0 1.053.488-20.85.048 0 0 5.65-.015-1.899.109-7.96 0 7.545-.092 20.215-19.616 11.912-19.642 6.59.147 12.87.389 22.85 0z" transform="translate(278.84 -112.819)" fill="#FFF"/>
15 |         <path id="lock_top_hole" d="M306.22 679.646c0-6.752-.32-16.822 0-23.173.48-9.298 6.27-12.565 12.97-12.593 6.82-.041 12.69 3.074 13.1 12.593.26 6.184 0 16.518 0 23.187-8.62-.014-17.1-.014-26.07-.014z" transform="translate(116.168 6.74)" fill="#000"/>
16 |       </g>
17 |     </g>
18 |     <g id="lock_bottom" stroke="none" stroke-width="1">
19 |       <path id="lock_bottom_main" d="M345.44 668.613c.109.1-.105.149-.005-.079-.071.11-.107.12-26.264.08-14.7-.15-26.092.028-26.076 0 11.427-.091-4.38.058 0-.01-1.67 0-3.054 0-4.254.01-7.09.08-8.881 3.406-8.891 10.366-.02 13.9-.03 27.8.01 41.69.02 6.01 2.23 8.28 8.04 8.29 20.85.03 41.69.03 62.54 0 5.65-.01 7.94-2.32 7.95-7.95.03-12.54.02-25.07.03-37.61.01-12.77.03-14.007-13.08-14.787z" fill="#FFF"/>
20 |       <path id="lock_bottom_hole" d="M309.45 696.36c-.09-5.37 4.41-9.93 9.78-9.92 5.3.01 9.64 4.19 9.83 9.47.2 5.35-4.23 10.03-9.59 10.15-5.41.1-9.93-4.27-10.02-9.7z" fill="#000"/>
21 |     </g>
22 |   </g>
23 | </svg>
24 | 


--------------------------------------------------------------------------------
/Always Animate/settings.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="settings" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="spin">
 3 |     @keyframes gear_animation__tr{0%{transform:translate(299.00188px,673.181962px) rotate(0deg)}to{transform:translate(299.00188px,673.181962px) rotate(360deg)}}#gear_animation{animation:gear_animation__tr 3000ms linear infinite normal forwards}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -806.006 -2320.4)">
 6 |     <path id="square" d="M393.75 676.01v72.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"/>
 7 |   </g>
 8 |   <g id="settings_top" transform="matrix(4 0 0 4 -826.545 -2336.753)">
 9 |     <g id="settings_group">
10 |       <g id="gear_animation" transform="translate(299.002 673.182)">
11 |         <path id="gear" d="M291.24 592.79c-1.93.3-3.42 1.79-3.42 3.12 0 1.34-.74 5.06-1.64 8.04-1.93 7.44-6.55 7.59-12.2.45-2.23-2.83-5.36-5.21-6.7-5.21-3.42 0-16.67 8.33-16.67 10.42 0 .89 1.04 4.02 2.23 6.99 1.19 2.83 2.23 6.25 2.23 7.29 0 3.27-6.55 4.02-12.65 1.49-3.12-1.34-5.8-2.38-6.1-2.38-1.64 0-9.52 14.43-9.52 17.26 0 2.08 1.93 4.91 5.21 7.44 2.83 2.08 5.21 4.76 5.21 5.95 0 2.83-5.95 6.55-10.71 6.55-7.14 0-10.12 7.44-7.74 19.2.89 4.17 1.49 4.61 6.4 4.61 5.65 0 12.05 3.42 12.05 6.25 0 1.04-2.38 3.87-5.21 6.55-2.83 2.53-5.21 6.1-5.21 7.89 0 4.17 3.27 10.56 7.14 13.99 2.98 2.68 3.27 2.68 9.52-.3 6.4-2.98 6.4-2.98 9.37 0 2.83 2.68 2.83 2.98.3 9.82-2.38 6.55-2.38 6.99 0 9.82 1.49 1.49 5.36 4.17 8.63 5.8l5.8 3.12 5.8-6.55c5.51-6.25 5.8-6.4 9.67-4.17 3.12 1.64 4.17 3.42 4.46 8.04.6 7.29 3.42 9.67 11.76 9.67 7.89 0 11.61-3.42 13.09-11.76 1.34-8.04 5.65-9.67 10.56-3.72 1.93 2.38 3.42 4.76 3.57 5.36 0 2.53 8.33 1.04 14.43-2.53 7.14-4.32 7.74-6.7 3.87-14.88-2.38-4.91-2.38-5.36 0-7.74s2.98-2.38 9.82.15c4.17 1.49 8.18 2.23 8.93 1.79.74-.6 3.57-4.76 6.25-9.37 4.46-7.89 4.61-8.48 2.23-9.97-6.84-4.17-9.82-7.29-9.82-10.71 0-3.87 4.46-6.55 11.16-6.55 4.46 0 6.7-3.87 6.7-11.76 0-8.48-1.19-10.42-7.14-11.46-12.2-2.23-13.69-6.1-5.51-13.99 2.83-2.83 5.21-5.95 5.21-6.84 0-2.08-8.18-14.88-10.42-16.22-.74-.45-3.42.15-5.8 1.49-5.65 2.83-9.67 2.83-12.05 0-1.64-1.93-1.49-3.27.45-7.59 3.57-7.44 3.27-8.93-3.72-13.99-7.89-5.8-10.42-5.65-16.22.74-2.68 2.83-5.95 5.21-7.44 5.21-3.42 0-5.8-4.32-5.8-10.27 0-2.38-.6-4.91-1.49-5.36-2.05-1.18-15-2.08-18.87-1.18z" transform="translate(-299.002 -673.182)" fill="#FFF" stroke="none" stroke-width="1"/>
12 |       </g>
13 |       <path id="wrench_outline" d="M290.66 625.97c-22.61 3.96-39.79 23.69-39.79 47.43 0 24.65 18.53 44.98 42.42 47.82 1.88.22 3.8.34 5.74.34 3.37 0 6.66-.35 9.84-1.01l9.26 9.02c14.01 13.64 28.03 27.26 42.05 40.89l3.32-3.05 17.12-15.72 8.38-16.41s1.07-.98 2.45-2.25c-18.65-16.99-26.12-35.54-44.77-52.53.22-1.48.37-2.99.46-4.52.05-.86.07-1.72.07-2.59 0-26.59-21.56-48.15-48.15-48.15-2.88.01-5.68.26-8.4.73z" fill="#F3632D" stroke="none" stroke-width="1"/>
14 |       <path id="wrench" d="M269.76 660.15c5.63 5.64 11.1 11.13 16.58 16.61 2.74 2.74 4.44 2.74 7.18 0 3.44-3.44 6.87-6.88 10.31-10.32 2.73-2.73 2.74-4.47.06-7.16l-15.27-15.27c-.43-.43-.83-.88-1.71-1.81 3.58-.71 6.7-1.71 9.88-1.89 16.85-.97 30.52 9.6 33.64 26.15.67 3.54.28 7.33.04 10.98-.09 1.45.09 2.37 1.13 3.37 16.38 15.82 32.7 31.68 49.08 47.5 3.19 3.08 4.25 6.6 2.9 10.86-2.93 9.25-9.05 15.16-18.44 17.55-3.62.92-6.79-.18-9.4-2.88-15.97-16.49-31.95-32.96-47.89-49.47-.9-.93-1.69-1.27-3-1.06-18.02 2.88-33.61-8.02-37.07-25.86-1.09-5.52-.31-12.58 1.98-17.3z" fill="#FFF" stroke="none" stroke-width="1"/>
15 |     </g>
16 |   </g>
17 | </svg>
18 | 


--------------------------------------------------------------------------------
/Always Animate/vpn.svg:
--------------------------------------------------------------------------------
 1 | <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">
 2 |   <style>
 3 |     @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}
 4 |   </style>
 5 |   <defs>
 6 |     <linearGradient id="shine_gradient5-fill" x1=".421" y1=".408" x2=".881" y2=".796" spreadMethod="pad" gradientUnits="objectBoundingBox">
 7 |       <stop id="shine_gradient5-fill-0" offset="0%" stop-color="#FE8A30"/>
 8 |       <stop id="shine_gradient5-fill-1" offset="100%" stop-color="#FFDEC5"/>
 9 |     </linearGradient>
10 |     <linearGradient id="shine_gradient4-fill" x1=".04" y1=".133" x2=".527" y2=".53" spreadMethod="reflect" gradientUnits="objectBoundingBox">
11 |       <stop id="shine_gradient4-fill-0" offset="0%" stop-color="#FE8A30"/>
12 |       <stop id="shine_gradient4-fill-1" offset="100%" stop-color="#FFDEC5"/>
13 |     </linearGradient>
14 |     <linearGradient id="shine_gradient3-fill" x1=".741" y1=".68" x2="1.231" y2="1.067" spreadMethod="reflect" gradientUnits="objectBoundingBox">
15 |       <stop id="shine_gradient3-fill-0" offset="0%" stop-color="#FE8A30"/>
16 |       <stop id="shine_gradient3-fill-1" offset="100%" stop-color="#FFDEC5"/>
17 |     </linearGradient>
18 |     <linearGradient id="shine_gradient2-fill" x1="-.265" y1="-.096" x2=".332" y2=".369" spreadMethod="pad" gradientUnits="objectBoundingBox">
19 |       <stop id="shine_gradient2-fill-0" offset="0%" stop-color="#FFDEC5"/>
20 |       <stop id="shine_gradient2-fill-1" offset="100%" stop-color="#FE8A30"/>
21 |     </linearGradient>
22 |   </defs>
23 |   <g id="background" transform="matrix(4 0 0 4 -796.72 -2313.48)">
24 |     <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"/>
25 |   </g>
26 |   <g id="shield_top" transform="matrix(4 0 0 4 -796.69 -2313.45)">
27 |     <g id="shield_group" stroke="none" stroke-width="1">
28 |       <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"/>
29 |       <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"/>
30 |       <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)"/>
31 |       <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)"/>
32 |       <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)"/>
33 |       <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)"/>
34 |       <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"/>
35 |       <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"/>
36 |       <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"/>
37 |       <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"/>
38 |     </g>
39 |   </g>
40 | </svg>
41 | 


--------------------------------------------------------------------------------
/Animate on Hover/audio.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="audio" viewBox="0 0 700 700" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="sound">
 3 |     @keyframes speaker_wrapper__ts{0%,36.666667%,50%,63.333333%,to{transform:translate(213.75px,349.749032px) scale(1,1)}43.333333%,56.666667%{transform:translate(213.75px,349.749032px) scale(1.05,1.05)}}@keyframes soundwave1_f_o{0%,16.666667%,83.333333%,to{fill-opacity:0}33.333333%,66.666667%{fill-opacity:1}}@keyframes soundwave2_f_o{0%,to{fill-opacity:0}16.666667%,83.333333%{fill-opacity:1}}#audio{pointer-events:all}#audio *{animation-play-state:paused!important}#audio:hover *{animation-play-state:running!important}#speaker_wrapper{animation:speaker_wrapper__ts 3000ms linear infinite normal forwards}#soundwave1{animation:soundwave1_f_o 3000ms linear infinite normal forwards}#soundwave2{animation:soundwave2_f_o 3000ms linear infinite normal forwards}
 4 |   </style>
 5 |   <path id="background" d="M70.1 1.9c-1.1 2-6 4.1-9.4 4.1-2.7 0-11.6 4.4-20.1 9.9-8 5.2-20.3 17.2-24 23.4-6 10.1-9.6 18.4-10.7 24.1-1.2 6.6-2.5 9.7-4.5 10.9C.2 75 0 119.6 0 348.2v273l2.4 2.9c1.6 1.9 2.7 4.8 3.2 8.5.3 3.1 1.6 7.5 2.9 9.7 1.2 2.3 2.7 5.8 3.4 7.8.6 2 2.1 4.5 3.1 5.4 1.1 1 2 2.3 2 3 0 .7 4 5.2 8.9 10.1 10.9 10.8 15 14.4 16.6 14.4.7 0 2.3.8 3.6 1.9 3.8 2.9 14.8 7.2 22.4 8.7 5.8 1.1 55.5 1.3 280 1.3 171.5.1 275.6-.3 280-.9 3.9-.5 9-1.9 11.5-3 9.7-4.2 11.6-5.1 15.1-7.3 2-1.2 4.9-3.1 6.5-4.2 4.7-3.3 20.2-19.4 21-21.8.4-1.2 1.7-3.5 3-5 1.3-1.6 2.4-3.4 2.4-4.1 0-.7 1.1-3.4 2.5-6 1.5-2.7 3.1-8.5 4-14.2.8-5.3 2-10.4 2.5-11.5.7-1.2 1-33.9.9-93.6-.2-139.6-.2-297.2.1-372.4.2-37.2-.1-68.2-.5-68.9-1.1-1.8-3.4-12.8-3.5-16.5 0-1.7-1.3-5.7-3-9-1.6-3.3-3-6.5-3-7.2 0-.6-2.5-4.9-5.6-9.5-5.9-8.7-15.2-18.3-21.9-22.6-2.2-1.4-4.2-2.8-4.5-3.2-.9-1.3-15.7-8-17.7-8-3.4 0-8.3-2.1-9.4-4.1C628 0 621.8 0 349.5 0 77.2 0 71 0 70.1 1.9z" stroke-width=".1" stroke="none" fill-rule="evenodd" fill="#D52727"/>
 6 |   <g id="speaker_wrapper" transform="translate(213.75 349.749)">
 7 |     <path id="speaker" d="M366.9 50.9c2.2 1.2 4.6 2.1 5.3 2.1 1.9 0 10.8 5.8 15.6 10.2 4 3.6 12.2 14 12.2 15.5 0 .5 1.2 3.1 2.8 5.8l2.7 5v519.2l-2.8 5.9c-3.2 6.7-3.2 6.7-6.8 12.1-4.8 7.1-19.6 18.5-25.8 19.8-1.8.4-5.2 1.6-7.5 2.6-6.3 2.9-19.4 2.6-29.2-.6-4.2-1.4-8-2.5-8.5-2.5-3.1 0-13.1-8.5-22.6-19.2-13.3-14.9-60.1-62.1-76.8-77.4-13.4-12.3-37.9-33.4-44-37.9-4.4-3.2-10.2-7.8-12.5-9.9-.8-.7-3.1-2.1-5-3.1s-4.2-2.3-5-3c-.8-.7-3.5-1.8-5.9-2.5-2.4-.6-5.6-1.9-7-2.8-2.2-1.5-7.4-1.8-40.6-2.3l-38-.6-8.9-3.7c-16.5-6.8-27.6-18.2-33.7-34.9l-2.9-8.1v-91.5c0-86.3.1-91.8 1.9-95.6 1-2.2 2.1-5.4 2.5-7 .4-1.7 1.9-4.8 3.4-7 7.9-11.8 14.3-17.5 26.7-23.5l7-3.4 37-.6c32.5-.5 37.5-.8 41-2.3 2.2-1 6-2.3 8.5-2.8 2.5-.6 5.6-1.8 7-2.7 1.4-.9 4.1-2.5 6-3.4 1.9-1 5.4-3.2 7.7-5 13.6-10.5 16.1-12.5 19.3-15.1 7.4-6 13.5-11.3 16-13.7 1.4-1.4 4.5-4.2 7-6.4 20.2-17.4 79.4-76.5 94.1-93.9 6.6-7.8 10.2-10.4 20.9-14.7 7.8-3.2 13-3.9 24.7-3.5 7.7.3 11.1.9 14.2 2.4z" transform="translate(-213.75 -349.749)" stroke-width=".1" stroke="none" fill="#FFF"/>
 8 |   </g>
 9 |   <path id="soundwave1" d="M572.2 120.1c15.5 13 38.6 37.9 48 51.9 1 1.4 3.1 4.3 4.7 6.5 1.7 2.2 4 5.6 5.1 7.5 1.2 1.9 3.6 6 5.5 9 1.8 3 4.2 7.4 5.3 9.6 1.1 2.3 2.4 4.4 3 4.8.6.3 1.6 2.3 2.3 4.4.6 2 2 4.7 3 6 1 1.3 2.1 3.7 2.4 5.4.4 1.7 1.8 5.1 3.1 7.6s2.4 5.2 2.4 6.1c0 .9 1.1 3.7 2.5 6.3 1.3 2.5 2.7 6.6 3.1 9 .4 2.3 1.5 5.9 2.5 7.9.9 1.9 2.3 6.4 2.9 10 .6 3.5 2 8.9 3 11.9s2.1 8.9 2.5 13c.3 4.1 1.5 12.1 2.6 17.8 2.5 13.5 2.8 54.6.4 66.9-.8 4.3-2.2 13.1-3 19.5-.8 6.4-2.1 13.4-3 15.4-.8 2-2 6.6-2.5 10.1-.6 3.6-1.9 8.2-2.9 10.2s-2.1 5.6-2.5 7.9c-.4 2.4-1.8 6.5-3.1 9-1.4 2.6-2.5 5.4-2.5 6.2 0 .8-1.4 4.2-3 7.5s-3 6.7-3 7.6c0 .8-1.1 3-2.5 4.9-1.4 1.9-2.5 4-2.5 4.8 0 .8-.9 2.6-2 4.2-1.1 1.5-3.8 6.3-6.1 10.6-2.3 4.4-4.9 8.8-5.8 9.9-1 1.1-2.2 3.1-2.9 4.5-.6 1.4-2.2 3.8-3.4 5.4-1.3 1.6-5.2 6.8-8.7 11.5-3.4 4.7-8.2 10.8-10.5 13.5-7.1 8.5-33.6 34.4-38.4 37.6-5.2 3.5-9.1 3.6-10.7.5-.5-1.2-2.8-4.7-5-7.9s-4.9-7.2-6-9c-1.1-1.8-3-4.5-4.2-6-1.3-1.6-2.3-3.3-2.3-3.9 0-.6-1.1-2.2-2.4-3.6-3.4-3.7-7.6-12.2-6.8-13.7.4-.7 3.3-3.6 6.6-6.4 7.9-6.9 17.1-16.5 27-28 8-9.5 9-10.8 12.4-16.3.9-1.6 2.9-4.5 4.5-6.4 1.5-2 2.7-4.1 2.7-4.7 0-.6 1.4-2.9 3-5 1.7-2.2 3-4.5 3-5.1 0-.7.8-2.3 1.8-3.6 1.1-1.3 2.4-3.9 3-5.7.6-1.8 2-4.5 3.1-6s2.2-4.4 2.6-6.5c.4-2 1.5-4.7 2.5-6 1-1.3 2.2-4.1 2.6-6.2.4-2.2 1.7-6.2 3-9 1.2-2.7 2.5-7.5 2.9-10.5.4-2.9 1.6-7.4 2.6-9.8 1.2-2.6 2.3-8.9 2.9-15.8.6-6.3 1.4-14.4 2-18.2 1.2-8.6 1.3-31.9 0-39.7-.5-3.3-1.4-11.2-2-17.6-.6-7.2-1.7-13.3-2.9-16-1.1-2.4-2.3-7.1-2.6-10.4-.4-3.3-1.8-8-3.1-10.5s-2.4-5.6-2.4-7c0-1.4-1.4-5.2-3-8.5-1.7-3.3-3-6.5-3-7.3 0-.7-1.1-3-2.5-5s-2.5-4.4-2.5-5.2c0-.9-1.1-3.1-2.5-5s-2.5-3.8-2.5-4.3c0-1.2-6.8-12.4-9.7-16-1.3-1.6-2.3-3.3-2.3-3.9 0-.6-1.2-2.5-2.7-4.3-1.6-1.8-3.6-4.3-4.6-5.6-8.6-11.7-21.8-25.8-33.4-35.8-8.3-7.1-8.3-9.4.3-20.6 3-4 6.4-9.1 8.4-12.8 1.1-2 2.4-3.7 2.9-3.7.4 0 1.3-1.2 2-2.8.7-1.5 2.8-5.1 4.7-8 4.8-7.2 7-7.1 16.6.9z" fill="#FFF" fill-opacity="0" stroke="none" stroke-width=".1"/>
10 |   <path id="soundwave2" d="M504.3 205.6c4.8 2.5 27.7 26.7 27.7 29.3 0 .5.9 2 2 3.3 7.1 8 25 42.4 25 47.9 0 1.2 1.1 4.5 2.4 7.3 1.3 2.8 2.7 7.8 3.1 11.1.3 3.3 1.6 9.1 2.8 13 2 6.4 2.2 9.1 2.2 32 0 22.8-.2 25.6-2.2 32-1.2 3.8-2.5 9.7-2.9 13-.3 3.3-1.5 7.7-2.6 9.8-1 2-2.3 6-2.8 8.8-.5 2.8-1.8 6.3-2.9 7.7-1 1.5-2.2 4.1-2.5 5.9-.4 1.8-1.5 4.2-2.5 5.5-1 1.3-2.4 4-3 6-.7 2.1-1.7 4.1-2.3 4.4-.6.4-1.9 2.5-3 4.8-1 2.2-3.4 6.1-5.3 8.6s-4.3 5.6-5.2 7c-7.8 11.1-22.6 27.5-27 29.9-3.8 2-7.1 1.4-8.7-1.7-.8-1.6-2.2-3.5-3.2-4.3-.9-.8-2.3-2.8-3.1-4.4-.7-1.7-2.9-5-4.8-7.5s-4.3-6.1-5.4-8.1c-1.1-1.9-2.7-4.1-3.5-4.8-.9-.8-1.6-2-1.6-2.7 0-.8-1.3-2.8-3-4.6-4.5-4.6-4-6.8 3.3-15 2.6-2.9 5.8-6.4 7-7.8 1.2-1.4 3.5-4.5 5.1-7 1.6-2.5 4.2-6.4 5.7-8.8 1.6-2.3 2.9-4.9 2.9-5.6 0-.7 1.1-2.9 2.4-4.9 1.3-1.9 2.7-5 3.1-6.8.4-1.9 1.6-5 2.6-7s2.8-9.2 4-16c1.1-6.8 2.6-14.9 3.1-17.9 1-5.9.4-18.4-1.2-24-.6-1.9-1.7-7.9-2.5-13.2-.8-5.4-2.3-11.5-3.3-13.5-1.1-2.1-2.2-5.4-2.6-7.4-.4-2.1-1.3-4.2-2.1-4.9-.8-.6-1.9-2.8-2.6-4.8-.7-2-2.3-5.1-3.6-6.8-1.2-1.7-2.3-3.5-2.3-4.1 0-1.2-11.9-16.4-17-21.8-5.2-5.3-5.9-8.6-2.9-12.4 1.3-1.5 3.2-4.1 4.1-5.7 1.9-3.1 5.8-9 14.5-21.9 6.9-10.1 9.5-13.5 10.4-13.5.6 0 2.4.7 4.2 1.6z" fill="#FFF" fill-opacity="0" stroke="none" stroke-width=".1"/>
11 | </svg>
12 | 


--------------------------------------------------------------------------------
/Animate on Hover/backup.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="backup" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="spin">
 3 |     @keyframes arrow_animation_group__tr{0%,to{transform:translate(383.551353px,385.435974px) rotate(0deg)}90%{transform:translate(383.551353px,385.435974px) rotate(-720deg)}}#backup{pointer-events:all}#backup *{animation-play-state:paused!important}#backup:hover *{animation-play-state:running!important}#arrow_animation_group{animation:arrow_animation_group__tr 5000ms linear infinite normal forwards}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -897.24 -2361.366)">
 6 |     <path id="square" d="M416.09 686.72v72.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="#D52727" stroke="none" stroke-width="1"/>
 7 |   </g>
 8 |   <g id="arrow_animation_group" transform="translate(383.551 385.436)">
 9 |     <g id="arrow_center" transform="matrix(4 0 0 4 -1280.756 -2746.8)">
10 |       <g id="arrow_group" fill="#FFF" stroke="none" stroke-width="1">
11 |         <path id="arrow1" d="M286.51 678.46c-.24 0-.48-.01-.73-.02-3.92-.17-8.17-.25-13.39-.25-3.13 0-6.25.03-9.38.05-3.14.03-6.29.05-9.43.05h-2.12c-9.64-.04-15.64-6.15-15.65-15.93-.02-11.35-.02-22.71 0-34.06.01-8.94 6.05-15.72 14.36-16.13.25-.01.5-.02.75-.02 6.72 0 12.14 4.54 14.01 11.39 8.87-7.75 18.59-13.39 29.56-17.17 8.66-2.98 17.74-4.49 27-4.49 34.26 0 65.78 20.57 78.43 51.19 1.8 4.35 1.9 8.83.28 12.61-1.49 3.49-4.41 6.23-8.21 7.71-1.87.73-3.76 1.09-5.64 1.09-5.87 0-11-3.63-13.74-9.71-5.94-13.2-15.24-22.53-28.43-28.53-6.63-3.01-14.23-4.61-21.96-4.61-16 0-31.09 6.48-40.75 17.21 0 0 3.26 0 4.59-.01 9.58 0 15.9 5.71 16.17 14.54.11 3.77-1.34 7.41-4.08 10.23-2.99 3.1-7.23 4.86-11.64 4.86z"/>
12 |         <path id="arrow2" d="M321.93 771.52c-33.92 0-65.42-20.67-78.39-51.44-3.12-7.41-.86-15.04 5.64-19.01 2.35-1.44 5.04-2.19 7.76-2.19 4.5 0 8.7 2.03 11.53 5.57 1 1.25 1.67 2.66 2.26 3.9.16.35.33.69.5 1.03 10.45 20.86 27.26 31.74 49.95 32.35.53.01 1.07.02 1.59.02 14.4 0 27.05-5.27 37.67-15.69h-2.28c-1.7 0-3.38-.01-5.07-.03-8.7-.12-14.98-6.44-14.92-15.03.06-8.14 6.37-14.33 14.68-14.39 6.4-.05 12.97-.08 19.54-.08 5.77 0 11.53.02 17.3.06 8.56.05 14.8 6.44 14.85 15.18.07 12.26.04 24.63.01 35.26-.03 8.54-5.59 14.84-13.83 15.68-.45.05-.9.07-1.35.07-6.05 0-11.31-4.02-13.55-10.07-1.36.83-2.71 1.66-4.04 2.49-5.28 3.27-10.74 6.66-16.54 9.25-10.48 4.69-21.69 7.07-33.31 7.07z"/>
13 |       </g>
14 |     </g>
15 |   </g>
16 | </svg>
17 | 


--------------------------------------------------------------------------------
/Animate on Hover/binoculars.svg:
--------------------------------------------------------------------------------
 1 | <svg id="binoculars" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 499.17 498.38" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
 2 |   <style>
 3 |     @keyframes lens_animation__ts{0%,70%,to{transform:translate(249.728516px,255.818359px) scale(1,1)}42.5%{transform:translate(249.728516px,255.818359px) scale(1,1);animation-timing-function:cubic-bezier(.42,0,.58,1)}47.5%{transform:translate(249.728516px,255.818359px) scale(1,.038149);animation-timing-function:cubic-bezier(.445,.05,.55,.95)}52.5%,57.5%{transform:translate(249.728516px,255.818359px) scale(1,1.003279);animation-timing-function:cubic-bezier(.42,0,.58,1)}65%{transform:translate(249.728516px,255.818359px) scale(1,.04);animation-timing-function:cubic-bezier(.39,.575,.565,1)}}#binoculars{pointer-events:all}#binoculars *{animation-play-state:paused!important}#binoculars:hover *{animation-play-state:running!important}#lens_animation{animation:lens_animation__ts 4000ms linear infinite normal forwards}
 4 |   </style>
 5 |   <g id="background">
 6 |     <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"/>
 7 |   </g>
 8 |   <g id="binoculars_group" transform="translate(-1.055 4)">
 9 |     <path id="binoculars_case" d="M485.73 225.44c-4.68-20.46-14.93-38.2-30.93-52.14-10.48-9.12-21.24-17.92-32.1-26.59-12.41-9.9-24.6-20.2-37.74-29.05-19.59-13.19-41.39-17.16-64.54-11.35-14.76 3.7-27.59 11.02-38.3 21.83-2.2 2.22-3.82 2.72-6.77 1.21-16.42-8.36-33.02-8.38-49.39.07-3.37 1.74-5.06 1.02-7.45-1.44-14.32-14.73-32.01-22.59-52.36-23.96-19.73-1.33-37.78 3.9-53.43 16.25-21.27 16.79-42.87 33.19-63.5 50.74-21.81 18.57-34.44 42.57-36.48 71.41-.68 9.55-.49 19.32.69 28.82 1.92 15.47 8.16 29.59 16.9 42.43 21.15 31.07 50.76 47.58 88.23 49.3 21.15.97 41.24-3.78 59.48-14.87 18.92-11.5 33.65-27.07 43.77-46.8 1.37-2.67 2.42-2.83 4.9-1.6 7.26 3.62 15.06 5.84 23.13 6.03 8.73.2 17.06-2.39 24.89-6.17 2.51-1.21 3.36-.45 4.58 1.56 3.47 5.76 6.78 11.68 10.83 17.03 22.32 29.45 52.16 44.25 89.06 44.89 2.48 0 4.98.17 7.45-.03 23.21-1.9 44.17-9.74 61.91-24.89 35.06-29.96 47.43-67.84 37.17-112.68zm-235.15 46.49c-12.09.73-19.73-10.51-19.67-19.13.08-10.48 9.1-19.6 19.54-19.59 11.08.01 19.48 8.37 19.65 19.2.14 8.9-7.67 20.44-19.52 19.52z" fill="#000" stroke="none" stroke-width="1"/>
10 |   </g>
11 |   <g id="lens_animation" transform="translate(249.729 255.818)">
12 |     <g id="lens_top" transform="translate(-254.2 -251.818)">
13 |       <g id="lens_group" stroke="none" stroke-width="1">
14 |         <path id="right_lens" d="M454.66 251.43c.79 42.62-35.31 72.06-70.5 72.85-43.19.97-74.45-35.55-74.47-72.33-.02-40.87 35.51-72.69 72.17-72.65 41.3.06 74.08 35.21 72.8 72.13z" fill="#FE8A30"/>
15 |         <path id="left_lens" d="M53.76 252.44c-1.71-40.58 33.88-73.39 72.84-73.06 39.07.33 73.52 33.31 71.98 75.16-1.32 35.8-30.78 70.61-75.23 69.78-35.79-.66-71.17-33.46-69.59-71.88z" fill="#FE8A30"/>
16 |         <path id="right_lens_shine" d="M329.36 249.66c1.37-15.22 7.98-27.21 18.93-37.06 9.66-8.68 20.98-12.8 33.99-12.69 4.88.04 8.14 4.06 8.58 7.54.51 4-2.42 8.14-6.8 9.25-4.31 1.08-8.82 1.53-12.99 2.99-14.92 5.19-21.86 16.58-23.61 31.65-.48 4.12-2.35 7.21-6.13 8.77-3.57 1.48-6.92.17-9-2.73-1.55-2.17-2.02-5.11-2.97-7.72z" fill="#FFF"/>
17 |         <path id="left_lens_shine" d="M74.16 248.07c.98-22.74 20.28-44.31 43.75-47.74 2.44-.36 4.96-.33 7.44-.33 5.35.01 9.65 3.78 9.7 8.39.05 4.61-4.22 8.54-9.41 8.97-9.93.83-18.67 4.3-25.47 11.89-5.53 6.17-7.77 13.61-8.75 21.65-.27 2.26-1.07 4.72-2.4 6.52-2.07 2.79-5.24 4.15-8.72 2.75-3.46-1.4-6.06-3.77-6.14-7.93-.02-1.39 0-2.78 0-4.17z" fill="#FFF"/>
18 |       </g>
19 |     </g>
20 |   </g>
21 | </svg>
22 | 


--------------------------------------------------------------------------------
/Animate on Hover/cloud.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="cloud" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="drift">
 3 |     @keyframes cloud1_animation_group__to{0%,to{transform:translate(-34.75px,-34.5px)}60%{transform:translate(-4.75px,-34.5px)}}@keyframes cloud2_animation_group__to{0%,to{transform:translate(0,0)}34%{transform:translate(-20px,0)}}#cloud{pointer-events:all}#cloud *{animation-play-state:paused!important}#cloud:hover *{animation-play-state:running!important}#cloud1_animation_group{animation:cloud1_animation_group__to 10000ms linear infinite normal forwards}#cloud2_animation_group{animation:cloud2_animation_group__to 10000ms linear infinite normal forwards}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -807.766 -2318.526)">
 6 |     <path id="square" d="M394.19 676.01v72.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"/>
 7 |   </g>
 8 |   <g id="clouds" transform="matrix(4 0 0 4 -807.792 -2303.225)">
 9 |     <g id="cloud1_animation_group" transform="translate(-34.75 -34.5)">
10 |       <path id="cloud1" d="M390.5 707.96c-.71 2.69-1.18 5.48-2.17 8.07-4.24 11.07-14.77 18.19-26.6 18.19-32.13 0-64.27-.01-96.4.01-7.36.01-13.85-2.11-18.8-7.75-6.05-6.89-7.65-14.87-4.5-23.43 3.15-8.56 9.55-13.53 18.63-14.91.88-.13 1.77-.22 2.65-.33.5-2.63.8-5.31 1.54-7.86 4.42-15.15 20.06-23.79 35.2-19.46 1.63.47 2.25-.01 3.03-1.34 7.31-12.41 20.43-18.51 34.02-16.84 14.77 1.82 26.36 12.69 29.52 27.07.46 2.09.58 4.26.72 6.41.07.96.26 1.38 1.32 1.7 12.32 3.69 19.62 11.81 21.52 24.63.04.28.21.54.32.8v5.04z" fill="#FFF" stroke="none" stroke-width="1"/>
11 |     </g>
12 |     <g id="cloud2_animation_group">
13 |       <g id="cloud2_group" stroke="none" stroke-width="1">
14 |         <path id="cloud2_background" d="M386.585 710.389c-.673 2.757-.161 5.528-1.1 8.183-4.024 11.348-15.213 15.648-26.438 15.648-30.485 0-60.98-.01-91.466.01-6.983.01-13.141-2.163-17.838-7.945-5.74-7.063-11.787-16.196-8.798-24.971.852-4.918 5.429-12.094 14.27-16.212.834-.133 5.506-2.859 6.341-2.972.475-2.696 2.205-6.112 2.907-8.726 4.099-12.003 21.657-20.18 34.258-18.648 1.547.482 1.708.588 2.448-.775 6.936-12.722 21.614-15.691 34.509-13.98 14.657 1.866 28.874 13.443 33.346 30.211.437 2.143.469 3.407 4.728 4.788 9.287 3.5 8.631 4.383 9.637 4.711 5.741 8.384 1.394 7.996 3.196 21.138.038.287-.016 1.952 0 3.077v6.463z" transform="matrix(1.1 0 0 1.1 -31.548 -68.813)" fill="#FE8A30"/>
15 |         <path id="cloud2" d="M390.5 707.96c-.71 2.69-1.18 5.48-2.17 8.07-4.24 11.07-14.77 18.19-26.6 18.19-32.13 0-64.27-.01-96.4.01-7.36.01-13.85-2.11-18.8-7.75-6.05-6.89-7.65-14.87-4.5-23.43 3.15-8.56 9.55-13.53 18.63-14.91.88-.13 1.77-.22 2.65-.33.5-2.63.8-5.31 1.54-7.86 4.42-15.15 20.06-23.79 35.2-19.46 1.63.47 2.25-.01 3.03-1.34 7.31-12.41 20.43-18.51 34.02-16.84 14.77 1.82 26.36 12.69 29.52 27.07.46 2.09.58 4.26.72 6.41.07.96.26 1.38 1.32 1.7 12.32 3.69 19.62 11.81 21.52 24.63.04.28.21.54.32.8v5.04z" fill="#FFF"/>
16 |       </g>
17 |     </g>
18 |   </g>
19 | </svg>
20 | 


--------------------------------------------------------------------------------
/Animate on Hover/code.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="code" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="type">
 3 |     @keyframes left_bracket_f_o{0%{fill-opacity:1;animation-timing-function:step-end}15%,50%{fill-opacity:0;animation-timing-function:step-end}85%,to{fill-opacity:1}}@keyframes slash_f_o{0%{fill-opacity:1;animation-timing-function:step-end}25%,50%{fill-opacity:0;animation-timing-function:step-end}75%,to{fill-opacity:1}}@keyframes right_bracket_f_o{0%{fill-opacity:1;animation-timing-function:step-end}35%,50%{fill-opacity:0;animation-timing-function:step-end}65%,to{fill-opacity:1}}#code{pointer-events:all}#code *{animation-play-state:paused!important}#code:hover *{animation-play-state:running!important}#left_bracket{animation:left_bracket_f_o 2000ms linear infinite normal forwards}#slash{animation:slash_f_o 2000ms linear infinite normal forwards}#right_bracket{animation:right_bracket_f_o 2000ms linear infinite normal forwards}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -808.48 -2293.246)">
 6 |     <path id="square" d="M393.9 669.69v72.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.02 23.95.02 47.89.02 71.83z" fill="#D52727" stroke="none" stroke-width="1"/>
 7 |   </g>
 8 |   <g id="code_top" transform="matrix(4 0 0 4 -808.464 -2293.226)">
 9 |     <g id="code_group" fill="#FFF" stroke="none" stroke-width="1">
10 |       <path id="left_bracket" d="M390.85 668.23c-1.09 4.73-4.25 7.9-7.84 10.89-11.99 9.95-23.88 20.02-35.81 30.03-6.14 5.15-13.58 5.05-19.33-.25-5.33-4.9-5.77-14.14-.54-19.21 4.28-4.15 9-7.86 13.55-11.73 4.74-4.03 9.51-8.02 14.45-12.17l-9.21-7.91c-5.77-4.96-11.6-9.85-17.3-14.89-7.65-6.77-6.69-17.89 1.89-22.99 5.05-3 11.5-2.31 16.47 1.93 12.85 10.99 25.65 22.04 38.48 33.05 2.77 2.38 4.31 5.44 5.2 8.9-.01 1.45-.01 2.9-.01 4.35z"/>
11 |       <path id="slash" d="M321.65 611.84c-.64 3.37-1.5 8.05-2.41 12.71-3.82 19.76-7.65 39.51-11.47 59.27-3.05 15.79-6.05 31.6-9.17 47.38-1.21 6.13-4.9 10.24-11.1 11.47-5.62 1.12-10.38-.76-13.89-5.37-2.73-3.59-3.24-7.66-2.38-12.03 4.58-23.41 9.12-46.84 13.66-70.26 3.05-15.73 5.93-31.5 9.17-47.2 2.27-11.02 14.7-15.09 23.07-7.79 2.85 2.5 4.63 6.61 4.52 11.82z"/>
12 |       <path id="right_bracket" d="M240.63 665.74c7.22 6.06 14.29 11.91 21.23 17.89 2.95 2.55 6.08 5.07 8.36 8.17 3.71 5.04 2.58 12.59-1.89 16.91-4.99 4.81-12.28 5.77-17.53 1.83-5.26-3.95-10.2-8.31-15.25-12.54-8.2-6.86-16.35-13.77-24.54-20.64-5.45-4.57-7.29-10.41-4.71-16.61.91-2.2 2.52-4.32 4.32-5.89 12.65-11.05 25.4-21.97 38.17-32.87 7.91-6.76 18.91-4.27 22.66 5.24 2.02 5.12 1.24 10.22-2.71 14.1-4.95 4.85-10.37 9.22-15.62 13.78-3.69 3.21-7.42 6.37-11.14 9.55-.41.34-.84.67-1.35 1.08z"/>
13 |     </g>
14 |   </g>
15 | </svg>
16 | 


--------------------------------------------------------------------------------
/Animate on Hover/control.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="control" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="up_down">
 3 |     @keyframes button1_animation__to{0%,to{transform:translate(0,0)}3.333333%{transform:translate(-.01px,-32.621792px)}20%{transform:translate(-.01px,98.534615px)}36.666667%{transform:translate(-.01px,-38.05px)}53.333333%{transform:translate(-.01px,96.256316px)}70%{transform:translate(-.01px,-31.444042px)}86.666667%{transform:translate(2.060226px,95.25762px)}}@keyframes button2_animation__to{0%,to{transform:translate(0,0)}3.333333%{transform:translate(.001446px,43.151611px)}13.333333%{transform:translate(.001446px,-88.780827px)}23.333333%{transform:translate(-.232752px,43.977479px)}33.333333%{transform:translate(.001446px,-84.651486px)}43.333333%{transform:translate(-.232752px,43.923951px)}53.333333%{transform:translate(.001446px,-88.008155px)}63.333333%{transform:translate(.001446px,42.012079px)}73.333333%{transform:translate(.001446px,-88.529091px)}83.333333%{transform:translate(.001446px,42.354551px)}93.333333%{transform:translate(.001446px,-87.14624px)}}@keyframes button3_animation__to{0%,to{transform:translate(0,0)}30%{transform:translate(0,77.75px)}80%{transform:translate(0,-47.841157px)}}#control{pointer-events:all}#control *{animation-play-state:paused!important}#control:hover *{animation-play-state:running!important}#button1_animation{animation:button1_animation__to 3000ms linear infinite normal forwards}#button2_animation{animation:button2_animation__to 3000ms linear infinite normal forwards}#button3_animation{animation:button3_animation__to 3000ms linear infinite normal forwards}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -825.446 -2258.583)">
 6 |     <path id="square" d="M398.61 660.79v72.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"/>
 7 |   </g>
 8 |   <g id="control_top" transform="matrix(4 0 0 4 -825.429 -2258.566)">
 9 |     <g id="control_group">
10 |       <path id="line1" d="M249.98 730.88h-6.29c-2.7 0-4.92-2.21-4.92-4.92V595.57c0-2.7 2.21-4.92 4.92-4.92h6.29c2.7 0 4.92 2.21 4.92 4.92v130.39a4.93 4.93 0 01-4.92 4.92z" fill="#000" stroke="none" stroke-width="7" stroke-miterlimit="10"/>
11 |       <g id="button1_animation">
12 |         <path id="button1" d="M257.23 650.09h-20.77c-6.24 0-11.34-5.1-11.34-11.34v-20.1c0-6.24 5.1-11.34 11.34-11.34h20.77c6.24 0 11.34 5.1 11.34 11.34v20.1c0 6.24-5.11 11.34-11.34 11.34z" fill="#FFF" stroke="none" stroke-width="1"/>
13 |       </g>
14 |       <path id="line2" d="M305.86 730.88h-6.29c-2.7 0-4.92-2.21-4.92-4.92V595.57c0-2.7 2.21-4.92 4.92-4.92h6.29c2.7 0 4.92 2.21 4.92 4.92v130.39c-.01 2.71-2.22 4.92-4.92 4.92z" fill="#000" stroke="none" stroke-width="7" stroke-miterlimit="10"/>
15 |       <g id="button2_animation">
16 |         <path id="button2" d="M313.1 703.38h-20.77c-6.24 0-11.34-5.1-11.34-11.34v-20.1c0-6.24 5.1-11.34 11.34-11.34h20.77c6.24 0 11.34 5.1 11.34 11.34v20.1c0 6.24-5.1 11.34-11.34 11.34z" fill="#FFF" stroke="none" stroke-width="1"/>
17 |       </g>
18 |       <path id="line3" d="M361.73 730.88h-6.29c-2.7 0-4.92-2.21-4.92-4.92V595.57c0-2.7 2.21-4.92 4.92-4.92h6.29c2.7 0 4.92 2.21 4.92 4.92v130.39c0 2.71-2.22 4.92-4.92 4.92z" fill="#000" stroke="none" stroke-width="7" stroke-miterlimit="10"/>
19 |       <g id="button3_animation">
20 |         <path id="button3" d="M368.97 668.41H348.2c-6.24 0-11.34-5.1-11.34-11.34v-20.1c0-6.24 5.1-11.34 11.34-11.34h20.77c6.24 0 11.34 5.1 11.34 11.34v20.1c0 6.24-5.1 11.34-11.34 11.34z" fill="#FFF" stroke="none" stroke-width="1"/>
21 |       </g>
22 |     </g>
23 |   </g>
24 | </svg>
25 | 


--------------------------------------------------------------------------------
/Animate on Hover/dash.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="dash" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="rev">
 3 |     @keyframes dot_cover1_f_o{0%{fill-opacity:1;animation-timing-function:step-end}13.333333%{fill-opacity:0;animation-timing-function:step-end}90%,to{fill-opacity:1}}@keyframes dot_cover2_f_o{0%{fill-opacity:1;animation-timing-function:step-end}16.666667%{fill-opacity:0;animation-timing-function:step-end}70%,to{fill-opacity:1}}@keyframes dot_cover3_f_o{0%{fill-opacity:1;animation-timing-function:step-end}20%{fill-opacity:0;animation-timing-function:step-end}53.333333%,to{fill-opacity:1}}@keyframes dot_cover4_f_o{0%{fill-opacity:1;animation-timing-function:step-end}23.333333%{fill-opacity:0;animation-timing-function:step-end}33.333333%,to{fill-opacity:1}}@keyframes dial_animation1__to{0%{transform:translate(261.26px,670.825497px)}10%{transform:translate(261px,670.825497px)}13.333333%{transform:translate(266.530689px,651.093989px)}16.666667%{transform:translate(283.713202px,637px)}20%{transform:translate(305.592946px,633.551473px)}23.333333%{transform:translate(325.591465px,639.031651px)}33.333333%{transform:translate(314.46801px,633.384489px)}50%{transform:translate(296.971628px,634.413605px)}66.666667%{transform:translate(279.83188px,639.686618px)}83.333333%{transform:translate(267.182725px,654.503658px)}to{transform:translate(261.17px,670px)}}@keyframes dial_animation2__tr{0%,10%,to{transform:rotate(-120deg)}23.333333%{transform:rotate(0deg)}}#dash{pointer-events:all}#dash *{animation-play-state:paused!important}#dash:hover *{animation-play-state:running!important}#dot_cover1{animation:dot_cover1_f_o 3000ms linear infinite normal forwards}#dot_cover2{animation:dot_cover2_f_o 3000ms linear infinite normal forwards}#dot_cover3{animation:dot_cover3_f_o 3000ms linear infinite normal forwards}#dot_cover4{animation:dot_cover4_f_o 3000ms linear infinite normal forwards}#dial_animation1{animation:dial_animation1__to 3000ms linear infinite normal forwards}#dial_animation2{animation:dial_animation2__tr 3000ms linear infinite normal forwards}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -821.126 -2304.686)">
 6 |     <path id="square" d="M396.795 671.906v72.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"/>
 7 |   </g>
 8 |   <g id="gauge_top" transform="matrix(3.5 0 0 3.5 -654.488 -1954.865)">
 9 |     <g id="gauge_group">
10 |       <path id="gauge_border" d="M214.61 665.91c.54-3.35.89-6.74 1.65-10.04 8.33-36.11 30.35-59.3 66.31-68.07 25.71-6.27 51.08-1.17 72.51 14.38 8.74 6.135 14.454 13.828 15.244 14.458-5.57 4.27-1.555 23.401-14.984 14.373-6.364-9.433-14.625-15.815-33.57-22.151-37.66-12.25-78.21 11.75-85.78 50.57-7.08 36.34 15.83 71.19 52.22 78.73 36.1 7.48 70.65-15.51 78.68-50.86 2.36-10.38 2.15-20.73-.41-31.06-1.843-9.501-8.13-21.93-12.86-27.978-1.45-9.273-1.62-17.862 16.704-11.624 10.183 15.315 13.026 25.962 14.096 29.272 15.39 47.77-12.57 98.57-61.13 111.1-46.41 11.97-94.2-16.29-105.98-62.77-1.12-4.43-1.55-9.04-2.31-13.56-.08-.46-.26-.91-.39-1.37v-13.4z" fill="#000" stroke="none" stroke-width="1"/>
11 |       <g id="main_dots" stroke="none" stroke-width="1">
12 |         <path id="dot1" d="M344.52 643.31c.03-3.79 2.98-6.63 6.82-6.58 3.66.05 6.55 2.99 6.56 6.67 0 3.75-3 6.73-6.75 6.72-3.75-.03-6.66-3.01-6.63-6.81z" transform="translate(-2.73 1.49)" fill="#FFF"/>
13 |         <path id="dot2" d="M348.48 672.45c.04-3.77 3.01-6.61 6.86-6.55 3.65.06 6.53 3.02 6.52 6.7-.01 3.74-3.03 6.71-6.78 6.68-3.74-.02-6.64-3.02-6.6-6.83z" fill="#FFF"/>
14 |         <path id="dot3" d="M241.38 672.45c.05-3.77 3.01-6.6 6.85-6.54 3.65.06 6.53 3.02 6.52 6.7-.01 3.74-3.03 6.71-6.78 6.68-3.74-.03-6.63-3.03-6.59-6.84z" fill="#D52727"/>
15 |         <path id="dot4" d="M254.87 639.12c3.74.04 6.66 3.07 6.59 6.84-.07 3.63-3.06 6.54-6.72 6.54-3.76 0-6.68-2.98-6.66-6.77.02-3.8 2.95-6.65 6.79-6.61z" fill="#D52727"/>
16 |         <path id="dot5" d="M321.71 625.6c.03-3.79 2.98-6.63 6.82-6.58 3.66.05 6.55 2.99 6.56 6.67 0 3.75-3 6.73-6.75 6.72-3.76-.02-6.66-3.01-6.63-6.81z" fill="#D52727"/>
17 |         <path id="dot6" d="M274.99 619.02c3.73.05 6.64 3.1 6.55 6.88-.08 3.62-3.09 6.52-6.75 6.5-3.75-.02-6.65-3.01-6.62-6.81.03-3.78 2.97-6.62 6.82-6.57z" fill="#D52727"/>
18 |         <path id="dot7" d="M301.68 612.33c3.75.02 6.68 3.03 6.62 6.8-.05 3.64-3.02 6.56-6.68 6.58-3.76.01-6.71-2.95-6.7-6.73.03-3.81 2.94-6.68 6.76-6.65z" fill="#D52727"/>
19 |       </g>
20 |       <g id="dot_covers" fill="#FFF" stroke="none" stroke-width="1">
21 |         <path id="dot_cover1" d="M254.87 639.12c3.74.04 6.66 3.07 6.59 6.84-.07 3.63-3.06 6.54-6.72 6.54-3.76 0-6.68-2.98-6.66-6.77.02-3.8 2.95-6.65 6.79-6.61z"/>
22 |         <path id="dot_cover2" d="M274.99 619.02c3.73.05 6.64 3.1 6.55 6.88-.08 3.62-3.09 6.52-6.75 6.5-3.75-.02-6.65-3.01-6.62-6.81.03-3.78 2.97-6.62 6.82-6.57z"/>
23 |         <path id="dot_cover3" d="M301.68 612.33c3.75.02 6.68 3.03 6.62 6.8-.05 3.64-3.02 6.56-6.68 6.58-3.76.01-6.71-2.95-6.7-6.73.03-3.81 2.94-6.68 6.76-6.65z"/>
24 |         <path id="dot_cover4" d="M321.71 625.6c.03-3.79 2.98-6.63 6.82-6.58 3.66.05 6.55 2.99 6.56 6.67 0 3.75-3 6.73-6.75 6.72-3.76-.02-6.66-3.01-6.63-6.81z"/>
25 |       </g>
26 |       <g id="dial_animation1" transform="translate(261.26 670.825)">
27 |         <g id="dial_animation2" transform="rotate(-120)">
28 |           <g id="dial_group" transform="translate(-336.067 -651.04)" stroke="none" stroke-width="1">
29 |             <path id="dial_border" d="M343.234 645.81c-3.021-2.013-8.389-5.975-7.537-5.642.258.233-.581-.01 0 0-.126.386-.067.027 0 0-.012-.025-.354.176 0 0 11.857-10.352 11.503-10.876 23.529-22.055.93-.777.887.619 2.038.263 1.91 1.277 4.265 2.35 6.495 3.682-.279 1.204 3.982 4.094 3.188 5.041-10.9 11.383-22.37 24.603-23.192 24.18.149-.231-.194-.046.02-.032-.066-.178-.243.105-.02.032.01-.195-3.534-5.59-4.52-5.469z" transform="matrix(1.5 0 0 1.5 -154.595 -329.615)" fill="#FE8A30"/>
30 |             <path id="dial" d="M301.62 709.5c-12.2-.1-22.44-9.68-23.33-21.9-.88-12.04 7.86-22.91 19.96-24.62 2.24-.32 4.57-.16 6.83.02 1.35.11 2.31-.15 3.36-1.04 21.97-18.59 43.97-37.15 66.01-55.66 1.3-1.09 2.88-2.01 4.49-2.51 2.83-.87 5.49 1.57 4.82 4.46-.39 1.69-1.27 3.43-2.38 4.76-18.43 22.02-36.91 43.99-55.44 65.93-1.08 1.28-1.5 2.44-1.22 4.12 2 11.78-7.05 24.1-18.97 25.92-1.37.23-2.75.35-4.13.52z" transform="translate(10.928 -1.337)" fill="#000"/>
31 |           </g>
32 |         </g>
33 |       </g>
34 |     </g>
35 |   </g>
36 | </svg>
37 | 


--------------------------------------------------------------------------------
/Animate on Hover/database.svg:
--------------------------------------------------------------------------------
 1 | <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">
 2 |   <style>
 3 |     @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}
 4 |   </style>
 5 |   <defs>
 6 |     <radialGradient id="star-fill" cx="152.007" cy="109.106" r="71.6" spreadMethod="pad" gradientUnits="userSpaceOnUse">
 7 |       <stop id="star-fill-0" offset="0%" stop-color="#FFF33B"/>
 8 |       <stop id="star-fill-1" offset="5.95%" stop-color="#FFE029"/>
 9 |       <stop id="star-fill-2" offset="13.03%" stop-color="#FFD217"/>
10 |       <stop id="star-fill-3" offset="20.32%" stop-color="#FEC90E"/>
11 |       <stop id="star-fill-4" offset="28.09%" stop-color="#FDC70C"/>
12 |       <stop id="star-fill-5" offset="66.85%" stop-color="#F3903F"/>
13 |       <stop id="star-fill-6" offset="88.76%" stop-color="#ED683C"/>
14 |       <stop id="star-fill-7" offset="100%" stop-color="#E93E3A"/>
15 |     </radialGradient>
16 |   </defs>
17 |   <g id="background">
18 |     <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"/>
19 |   </g>
20 |   <g id="back_database_animation" transform="translate(330.64 289.527)">
21 |     <g id="back_database_top" transform="translate(-178.283 -199.934)">
22 |       <g id="back_database_group" fill="#FFF" stroke="#000" stroke-width="10" stroke-miterlimit="10">
23 |         <path id="back_database_top" d="M301.15 93.75c-.15-3.04-1.69-6.33-3.44-8.93-6.38-9.47-16.2-14.41-26.33-18.67-21.82-9.18-44.89-12.91-68.26-14.69-30.5-2.33-60.84-.74-90.73 6.16C96 61.41 80.01 66.39 66.4 76.88c-7.29 5.62-11.61 12.6-11.2 22.33.43 10.26.25 20.56.05 30.84-.13 6.84 2.34 12.39 7.05 17.13 8.57 8.63 19.35 13.41 30.56 17.38 18.74 6.65 38.18 10.03 57.91 11.48 13.6 1 27.27.96 40.74 1.39.48-1.09.81-1.53.88-2.02 1.57-11.5 8.31-19.66 17.16-26.38 12.42-9.43 26.63-15.28 41.61-18.8 16.4-3.85 33.07-6.53 50.15-9.82 0-8.48.29-17.59-.16-26.66z"/>
24 |         <path id="back_database_middle" d="M180.68 198.45c-28.62.19-56.91-2.42-84.24-11.34-16.17-5.28-32.21-11.28-41.15-28.43 0 18.85.3 37.04-.12 55.23-.23 9.86 3.9 16.92 11.31 22.68 10.34 8.05 22.31 12.66 34.7 16.26 27.72 8.05 56.13 10.39 84.86 9.93 1.91-.03 3.82-.2 5.83-.31v-64.02c-3.96 0-7.57-.02-11.19 0z"/>
25 |         <path id="back_database_bottom" d="M187.02 284.97c-18.51.45-36.94-.35-55.26-3.15-17.51-2.67-34.73-6.51-50.85-14.11-10.44-4.92-20.32-10.66-25.61-22.09 0 18.74.14 37.48-.07 56.22-.08 7.28 2.44 13.17 7.56 18.11 8.83 8.52 19.73 13.38 31.12 17.2 29.71 9.96 60.42 12.65 91.53 12.22 2.05-.03 4.11-.18 6.34-.29v-64.12c-1.71.01-3.24-.03-4.76.01z"/>
26 |       </g>
27 |     </g>
28 |   </g>
29 |   <g id="front_database_top">
30 |     <g id="front_database_group" stroke="none" stroke-width="1">
31 |       <path id="front_database_border" d="M441.43 137.62c-6.45-3.29-13.17-6.21-20.01-8.56-26.35-9.03-53.65-12.61-81.37-13.71-32.69-1.29-65.04 1.1-96.79 9.27-16.45 4.23-32.4 9.8-46.07 20.4-8.33 6.46-13.24 14.4-12.8 25.51.41 10.25-.08 20.53.13 30.79-.03 41.65-.16 183.95.18 204.16.07 3.9 1.76 8.23 3.94 11.55 7.16 10.91 18.38 16.64 29.98 21.44 30.5 12.62 62.7 17.09 95.33 17.53 20.58.28 41.26-1.37 61.78-3.33 19.99-1.92 39.47-6.89 57.89-15.09 13.57-6.04 26.35-13.29 31.99-28.41V212.84v-23.59-27.28c-4.44-11.74-13.55-18.93-24.18-24.35zM198.4 182.01c-.4-10 4.03-17.15 11.53-22.96 12.31-9.54 26.67-14.55 41.48-18.36 28.58-7.36 57.7-9.51 87.13-8.35 24.95.99 49.53 4.22 73.25 12.34 6.17 2.11 12.21 4.74 18.02 7.7 9.58 4.88 17.78 11.35 21.74 21.91v45.79c-5.4 13.56-17.01 20.14-29.39 25.52-19.41 8.43-39.97 12.36-60.9 14.65-21.62 2.37-43.28 2.63-64.93.72-25.8-2.27-51.15-6.62-74.64-18.33-7.35-3.66-14.54-7.9-18.91-15.05-2.26-3.7-3.86-8.34-4.08-12.65-.57-10.96.14-21.97-.3-32.93zm253.15 214.81c-5.08 13.61-16.58 20.14-28.79 25.58-16.59 7.39-34.12 11.86-52.12 13.59-18.47 1.77-37.08 3.25-55.61 3-29.37-.4-58.36-4.42-85.82-15.78-10.44-4.32-20.54-9.48-26.98-19.3-1.96-2.99-3.48-6.89-3.54-10.4-.34-19.94-.17-39.89-.16-59.83 0-.33.17-.65.35-1.33 6.62 14.37 19.45 20.5 32.65 25.77 20.89 8.34 42.87 12.05 65.2 13.87 21.8 1.77 43.58 1.58 65.32-.82 19.45-2.15 38.58-5.84 56.78-13.21 13.65-5.53 26.49-12.35 32.72-27.01v65.87zm2.21-89.18c-5.19 14.12-17.18 20.68-29.82 26.12-20.45 8.8-42.11 12.68-64.15 14.85-18.83 1.85-37.68 2.17-56.53.73-27.32-2.08-54.16-6.35-79.09-18.57-7.74-3.79-15.1-8.4-19.72-15.94-1.94-3.17-3.5-7.16-3.56-10.81-.34-20.07-.16-40.16-.16-60.58 11.74 20.49 32.21 26.37 52.47 31.85 28.74 7.79 58.2 9.72 87.91 8.49 24.01-.99 47.66-4.07 70.59-11.51 11.49-3.72 22.84-8.1 31.76-16.51 4.15-3.91 6.92-9.3 10.31-14.01-.01 21.98-.01 43.94-.01 65.89z" fill="#000"/>
32 |       <path id="front_database_top" d="M198.69 214.93c.22 4.3 1.82 8.95 4.08 12.65 4.38 7.15 11.57 11.39 18.91 15.05 23.49 11.71 48.84 16.06 74.64 18.33 21.65 1.91 43.31 1.65 64.93-.72 20.93-2.29 41.49-6.22 60.9-14.65 12.38-5.38 23.99-11.96 29.39-25.52v-45.79c-3.97-10.56-12.17-17.03-21.74-21.91-5.81-2.96-11.85-5.59-18.02-7.7-23.72-8.13-48.3-11.36-73.25-12.34-29.43-1.16-58.55.99-87.13 8.35-14.8 3.81-29.17 8.82-41.48 18.36-7.5 5.81-11.92 12.97-11.53 22.96.45 10.97-.26 21.98.3 32.93z" fill="#FFF"/>
33 |       <path id="front_database_bottom" d="M418.82 357.95c-18.2 7.37-37.33 11.06-56.78 13.21-21.74 2.4-43.52 2.6-65.32.82-22.33-1.81-44.3-5.53-65.2-13.87-13.2-5.27-26.03-11.4-32.65-25.77-.19.68-.35 1-.35 1.33-.01 19.94-.18 39.89.16 59.83.06 3.51 1.58 7.41 3.54 10.4 6.44 9.82 16.55 14.98 26.98 19.3 27.46 11.36 56.44 15.38 85.82 15.78 18.53.25 37.14-1.23 55.61-3 17.99-1.73 35.53-6.2 52.12-13.59 12.22-5.44 23.72-11.97 28.79-25.58v-65.88c-6.22 14.67-19.06 21.49-32.72 27.02z" fill="#FFF"/>
34 |       <path id="front_database_middle" d="M411.7 272.29c-22.93 7.43-46.58 10.52-70.59 11.51-29.71 1.22-59.17-.7-87.91-8.49-20.25-5.49-40.72-11.36-52.47-31.85 0 20.42-.18 40.51.16 60.58.06 3.65 1.62 7.64 3.56 10.81 4.62 7.53 11.98 12.14 19.72 15.94 24.93 12.22 51.78 16.49 79.09 18.57 18.85 1.44 37.7 1.12 56.53-.73 22.04-2.17 43.7-6.05 64.15-14.85 12.64-5.44 24.63-11.99 29.82-26.12v-65.88c-3.39 4.72-6.16 10.1-10.31 14.01-8.92 8.4-20.27 12.77-31.75 16.5z" fill="#FFF"/>
35 |     </g>
36 |   </g>
37 |   <g id="star_group">
38 |     <g id="star_animation" transform="matrix(0 0 0 0 184.363 136.918)">
39 |       <path id="star" transform="translate(-152.005 -115.021)" fill="url(#star-fill)" stroke="#000" stroke-width="4" stroke-miterlimit="10" d="M215.98 160.29l-49.28-12.28-38.05 33.63-3.55-50.66-43.75-25.8 47.09-19.03 11.02-49.58 32.65 38.9 50.55-4.84-26.91 43.07z"/>
40 |     </g>
41 |   </g>
42 | </svg>
43 | 


--------------------------------------------------------------------------------
/Animate on Hover/dependencies.svg:
--------------------------------------------------------------------------------
 1 | <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">
 2 |   <style>
 3 |     @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}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -799.48 -2292.726)">
 6 |     <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"/>
 7 |   </g>
 8 |   <g id="dependencies_top" transform="matrix(4 0 0 4 -799.509 -2292.686)">
 9 |     <g id="dependencies_group" stroke="none" stroke-width="1">
10 |       <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"/>
11 |       <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"/>
12 |       <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"/>
13 |       <path id="box1" d="M367.5 741.32h-38.93v-38.96h38.93v38.96z" fill="#FFF"/>
14 |       <path id="box2" d="M315.23 597.74v38.93h-38.97v-38.93h38.97z" fill="#FFF"/>
15 |       <path id="box3" d="M223.97 741.31v-38.99h38.85v38.99h-38.85z" fill="#FFF"/>
16 |     </g>
17 |   </g>
18 | </svg>
19 | 


--------------------------------------------------------------------------------
/Animate on Hover/downloads.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="downloads" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="point">
 3 |     @keyframes download_arrow_animation__to{0%,to{transform:translate(0,0)}25%{transform:translate(0,6px)}75%{transform:translate(0,-6px)}}#downloads{pointer-events:all}#downloads *{animation-play-state:paused!important}#downloads:hover *{animation-play-state:running!important}#download_arrow_animation{animation:download_arrow_animation__to 800ms linear infinite normal forwards}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -802.32 -2317.326)">
 6 |     <path id="square" d="M392.83 675.71v72.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.02 23.95.02 47.89.02 71.83z" fill="#FE8A30" stroke="none" stroke-width="1"/>
 7 |   </g>
 8 |   <g id="download_top">
 9 |     <g id="download_group" transform="matrix(4 0 0 4 -802.305 -2317.308)">
10 |       <g id="download_arrow_animation">
11 |         <path id="download_arrow" d="M272.1 646.38v-1.98c0-12.63.18-25.26-.07-37.88-.14-6.71 4.71-12.56 11.45-14.11.84-.19 1.72-.34 2.58-.34 7.24-.03 14.48-.05 21.72 0 6.42.04 12.43 4.92 13.77 11.17.28 1.31.29 2.7.3 4.05.02 12.36.01 24.71.01 37.07v1.93c.71.04 1.29.08 1.87.09 3.81.08 7.61.14 11.42.25.7.02 1.4.17 2.08.37 3.85 1.1 5.41 4.29 3.3 7.67-1.86 2.97-4.28 5.61-6.58 8.28-9.01 10.47-18.09 20.89-27.11 31.36-3.46 4.01-7.67 5.79-12.92 4.57-2.57-.6-4.66-2.05-6.38-4.03-10.9-12.58-21.8-25.17-32.67-37.77-.63-.73-1.17-1.58-1.61-2.45-1.77-3.5-.46-6.58 3.34-7.58 1.66-.44 3.43-.58 5.16-.63 3.36-.1 6.73-.04 10.34-.04z" fill="#FFF" stroke="none" stroke-width="1"/>
12 |       </g>
13 |       <path id="download_drive" d="M380.59 727.6c0-11.2-9.36-20.53-20.6-20.53H233.92c-6.84 0-12.22 2.97-16.44 8.23-2.23 2.77-3.26 6.06-4.2 9.4v16.99c.9 3.18 1.88 6.31 3.91 9.02 3.31 4.4 7.6 7.22 13.02 8.31.25.05.48.21.72.31h132.02c.24-.11.47-.26.71-.31 10-2.01 16.93-10.46 16.93-20.66V727.6zm-39.35 16.06c-5.82-.02-10.36-4.66-10.35-10.56.02-5.81 4.66-10.38 10.54-10.37 5.75.01 10.49 4.82 10.41 10.56-.07 5.8-4.78 10.4-10.6 10.37z" fill="#FFF" stroke="none" stroke-width="1"/>
14 |     </g>
15 |   </g>
16 | </svg>
17 | 


--------------------------------------------------------------------------------
/Animate on Hover/eye.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="blinking_eye" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="blink">
 3 |     @keyframes eye_open_c_o{0%,23.333333%,to{opacity:1}16.666667%{opacity:1;animation-timing-function:step-end}20%{opacity:0;animation-timing-function:step-end}}@keyframes epw0jhjv2c39_f_o{0%,23.333333%,to{fill-opacity:0}16.666667%{fill-opacity:0;animation-timing-function:step-end}20%{fill-opacity:1;animation-timing-function:step-end}}#blinking_eye{pointer-events:all}#blinking_eye *{animation-play-state:paused!important}#blinking_eye:hover *{animation-play-state:running!important}#eye_open{animation:eye_open_c_o 6000ms linear infinite normal forwards}#eye_closed{animation:epw0jhjv2c39_f_o 6000ms linear infinite normal forwards}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -846.84 -2287.92)">
 6 |     <path id="square" d="M403.49 667.89v72.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="#D52727" stroke="none" stroke-width="1"/>
 7 |   </g>
 8 |   <g id="eye" transform="matrix(4 0 0 4 -845.91 -2287.892)" stroke="none" stroke-width="1">
 9 |     <g id="eye_open">
10 |       <path id="iris_and_outline" d="M216.96 667.48c1.42-2.43 2.81-4.89 4.28-7.3 9.48-15.5 22.14-27.72 38.01-36.56 9.92-5.53 20.5-9.27 31.72-11.1 25.3-4.12 48.87.61 70.55 14.23 15.86 9.96 27.93 23.51 36.53 40.14.26.51.26 1.39 0 1.89-12.22 23.26-30.44 39.94-55.01 49.37-14.9 5.72-30.39 7.75-46.28 5.74-34.86-4.4-60.59-22.42-78-52.7-.58-1.01-1.2-2.01-1.8-3.01v-.7z" fill="#000"/>
11 |       <path id="sclera" d="M264.66 640.3c-.15.06-.37.12-.55.24-10.95 6.82-19.98 15.61-26.95 26.47-.29.45-.15 1.47.18 1.97 18.85 29.24 53.6 43.96 87.7 36.68 22.71-4.84 40.35-17.47 53.26-36.74.56-.83.49-1.4-.03-2.2-6.9-10.47-15.63-19.05-26.2-25.78-.4-.25-.84-.43-1.4-.72 7.3 22.33-2.43 42.48-17.09 52.57-14.46 9.96-34.49 11.51-50.34.72-19.06-12.99-24.39-31.25-18.58-53.21z" fill="#FFF"/>
12 |       <path id="pupil" d="M290.49 666.75c8.77-.13 16.85-6.26 17.17-16.67.27-8.83-6.23-17-16.68-17.26-8.77-.22-16.85 6.19-17.17 16.6-.27 8.82 6.23 16.76 16.68 17.33z" fill="#FFF"/>
13 |     </g>
14 |     <path id="eye_closed" d="M220.84 712.44c-.14-.26-.29-.53-.43-.79-.45-.83-.93-1.64-1.39-2.46.03-.19.06-.38.09-.56 1.15-1.25 2.27-2.51 3.42-3.75 5.8.74 12.68 1.61 18.52 2.36-.63.58-1.24 1.18-1.85 1.79-.34.35-.34 1.16-.08 1.58 14.9 23.98 47.44 37 82.19 32.52 23.14-2.99 42.26-12.36 57.56-27.2.66-.64.67-1.1.25-1.75-.19-.29-.37-.58-.57-.87 4.98-.86 11.86-2.05 17.67-3.06.88 1.57 1.71 3.18 2.48 4.82.19.41.08 1.11-.25 1.51-15.13 18.04-35.34 30.61-60.93 37.17-15.51 3.98-31.13 5-46.62 2.8-33.62-4.79-56.65-19.83-70.06-44.11z" transform="translate(-2.06 -40.908)" fill="#000" fill-opacity="0"/>
15 |   </g>
16 | </svg>
17 | 


--------------------------------------------------------------------------------
/Animate on Hover/gaming.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="gaming" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="rumble">
 3 |     @keyframes controller_animation_move__to{0%,33.333333%,40%,50%,56.666667%,66.666667%,73.333333%,to{transform:translate(384.499664px,385.427155px)}36.666667%{transform:translate(384.499963px,399.911284px)}53.333333%{transform:translate(384.5px,374.564058px)}70%{transform:translate(384.5px,398.100768px)}}@keyframes controller_animation_rotate__tr{0%,40%,56.666667%{transform:rotate(0deg);animation-timing-function:step-end}33.333333%,53.333333%,66.666667%{transform:rotate(-5deg);animation-timing-function:step-end}36.666667%,50%,70%{transform:rotate(5deg);animation-timing-function:step-end}73.333333%,to{transform:rotate(0deg)}}#gaming{pointer-events:all}#gaming *{animation-play-state:paused!important}#gaming:hover *{animation-play-state:running!important}#controller_animation_move{animation:controller_animation_move__to 3000ms linear infinite normal forwards}#controller_animation_rotate{animation:controller_animation_rotate__tr 3000ms linear infinite normal forwards}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -842.943 -2257.326)">
 6 |     <path id="sqaure" d="M402.75 660.71v72.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"/>
 7 |   </g>
 8 |   <g id="controller_animation_move" transform="translate(384.5 385.427)">
 9 |     <g id="controller_animation_rotate">
10 |       <g id="controller_group" transform="matrix(4 0 0 4 -1227.442 -2642.725)" stroke="none" stroke-width="1">
11 |         <path id="controller_body" d="M396.3 682.46c-1.75-14.77-5.25-29.18-9.59-43.38-2.93-9.59-6.35-19-12.14-27.31-8.13-11.66-19.25-17.05-33.48-15.27-3.64.46-7.2 1.58-10.75 2.57-11.14 3.12-22.45 4.43-33.91 2.59-6.41-1.03-12.73-2.65-19.03-4.25-11.59-2.94-22.14-1.05-31.46 6.55-5.53 4.52-9.15 10.52-12.18 16.88-4.88 10.23-7.96 21.07-10.73 32.01-3.7 14.61-6.57 29.36-6.66 44.51 0 1.82-.1 3.64.02 5.45.36 5.51.98 10.99 3.57 16 2.75 5.33 7.5 7.46 13.31 6 4.43-1.11 8.19-3.56 11.31-6.73 4.99-5.08 9.72-10.42 14.43-15.76 3.5-3.97 7.67-6.77 12.89-7.7 3.5-.63 7.06-1.21 10.6-1.24 16.55-.13 33.1-.09 49.65-.05 10.34.03 18.88 3.55 25.25 12.2 3.4 4.62 7.68 8.64 11.78 12.7 2.87 2.85 6.27 5.06 10.2 6.32 5.76 1.85 10.92.11 13.75-4.89 1.08-1.9 1.92-4.01 2.47-6.14 2.61-10.27 1.93-20.69.7-31.06z" fill="#FFF"/>
12 |         <path id="button1" d="M255.19 663.67c-8.75.02-15.88-7.16-15.85-15.96.03-8.85 7.1-15.9 15.91-15.87 8.84.04 15.72 7.06 15.7 16.02-.01 8.73-7.05 15.8-15.76 15.81z" fill="#000"/>
13 |         <path id="button2" d="M328.56 655.52c-4.38.03-7.79-3.36-7.79-7.75 0-4.29 3.34-7.72 7.58-7.77 4.32-.05 7.9 3.4 7.94 7.66.05 4.3-3.42 7.83-7.73 7.86z" fill="#000"/>
14 |         <path id="button3" d="M345.46 672.73c-4.27-.05-7.67-3.62-7.63-7.98.04-4.24 3.5-7.69 7.71-7.69 4.29.01 7.76 3.53 7.75 7.87-.02 4.31-3.58 7.85-7.83 7.8z" fill="#000"/>
15 |         <path id="button4" d="M345.5 638.42c-4.29-.02-7.71-3.53-7.68-7.9.03-4.27 3.41-7.67 7.66-7.7 4.32-.03 7.8 3.44 7.8 7.78.01 4.32-3.49 7.83-7.78 7.82z" fill="#000"/>
16 |         <path id="button5" d="M362.47 655.52a7.706 7.706 0 01-7.63-7.72c-.01-4.29 3.5-7.81 7.79-7.8 4.33.01 7.71 3.47 7.68 7.85-.03 4.4-3.44 7.73-7.84 7.67z" fill="#000"/>
17 |       </g>
18 |     </g>
19 |   </g>
20 | </svg>
21 | 


--------------------------------------------------------------------------------
/Animate on Hover/grafana.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="grafana" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="spin">
 3 |     @keyframes grafana_animation__tr{0%{transform:translate(381.556015px,384.486542px) rotate(0deg)}to{transform:translate(381.556015px,384.486542px) rotate(-360deg)}}#grafana{pointer-events:all}#grafana *{animation-play-state:paused!important}#grafana:hover *{animation-play-state:running!important}#grafana_animation{animation:grafana_animation__tr 500ms linear infinite normal forwards}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -761.4 -2310.823)">
 6 |     <path id="square" d="M382.13 673.85v72.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"/>
 7 |   </g>
 8 |   <g id="grafana_animation" transform="translate(381.556 384.487)">
 9 |     <g id="grafana_group" transform="matrix(4 0 0 4 -1136.935 -2695.27)">
10 |       <path id="grafana_logo" d="M291 589.28c6.83 3.75 11.82 9.13 14.76 16.4.3.75 1.31 1.46 2.13 1.71 4.57 1.39 9.17 2.69 13.8 3.87.93.24 2.19.12 3.02-.34 4.14-2.26 8.58-3.22 13.23-3.49 1.77-.1 2.74.55 3.43 2.18 1.86 4.41 2.87 8.88 2.28 13.72-.15 1.22.59 2.88 1.47 3.83 10.42 11.4 16.26 24.69 16.93 40.17.03.75.16 1.55-.05 2.24-.18.61-.76 1.1-1.17 1.65-.53-.42-1.33-.74-1.53-1.28-.97-2.54-1.6-5.21-2.65-7.71-8.82-20.95-24.11-34.49-46.89-37.05-28.86-3.24-52.84 9.91-58.84 43.72-4.87 27.44 12.51 48.54 33.21 54.38 15.71 4.44 29.86 1.97 40.58-11.12 8.13-9.92 11.05-21.41 5.8-33.73-5.16-12.12-19.37-18.82-31.19-15.24-10.24 3.1-17 13.78-15.22 24.05 1.92 11.06 13.7 17.55 24.06 13.36.88-.35 2.11.17 3.17.28-.45.98-.63 2.34-1.39 2.9-6.62 4.88-16.91 4.43-24.61-.92-10.48-7.28-13.97-20.89-8.66-33.78 6.56-15.92 23.49-23.97 41.24-19.61 20.9 5.13 34.89 24.55 33.28 46.03-.08 1.08.52 2.51 1.29 3.3 3.85 3.96 6.4 8.58 7.38 13.99.17.92-.35 2.4-1.06 2.96-3.84 3.03-8.23 4.97-13.18 5.05-1.97.03-2.86.96-4.04 2.31-3.83 4.36-7.99 8.44-11.89 12.73-.9.99-1.74 2.38-1.9 3.67-.82 7-3.83 12.92-8.48 18.06-.53.59-1.84.92-2.66.75-6.52-1.37-12.1-4.42-16.63-9.42-.86-.94-2.44-1.49-3.77-1.7-6.66-1.05-13.34-1.99-20.03-2.81-1.32-.16-2.97-.01-4.06.66-6.98 4.27-14.47 6.59-22.66 6.84-2.24.07-3.09-.77-3.69-2.79-2.09-7.04-2.29-14.08-.3-21.13.44-1.57.18-2.51-.81-3.76-2.75-3.45-5.25-7.09-7.9-10.62-.53-.7-1.21-1.65-1.93-1.78-11.56-1.94-20.71-7.99-28.52-16.42v-1.13c.14-.12.34-.21.4-.36 3.86-9.79 10.19-17.44 19.36-22.72.74-.43 1.3-1.54 1.53-2.43 1.27-5.09 2.45-10.21 3.54-15.34.17-.79.02-1.86-.41-2.52-5.69-8.7-8.02-18.3-8.03-28.61 0-2.23.69-3.39 2.81-4.13 9.71-3.39 19.42-3.99 29.31-.78 1.04.34 2.5.05 3.55-.42 5.21-2.34 10.36-4.82 15.5-7.3.69-.33 1.63-.81 1.81-1.41 2.5-8.2 7.97-14.07 14.71-18.97.19.01.38.01.57.01z" fill="#FFF" stroke="none" stroke-width="1"/>
11 |     </g>
12 |   </g>
13 | </svg>
14 | 


--------------------------------------------------------------------------------
/Animate on Hover/home-automation.svg:
--------------------------------------------------------------------------------
 1 | <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">
 2 |   <style>
 3 |     @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}
 4 |   </style>
 5 |   <g id="background">
 6 |     <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"/>
 7 |   </g>
 8 |   <g id="house_group">
 9 |     <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"/>
10 |     <g id="gear_animation" transform="translate(250.356 302.716)">
11 |       <g id="gear_group" transform="translate(-250.356 -302.716)" stroke="none" stroke-width="1">
12 |         <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"/>
13 |         <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"/>
14 |       </g>
15 |     </g>
16 |   </g>
17 | </svg>
18 | 


--------------------------------------------------------------------------------
/Animate on Hover/home-wifi.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="home_wifi" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="wifi_signal">
 3 |     @keyframes signal3_f_o{0%,16.666667%,33.333333%{fill-opacity:1;animation-timing-function:step-end}25%,41.666667%,8.333333%{fill-opacity:0;animation-timing-function:step-end}to{fill-opacity:1}}@keyframes signal2_f_o{0%,58.333333%,75%,91.666667%{fill-opacity:1;animation-timing-function:step-end}50%,66.666667%,83.333333%{fill-opacity:0;animation-timing-function:step-end}to{fill-opacity:1}}#home_wifi{pointer-events:all}#home_wifi *{animation-play-state:paused!important}#home_wifi:hover *{animation-play-state:running!important}#signal3{animation:signal3_f_o 6000ms linear infinite normal forwards}#signal2{animation:signal2_f_o 6000ms linear infinite normal forwards}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -827.28 -2254.526)">
 6 |     <path id="square" d="M398.6 660.01v72.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="#D52727" stroke="none" stroke-width="1"/>
 7 |   </g>
 8 |   <g id="house_top" transform="matrix(4 0 0 4 -827.276 -2254.526)">
 9 |     <g id="house_group" stroke="none" stroke-width="1">
10 |       <path id="house" d="M239.33 665.85c-3.55 3.58-6.66 6.74-9.8 9.88-1.67 1.67-2.41 1.68-4.05.04-3.23-3.22-6.46-6.44-9.68-9.68-1.57-1.58-1.58-2.33 0-3.91 28.29-28.27 56.59-56.54 84.89-84.81 1.7-1.69 2.39-1.66 4.2.15 12.6 12.58 25.2 25.17 37.81 37.76.48.48.98.93 1.85 1.75v-2.39-17.21c0-.5 0-1 .04-1.5.27-3.53.78-4 4.29-4 4.56 0 9.13.08 13.69-.04 1.83-.05 2.68.74 2.95 2.37.15.92.21 1.86.21 2.79.01 13.19.02 26.37-.02 39.56 0 1.23.37 2.07 1.23 2.93 7.46 7.39 14.87 14.82 22.3 22.24 2.08 2.08 2.08 2.63 0 4.72-3.09 3.09-6.18 6.19-9.29 9.27-1.65 1.64-2.38 1.64-4.05-.03-3.14-3.14-6.26-6.28-9.79-9.83v74.7c0 2.92-.32 3.24-3.2 3.24H242.35c-2.61 0-3-.39-3-3.06v-72.36c-.02-.67-.02-1.33-.02-2.58z" fill="#FFF"/>
11 |       <path id="signal3" d="M302.45 652.73c-17.02.41-32.22 6.42-44.93 18.49-3.54 3.35-8.52 3.49-11.7.19-3.65-3.78-3.49-8.63.34-12.25 13.09-12.35 28.53-19.98 46.37-22.09 26.05-3.09 48.71 4.64 67.77 22.69 2.91 2.76 3.1 7.23.7 10.43-2.6 3.48-6.87 4.6-10.46 2.65-.97-.53-1.8-1.33-2.62-2.09-12.71-11.74-27.74-17.69-45.47-18.02z" fill="#D52727"/>
12 |       <path id="signal2" d="M305.85 667.06c11.17.29 23.16 5.09 33.1 14.78 3.76 3.66 3.71 8.29.01 12.06-3.17 3.24-8.01 3.12-11.53-.27-14.07-13.6-34.89-13.54-49.04.13-2.96 2.86-6.9 3.39-10.12 1.38-3.27-2.05-5.12-6.37-3.77-9.71.65-1.6 1.89-3.08 3.17-4.3 9.69-9.19 22.13-14.07 38.18-14.07z" fill="#D52727"/>
13 |       <path id="signal1" d="M320.59 713.05c.32 8.74-6.81 17.39-16.65 17.94-10.12.57-18.45-7.39-18.71-17.38-.26-9.69 7.48-17.82 17.22-18.09 9.84-.27 17.86 7.48 18.14 17.53z" fill="#D52727"/>
14 |     </g>
15 |   </g>
16 | </svg>
17 | 


--------------------------------------------------------------------------------
/Animate on Hover/multimedia-alternate.svg:
--------------------------------------------------------------------------------
 1 | <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">
 2 |   <style>
 3 |     @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}
 4 |   </style>
 5 |   <g id="background">
 6 |     <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"/>
 7 |   </g>
 8 |   <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"/>
 9 |   <g id="header_top">
10 |     <g id="header_group" fill="#fff" stroke="none" stroke-width="1">
11 |       <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"/>
12 |       <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"/>
13 |       <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"/>
14 |       <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"/>
15 |       <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"/>
16 |       <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"/>
17 |       <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"/>
18 |       <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"/>
19 |     </g>
20 |   </g>
21 |   <g id="music_note_group">
22 |     <g id="music_note_animation" transform="translate(236.54 325.607)">
23 |       <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"/>
24 |     </g>
25 |   </g>
26 | </svg>
27 | 


--------------------------------------------------------------------------------
/Animate on Hover/multimedia.svg:
--------------------------------------------------------------------------------
 1 | <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">
 2 |   <style>
 3 |     @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}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -887.96 -2344.006)">
 6 |     <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"/>
 7 |   </g>
 8 |   <g id="player" transform="matrix(4 0 0 4 -889.218 -2342.924)">
 9 |     <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"/>
10 |     <path id="player_window" d="M247.76 712.17H388.8V611.46H247.76v100.71z" fill="#FFF" stroke="none" stroke-width="1"/>
11 |     <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"/>
12 |     <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"/>
13 |     <g id="play_animation" transform="translate(.194)">
14 |       <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"/>
15 |     </g>
16 |     <g id="pause_animation" opacity="0" fill="#000" fill-rule="evenodd" stroke="none" stroke-width="3" stroke-linejoin="round">
17 |       <rect id="pause1" width="70.945" height="15.135" rx="0" ry="7.567" transform="translate(281.888 638.515)"/>
18 |       <rect id="pause2" width="70.945" height="15.135" rx="0" ry="7.567" transform="translate(281.73 668.515)"/>
19 |     </g>
20 |     <g id="rewind_animation" opacity="0" fill="#000" stroke="none" stroke-width=".5">
21 |       <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"/>
22 |       <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"/>
23 |     </g>
24 |   </g>
25 | </svg>
26 | 


--------------------------------------------------------------------------------
/Animate on Hover/music.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="music" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="music_sheet">
 3 |     @keyframes music_scale_animation__to{0%{transform:translate(384.5px,381.686597px)}53.333333%{transform:translate(384.499988px,381.686597px)}80%,to{transform:translate(-391.450012px,381.686597px)}}@keyframes music_scale_group_c_o{0%,80%,to{opacity:0}3.333333%,53.333333%{opacity:1}}@keyframes music_note1_animation__to{0%,3.333333%{transform:translate(1184.185608px,170.944336px)}53.333333%,to{transform:translate(-375.814392px,170.944336px)}}@keyframes music_note2_animation__to{0%,3.333333%{transform:translate(1484.185672px,240.944358px)}53.333333%,to{transform:translate(-85.814328px,240.944358px)}}@keyframes music_note3_animation__to{0%,3.333333%{transform:translate(355.236704px,413.795165px)}53.333333%,to{transform:translate(-1204.763296px,413.795165px)}}@keyframes music_note4_animation__to{0%,3.333333%{transform:translate(1915.236704px,413.796324px)}53.333333%,to{transform:translate(355.236704px,413.796324px)}}@keyframes music_note5_animation__to{0%,3.333333%{transform:translate(927.667693px,294.367107px)}53.333333%,to{transform:translate(-632.332307px,294.367107px)}}#music{pointer-events:all}#music *{animation-play-state:paused!important}#music:hover *{animation-play-state:running!important}#music_scale_animation{animation:music_scale_animation__to 15000ms linear infinite normal forwards}#music_scale_group{animation:music_scale_group_c_o 15000ms linear infinite normal forwards}#music_note1_animation{animation:music_note1_animation__to 15000ms linear infinite normal forwards}#music_note2_animation{animation:music_note2_animation__to 15000ms linear infinite normal forwards}#music_note3_animation{animation:music_note3_animation__to 15000ms linear infinite normal forwards}#music_note4_animation{animation:music_note4_animation__to 15000ms linear infinite normal forwards}#music_note5_animation{animation:music_note5_animation__to 15000ms linear infinite normal forwards}
 4 |   </style>
 5 |   <path id="background" d="M392.49 676.01v72.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" transform="matrix(4 0 0 4 -801.294 -2320.4)" fill="#F3632D" stroke="none" stroke-width="1"/>
 6 |   <g id="music_scale_animation" transform="translate(384.5 381.687)">
 7 |     <g id="music_scale_group" transform="matrix(4 0 0 4 -1183.966 -2696.457)" opacity="0" fill="#FFF" fill-rule="evenodd" stroke="#FFF" stroke-width=".133">
 8 |       <rect id="music_scale_line1" width="192.997" height="3.834" rx="0" ry="1.208" transform="translate(200.132 740.555)"/>
 9 |       <rect id="music_scale_line2" width="192.997" height="3.834" rx="0" ry="1.208" transform="translate(198.854 705.727)"/>
10 |       <rect id="music_scale_line3" width="192.997" height="3.834" rx="0" ry="1.208" transform="translate(199.493 672.176)"/>
11 |       <rect id="music_scale_line4" width="192.997" height="3.834" rx="0" ry="1.208" transform="translate(199.707 603.839)"/>
12 |       <rect id="music_scale_line5" width="192.997" height="3.834" rx="0" ry="1.208" transform="translate(199.388 637.07)"/>
13 |     </g>
14 |   </g>
15 |   <g id="music_note1_animation" transform="translate(1184.186 170.944)">
16 |     <g id="music_note1_group" transform="matrix(4 0 0 4 -1945.3 -2929.162)" stroke="none">
17 |       <path id="music_note1_outline" d="M486.656 714.87c-7.75 1.41-14.16 5.05-18.58 11.74-2.17 3.29-3.22 6.94-2.64 10.88.87 5.86 4.58 9.48 9.98 11.17 9.17 2.87 17.71 1.18 25.25-4.71 5.17-4.03 9.408-11.267 4.6-22.136-8.961-7.673-14.42-7.703-18.61-6.943z" fill="#000" stroke-width="1"/>
18 |       <path id="music_note1_filling" d="M486.257 718.956c-5.752 1.105-10.51 3.958-13.79 9.202-1.61 2.579-2.39 5.44-1.959 8.528.646 4.593 3.4 7.43 7.407 8.755 6.806 2.25 13.144.925 18.74-3.692 3.837-3.158 8.168-8.831 4.6-17.35-6.652-6.015-11.888-6.039-14.998-5.443z" fill="#F3632D" stroke-width=".763"/>
19 |     </g>
20 |   </g>
21 |   <g id="music_note2_animation" transform="translate(1484.186 240.944)">
22 |     <path id="music_note2" d="M359.798 588.724c-7.75 1.41-14.16 5.05-18.58 11.74-2.17 3.29-3.22 6.94-2.64 10.88.87 5.86 4.58 9.48 9.98 11.17 9.17 2.87 17.71 1.18 25.25-4.71 5.17-4.03 9.408-11.268 4.6-22.137-8.962-7.673-14.42-7.703-18.61-6.943z" transform="matrix(4 0 0 4 -1437.868 -2424.575)" fill="#000" stroke="none" stroke-width="1"/>
23 |   </g>
24 |   <g id="music_note3_animation" transform="translate(355.237 413.795)">
25 |     <path id="music_note3" d="M243.024 708.27c-4.18-1.82-8.36-1.85-12.55-1.09-7.75 1.41-14.16 5.05-18.58 11.74-2.17 3.29-3.22 6.94-2.64 10.88.87 5.86 4.58 9.48 9.98 11.17 9.17 2.87 17.71 1.18 25.25-4.71 5.17-4.03 7.81-9.35 7.75-16.1-.14-14.62-.01-29.24-.05-43.85-.01-2.75 1.13-4.73 3.43-6.09.78-.46 1.62-.85 2.48-1.12 14.65-4.62 29.3-9.21 43.96-13.8.71-.22 1.47-.39 2.21-.44 1.93-.14 2.99.79 3.17 2.72.03.35.04.71.04 1.07.01 11.64.01 23.28.01 34.92 0 .37-.04.75-.06 1.22-4.34-1.84-8.71-2.13-13.14-1.47-7.91 1.19-14.47 4.73-18.91 11.56-2.76 4.25-3.67 8.89-1.75 13.75 1.89 4.77 5.7 7.53 10.48 8.78 10.08 2.62 19.06.29 26.67-6.8 4-3.73 5.98-8.36 5.94-14.01-.13-20.54-.05-41.07-.05-61.61 0-4.41.02-8.82-.01-13.23-.03-3.79-2.55-6.99-6.3-7.56-1.74-.26-3.65-.04-5.38.38-3.08.74-6.08 1.8-9.12 2.73-13.86 4.24-27.71 8.49-41.57 12.7-6.63 2.01-11.42 8.95-11.35 15.41.19 17.16.07 34.32.08 51.48.01.37.01.77.01 1.37z" transform="matrix(4 0 0 4 -1051.622 -2732.85)" fill="#000" stroke="none" stroke-width="1"/>
26 |   </g>
27 |   <g id="music_note4_animation" transform="translate(1915.237 413.796)">
28 |     <path id="music_note4" d="M243.024 708.27c-4.18-1.82-8.36-1.85-12.55-1.09-7.75 1.41-14.16 5.05-18.58 11.74-2.17 3.29-3.22 6.94-2.64 10.88.87 5.86 4.58 9.48 9.98 11.17 9.17 2.87 17.71 1.18 25.25-4.71 5.17-4.03 7.81-9.35 7.75-16.1-.14-14.62-.01-29.24-.05-43.85-.01-2.75 1.13-4.73 3.43-6.09.78-.46 1.62-.85 2.48-1.12 14.65-4.62 29.3-9.21 43.96-13.8.71-.22 1.47-.39 2.21-.44 1.93-.14 2.99.79 3.17 2.72.03.35.04.71.04 1.07.01 11.64.01 23.28.01 34.92 0 .37-.04.75-.06 1.22-4.34-1.84-8.71-2.13-13.14-1.47-7.91 1.19-14.47 4.73-18.91 11.56-2.76 4.25-3.67 8.89-1.75 13.75 1.89 4.77 5.7 7.53 10.48 8.78 10.08 2.62 19.06.29 26.67-6.8 4-3.73 5.98-8.36 5.94-14.01-.13-20.54-.05-41.07-.05-61.61 0-4.41.02-8.82-.01-13.23-.03-3.79-2.55-6.99-6.3-7.56-1.74-.26-3.65-.04-5.38.38-3.08.74-6.08 1.8-9.12 2.73-13.86 4.24-27.71 8.49-41.57 12.7-6.63 2.01-11.42 8.95-11.35 15.41.19 17.16.07 34.32.08 51.48.01.37.01.77.01 1.37z" transform="matrix(4 0 0 4 -1051.622 -2732.85)" fill="#000" stroke="none" stroke-width="1"/>
29 |   </g>
30 |   <g id="music_note5_animation" transform="translate(927.668 294.367)">
31 |     <path id="music_note5" d="M359.684 689.748c-4.18-1.82-8.36-1.85-12.55-1.09-7.75 1.41-14.16 5.05-18.58 11.74-2.17 3.29-3.22 6.94-2.64 10.88.87 5.86 4.58 9.48 9.98 11.17 9.17 2.87 17.71 1.18 25.25-4.71 5.17-4.03 7.81-9.35 7.75-16.1-.14-14.62-.01-29.24-.05-43.85-.01-2.75 1.13-4.73 3.43-6.09.78-.46 1.62-.85 2.48-1.12 18.485-9.413 15.88-2.18 12.221-18.587-2.7-14.809 12.528-20.145-16.03-10.503-6.63 2.01-11.42 8.95-11.35 15.41.19 17.16.07 34.32.08 51.48.01.37.01.77.01 1.37z" transform="matrix(4 0 0 4 -1430.694 -2680.89)" fill="#000" stroke="none" stroke-width="1"/>
32 |   </g>
33 | </svg>
34 | 


--------------------------------------------------------------------------------
/Animate on Hover/network.svg:
--------------------------------------------------------------------------------
 1 | <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">
 2 |   <style>
 3 |     @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}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -885.96 -2361.09)">
 6 |     <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"/>
 7 |   </g>
 8 |   <g id="network_top" transform="matrix(4 0 0 4 -885.959 -2361.09)">
 9 |     <g id="network_group">
10 |       <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"/>
11 |       <g id="packet_animation" transform="translate(-51.094 385.658)">
12 |         <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"/>
13 |       </g>
14 |       <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"/>
15 |       <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"/>
16 |       <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"/>
17 |       <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"/>
18 |     </g>
19 |   </g>
20 | </svg>
21 | 


--------------------------------------------------------------------------------
/Animate on Hover/nzb.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="nzb" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="bounce">
 3 |     @keyframes arrow_animation__to{0%{transform:translate(320.055px,725.661539px);animation-timing-function:cubic-bezier(.42,0,.58,1)}50%{transform:translate(320.055px,658px)}to{transform:translate(320.055px,725.661539px)}}#nzb{pointer-events:all}#nzb *{animation-play-state:paused!important}#nzb:hover *{animation-play-state:running!important}#arrow_animation{animation:arrow_animation__to 1600ms linear infinite normal forwards}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -887.023 -2344.006)">
 6 |     <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"/>
 7 |   </g>
 8 |   <g id="arrow_group" transform="matrix(4 0 0 4 -894.205 -2341.009)">
 9 |     <g id="arrow_animation" transform="translate(320.055 725.662)">
10 |       <path id="arrow" d="M386.37 685.19c-1.37 1.69-2.74 3.39-4.11 5.08-12.5 15.48-25 30.96-37.51 46.43-7.37 9.11-14.76 18.2-22.14 27.3-.54.67-1.17 1.27-1.7 1.95-.65.83-1.17.76-1.82-.03-2.67-3.25-5.4-6.45-8.06-9.72-8.56-10.55-17.1-21.11-25.63-31.68-9.91-12.28-19.8-24.58-29.7-36.87-.59-.73-1.16-1.48-1.96-2.51 1.16-.08 1.99-.18 2.82-.18 14.3-.06 28.61-.09 42.91-.17 1.07-.01 1.76.34 2.42 1.17 5.64 7.01 11.31 13.98 16.98 20.96.32.4.69.76 1.14 1.25.69-.79 1.31-1.44 1.87-2.14 5.36-6.61 10.73-13.22 16.06-19.86.79-.98 1.62-1.39 2.91-1.39 14.59.05 29.18.03 43.77.03h1.55c.08.13.14.26.2.38z" transform="translate(-320.055 -725.662)" fill="#FFF" stroke="none" stroke-width="1"/>
11 |     </g>
12 |     <path id="letters_border" d="M388.99 651.7c-.01-1.11-.01-2.21-.01-3.32v-6.16c.01-5.43.01-11.05-.08-16.61-.15-8.76-4.93-12.98-8.92-14.97-2.89-1.44-6.13-2.2-9.37-2.2-2.09 0-4.13.3-6.08.88v-13.14h-30.05v13.43H299.9v3.04c-.13-.1-.24-.22-.37-.32-3.19-2.5-7.28-3.87-11.54-3.87-2.28 0-4.53.39-6.63 1.13h-29.81v72.68H276v.01h30.08v-.02h28.4v.02h27.46l.12-.44c2.37 1.19 4.84 1.69 8.2 1.69.48 0 .99-.01 1.52-.03 7.95-.25 14.98-6.25 16.35-13.95.46-2.58.73-5.26.8-7.97.09-3.31.07-6.65.06-9.88z" fill="#F3632D" stroke="none" stroke-width="1"/>
13 |     <g id="letters" fill="#FFF" stroke="none" stroke-width="1">
14 |       <path id="letter1" d="M340.15 601.86h18.71v17.51c.5-.45.77-.68 1.03-.93 4.63-4.51 11.75-5.61 17.56-2.71 4.12 2.06 5.71 5.68 5.78 9.99.13 7.56.07 15.11.08 22.67.01 4.35.08 8.71-.04 13.06-.06 2.38-.3 4.78-.71 7.12-.92 5.13-5.71 9.11-10.95 9.28-5.66.18-7.45-.59-12.79-5.55-.41 1.48-.79 2.87-1.19 4.32h-17.47c-.01-24.89-.01-49.78-.01-74.76zm24.23 44.4c0-5.22.03-10.43-.03-15.65-.01-1.27-.23-2.57-.55-3.8-.33-1.26-1.41-1.6-2.61-1.51-1.17.08-1.86.76-2 1.89-.16 1.28-.3 2.57-.3 3.86-.02 10-.03 20 0 30 0 1.29.13 2.59.36 3.85.26 1.42 1.21 2.12 2.54 2.02 1.33-.1 2.11-.84 2.28-2.16.15-1.18.29-2.38.3-3.57.04-4.98.02-9.95.01-14.93z"/>
15 |       <path id="letter2" d="M257.22 615.26h18.97v5.09c.45-.56.72-.9.99-1.24 4.53-5.58 13.33-6.65 18.85-2.32 2.64 2.07 3.74 4.9 4 8.1.21 2.57.36 5.16.36 7.73.03 14.16.02 28.33.02 42.49v1.48h-18.74v-1.76c-.01-14.07 0-28.13-.03-42.2 0-1.72-.12-3.44-.24-5.16-.09-1.32-.75-2.12-2.16-2.2-1.57-.09-2.61.5-2.77 2.04-.29 2.75-.46 5.53-.47 8.29-.05 13.06-.02 26.13-.02 39.19v1.79h-18.77c.01-20.42.01-40.78.01-61.32z"/>
16 |       <path id="letter3" d="M322.27 664.41h13.63v12.18h-31.84c0-1.86.11-3.72-.02-5.56-.36-4.82.62-9.28 2.48-13.76 3.86-9.3 7.32-18.77 10.94-28.17.17-.44.31-.89.54-1.56h-12.44v-12.26H336c0 .9-.08 1.8.01 2.68.75 7.37-.94 14.21-3.86 20.97-3.37 7.8-6.2 15.83-9.27 23.75-.17.49-.34.98-.61 1.73z"/>
17 |     </g>
18 |   </g>
19 | </svg>
20 | 


--------------------------------------------------------------------------------
/Animate on Hover/pirate.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="pirate" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="fearsome_wink">
 3 |     @keyframes sword1_animation1__to{0%,16.666667%{transform:translate(1600px,-800px)}23.333333%,to{transform:translate(800px,0)}}@keyframes sword1_animation2__tr{0%,86.666667%{transform:rotate(0deg)}to{transform:rotate(-180deg)}}@keyframes sword2_animation1__to{0%,30%{transform:translate(-800px,-800px)}36.666667%,to{transform:translate(0,0)}}@keyframes sword2_animation2__tr{0%,86.666667%{transform:rotate(0deg)}to{transform:rotate(180deg)}}@keyframes head_animation__to{0%,20%,26.666667%,33.333333%,40%,to{transform:translate(391.268881px,389.806746px)}23.333333%,36.666667%{transform:translate(391.268881px,400px)}}@keyframes right_eye_animation__ts{0%,60%,70%,to{transform:translate(322.862592px,686.351955px) scale(1,1)}63.333333%,66.666667%{transform:translate(322.862592px,686.351955px) scale(1,.1)}}#pirate{pointer-events:all}#pirate *{animation-play-state:paused!important}#pirate:hover *{animation-play-state:running!important}#sword1_animation1{animation:sword1_animation1__to 3000ms linear infinite normal forwards}#sword1_animation2{animation:sword1_animation2__tr 3000ms linear infinite normal forwards}#sword2_animation1{animation:sword2_animation1__to 3000ms linear infinite normal forwards}#sword2_animation2{animation:sword2_animation2__tr 3000ms linear infinite normal forwards}#head_animation{animation:head_animation__to 3000ms linear infinite normal forwards}#right_eye_animation{animation:right_eye_animation__ts 3000ms linear infinite normal forwards}
 4 |   </style>
 5 |   <path id="background" d="M397.85 672.48v72.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" transform="matrix(4 0 0 4 -824.28 -2306.28)" fill="#F3632D" stroke="none" stroke-width="1"/>
 6 |   <g id="sword1_animation1" transform="translate(1600 -800)">
 7 |     <g id="sword1_animation2">
 8 |       <path id="sword1" d="M343.01 618.13c1.16-1.3 2.32-2.6 3.84-4.3-2.07-1.95-4.15-3.84-6.15-5.81-3.28-3.25-3.39-7.34-.33-10.36 2.87-2.84 7.14-2.68 10.26.42 3.76 3.73 7.49 7.48 11.5 11.5 4.73-4.82 9.35-9.53 13.98-14.23 1.43-1.45 2.84-2.91 4.3-4.33 3.13-3.03 7.43-3.12 10.26-.24s2.7 7.15-.39 10.26c-5.48 5.51-10.98 11-16.49 16.48-.56.56-1.26.98-2.1 1.62 4.17 4.16 8.03 7.96 11.82 11.83 2.93 2.99 2.95 7.31.13 10.1-2.81 2.78-6.89 2.89-9.74.14-2.03-1.96-3.91-4.07-6.04-6.29-3.11 3.32-6.01 6.33-60.075 59.51-54.065 53.18-71.055 58.97-89.755 61.8 11.1-12.26 21.82-24.12 72.245-79.825C340.7 620.7 341.86 619.42 343.01 618.13z" transform="matrix(4 0 0 4 -1640 -2320)" fill="#000" stroke="none" stroke-width="1"/>
 9 |     </g>
10 |   </g>
11 |   <g id="sword2_animation1" transform="translate(-800 -800)">
12 |     <g id="sword2_animation2">
13 |       <path id="sword2" d="M257.07 613.89c2.61 2.91 4.88 5.44 50.69 55.8 45.81 50.36 46.29 51.43 46.77 51.96 4.59 5.15 9.25 10.23 13.87 15.34 5.65 6.23 11.28 12.47 16.96 18.75-2.76.6-16.1-2.61-26.26-6.12-8.63-2.98-16.71-7.07-67.19-57.925s-52.99-53.685-55.9-56.815c-1.91 2.01-3.7 3.99-5.58 5.87-3.15 3.17-7.23 3.26-10.21.3-2.87-2.85-2.76-7.17.3-10.26 3.73-3.76 7.51-7.48 11.71-11.66-3.5-3.34-6.93-6.57-10.3-9.84-2.71-2.63-5.36-5.32-8.05-7.97-3.33-3.29-3.6-7.6-.65-10.57 2.95-2.97 7.29-2.72 10.58.58 5.54 5.56 11.09 11.1 16.64 16.64.45.45.95.87 1.53 1.4 3.87-3.88 7.62-7.72 11.46-11.48 4.23-4.14 10.63-2.38 12.08 3.32.63 2.45-.15 4.6-1.9 6.36-2.08 2.1-4.26 4.12-6.55 6.32z" transform="matrix(4 0 0 4 -800 -2320)" fill="#000" stroke="none" stroke-width="1"/>
14 |     </g>
15 |   </g>
16 |   <g id="head_animation" transform="translate(391.269 389.807)">
17 |     <g id="head_group" transform="matrix(4 0 0 4 -1238.666 -2714.817)">
18 |       <path id="head_outline" d="M337.25 624.068c22.164 19.68 22.274 20.77 22.544 21.37 2.6 5.91 4.53 11.99 5.21 18.44.07.61.55 1.31 1.04 1.72 7.22 5.95 11.88 13.41 13.17 22.73.5 3.65.69 7.56-1.43 10.79-4.17 6.34-6.55 13.03-5.16 20.79l-.66.36c-4.55-3.46-9.11-6.91-13.42-10.18-1.32 2.7-2.8 5.52-14.46 18.41s-15.21 16.65-20.41 18.34c-2.16.7-4.49 1.2-6.76 1.23-9.23.14-18.46-.01-27.68.08-8.13.08-14.11-3.55-27.99-18.675-13.88-15.125-14.97-20.655-14.38-26.535.37-3.68-1.61-6.53-2.82-9.64-3.32-8.58-4.71-17.45-4.12-26.58.47-7.33 2.2-14.41 5.4-21.07.64-1.32.53-2.11 22.615-21.725 22.085-19.615 47.145-19.535 69.31.145z" fill="#000" stroke="none" stroke-width="1"/>
19 |       <path id="head_main" d="M253.74 665.56h96.41c1.44 8.81.51 17.35-3.2 25.24-2.42 5.16-3.5 10.23-3.18 15.82.18 3.08-1.02 5.72-4.13 6.95-1.11.44-2.38.66-3.58.68-4.28.08-8.56.03-13.17.03 0 3.24.04 6.4-.01 9.56-.03 1.95.05 3.94-.34 5.82-.74 3.59-3.09 5.49-6.76 5.51-9.22.07-18.45.09-27.67 0-4.28-.04-7.04-3.05-7.09-7.43-.04-4.41-.01-8.82-.01-13.47h-12.75c-5.4-.01-8.36-2.76-8.12-8.12.24-5.3-.7-10.11-3.02-15-3.8-7.94-4.66-16.58-3.38-25.59z" fill="#FFF" stroke="none" stroke-width="1"/>
20 |       <path id="forehead" d="M342.47 645.52c-27.01-10.89-53.92-10.94-80.74.1 6.53-11.18 20.87-21.47 38.47-21.92 17.87-.45 32.08 7 42.27 21.82z" fill="#FFF" stroke="none" stroke-width="1"/>
21 |       <path id="nose" d="M308.82 707.47h-13.67v13.66h13.67v-13.66z" fill="#000" stroke="none" stroke-width="1"/>
22 |       <g id="right_eye_animation" transform="translate(322.863 686.352)">
23 |         <path id="right_eye" d="M322.87 700.33c7.8 0 13.77-6.06 14-13.77.22-7.56-6.46-14.14-13.87-14.2-7.59-.06-14.11 6.6-14.15 13.96-.03 7.52 6.59 14.38 14.02 14.01z" transform="translate(-322.863 -686.352)" fill="#000" stroke="none" stroke-width="1"/>
24 |       </g>
25 |       <path id="left_eye" d="M294.97 686.42c0-7.82-6.04-13.79-13.75-14.02-7.73-.23-14.16 6.63-14.22 13.85-.06 7.63 6.63 14.12 13.94 14.16 7.52.04 14.38-6.57 14.03-13.99z" fill="#000" stroke="none" stroke-width="1"/>
26 |     </g>
27 |   </g>
28 | </svg>
29 | 


--------------------------------------------------------------------------------
/Animate on Hover/plex.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="plex" viewBox="0 0 762 762" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="zoom">
 3 |     @keyframes plex_logo_animation__ts{0%,to{transform:translate(172.597734px,437.58533px) scale(1,1)}26.666667%,73.333333%{transform:translate(172.597734px,437.58533px) scale(1,1);animation-timing-function:cubic-bezier(.42,0,.58,1)}40%,60%{transform:translate(172.597734px,437.58533px) scale(0,0);animation-timing-function:cubic-bezier(.42,0,.58,1)}}#plex{pointer-events:all}#plex *{animation-play-state:paused!important}#plex:hover *{animation-play-state:running!important}#plex_logo_animation{animation:plex_logo_animation__ts 3000ms linear infinite normal forwards}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -304.4 -1367.446)">
 6 |     <path id="square" d="M171.36 532.36h-71.6c-10.78 0-20.86-8.3-22.88-18.89-.32-1.67-.49-3.4-.49-5.1-.03-47.58-.02-95.15-.02-142.73 0-10.95 8.25-20.97 19.01-23.01 1.59-.3 3.24-.48 4.86-.48 47.62-.02 95.23-.02 142.85-.02 10.95 0 20.99 8.26 23.01 19.01.31 1.63.48 3.32.48 4.98.02 47.58.02 95.15.02 142.73 0 10.95-8.25 20.97-19.01 23.01-1.59.3-3.24.48-4.86.48-23.79.03-47.58.02-71.37.02z" fill="#FE8A30" stroke="none" stroke-width="1"/>
 7 |     <g id="plex_logo_animation" transform="translate(172.598 437.585)">
 8 |       <path id="plex_logo" d="M130.15 507.19c.33.05.48.09.63.09 12.83 0 25.66.01 38.49-.04.51 0 1.19-.45 1.48-.9 3.18-4.84 6.28-9.73 9.43-14.59 4.94-7.61 9.91-15.2 14.83-22.82 6.6-10.21 13.16-20.44 19.77-30.64.38-.59.33-.94-.01-1.47-1.79-2.73-3.54-5.49-5.32-8.24-6.52-10.07-13.05-20.13-19.56-30.19-3.61-5.57-7.22-11.15-10.81-16.73-2.62-4.07-5.25-8.13-7.83-12.23-.68-1.08-1.44-1.55-2.79-1.54-12.39.06-24.78.04-37.17.04-.34 0-.67.04-1.1.07.39.67.69 1.22 1.03 1.75 5.52 8.57 11.05 17.14 16.56 25.72 5.03 7.83 10.03 15.68 15.05 23.52 3.7 5.77 7.41 11.53 11.16 17.26.59.91.72 1.62.09 2.59-3.97 6.12-7.88 12.27-11.81 18.41-5.19 8.1-10.38 16.2-15.59 24.29-5.46 8.51-10.95 17-16.53 25.65z" transform="translate(-172.598 -437.585)" fill="#FFF" stroke="none" stroke-width="1"/>
 9 |     </g>
10 |   </g>
11 | </svg>
12 | 


--------------------------------------------------------------------------------
/Animate on Hover/productivity.svg:
--------------------------------------------------------------------------------
 1 | <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">
 2 |   <style>
 3 |     @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}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -890.486 -2343.246)">
 6 |     <path id="square" d="M414.87 682.19v72.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.88.02 71.83z" fill="#FE8A30" stroke="none" stroke-width="1"/>
 7 |   </g>
 8 |   <g id="clock_top" transform="matrix(4 0 0 4 -890.458 -2343.236)">
 9 |     <g id="clock_group">
10 |       <path id="clock_border" d="M401.46 661.13v1.01c-.38.36-.72.77-1.13 1.08-5.06 3.76-10.13 7.51-15.22 11.24-.45.33-.57.65-.53 1.18.4 4.34.41 8.68 0 13.02-.06.61.11.95.6 1.31 5.02 3.68 10.02 7.38 15 11.1.48.36.84.87 1.26 1.3v.84c-.16.26-.33.51-.48.77-7.47 12.88-14.95 25.76-22.42 38.65-.74 1.27-1.34 1.47-2.7.87-5.78-2.55-11.57-5.09-17.34-7.65-.52-.23-.89-.21-1.36.11-3.22 2.2-6.53 4.24-10.11 5.79-1.12.48-1.52 1.18-1.65 2.35-.62 5.99-1.31 11.97-1.99 17.95-.19 1.64-.53 1.93-2.19 1.93h-36.94c-2.66 0-5.33.01-7.99 0-.98 0-1.58-.49-1.69-1.39-.24-2.03-.46-4.06-.68-6.09-.5-4.48-1.01-8.96-1.48-13.44-.05-.47-.25-.67-.64-.84-3.9-1.69-7.53-3.84-10.96-6.32-.46-.34-.83-.37-1.37-.13-5.82 2.59-11.66 5.15-17.5 7.72-1.21.53-1.8.34-2.45-.77-7.54-12.97-15.07-25.95-22.6-38.93-.66-1.14-.53-1.73.52-2.51 5.11-3.79 10.22-7.58 15.34-11.35.48-.35.67-.67.61-1.3-.4-4.34-.39-8.68 0-13.02.05-.52-.1-.8-.51-1.1-5.1-3.75-10.18-7.53-15.27-11.3-1.28-.94-1.4-1.46-.62-2.81 7.47-12.85 14.94-25.7 22.41-38.56.79-1.35 1.3-1.52 2.75-.88 5.78 2.55 11.56 5.1 17.36 7.62.32.14.86.14 1.12-.04 3.54-2.48 7.25-4.66 11.2-6.43.41-.18.55-.42.6-.87.69-6.35 1.42-12.69 2.13-19.04.17-1.51.55-1.85 2.1-1.85H341.66c1.02 0 1.59.51 1.7 1.47.23 2 .45 4.01.67 6.01.5 4.48 1.01 8.96 1.48 13.44.05.46.23.67.62.86 3.85 1.77 7.52 3.86 10.99 6.29.46.32.83.36 1.36.13 5.72-2.55 11.45-5.07 17.19-7.59 1.61-.71 2.08-.56 2.98.99 5.53 9.54 11.06 19.08 16.6 28.62l6.21 10.56z" fill="#000" stroke="none" stroke-width="1"/>
11 |       <path id="clock_face" d="M265.87 678.42h.99c2.95.01 5.89-.04 8.84.03 2.18.05 3.79 1.88 3.73 4.06-.07 2.16-1.83 3.79-4.2 3.81-2.83.03-5.67.01-8.5.01-.3 0-.59.03-.89.04 2.15 27.79 25.01 47.43 48.77 48.88v-.92-8.25c0-2.79 1.51-4.54 3.93-4.55 2.46-.01 3.97 1.74 3.97 4.59v9.22c27.28-1.55 48.18-24.23 49.55-49h-10.17c-1.5 0-2.73-.56-3.55-1.86-1.64-2.62.09-5.96 3.2-6.03 3.2-.08 6.4-.02 9.59-.03h1.11c-1.39-15.16-7.64-27.67-19.26-37.36-8.79-7.33-18.97-11.27-30.46-12.12v1.08c0 3.06.06 6.12-.04 9.17-.03.84-.36 1.77-.83 2.47-.96 1.41-2.75 1.86-4.35 1.31-1.62-.56-2.67-1.99-2.68-3.79-.03-3.09-.01-6.17-.01-9.26v-.91c-27.82 2.21-47.61 25.43-48.74 49.41z" fill="#FFF" stroke="none" stroke-width="1"/>
12 |       <g id="minute_hand_animation" transform="translate(318.98 682.16)">
13 |         <path id="minute_hand" d="M329.26 682.21c-.01 5.68-4.57 10.21-10.27 10.26-.38 0-.87.21-1.12.5-6.58 7.54-13.13 15.1-19.69 22.67-1.14 1.31-2.39 1.61-3.89.89-1.5-.72-2.39-2.23-2.08-3.66.09-.42.31-.84.55-1.2 5.45-8.22 10.9-16.42 16.37-24.63.3-.45.41-.81.19-1.36-.74-1.87-.932-6.47 1.905-10.365 2.58-3.122 6.095-3.295 6.675-3.365 6.08-.7 11.37 4.1 11.36 10.26z" transform="translate(-318.98 -682.16)" fill="#000" stroke="none" stroke-width="1"/>
14 |       </g>
15 |       <g id="hour_hand_animation" transform="translate(318.98 682.16)">
16 |         <path id="hour_hand" d="M329.26 682.21c-.01 5.68-4.57 10.21-10.27 10.26-.38 0-3.527.3-6.502-2.148-2.474-2.036-2.948-4.092-3.168-4.642-.74-1.87-.76-3.81-.42-5.79.07-.38-.02-.9-.24-1.2-4.15-5.67-8.34-11.32-12.52-16.98-.94-1.28-.97-2.52-.07-3.79.89-1.26 2.49-1.93 3.81-1.49.46.15.9.46 1.26.79 5.16 4.74 10.31 9.5 15.45 14.27.39.36.73.53 1.31.46 6.08-.7 11.37 4.1 11.36 10.26z" transform="translate(-318.98 -682.16)" fill="#000" stroke="none" stroke-width="1"/>
17 |       </g>
18 |       <path id="inner_circle1" d="M311.91 682.09c.03-3.85 3.26-7.02 7.13-6.99 3.85.03 7.03 3.25 7.01 7.12-.02 3.9-3.25 7.06-7.18 7.02-3.85-.04-6.99-3.26-6.96-7.15z" fill="#FFF" stroke="none" stroke-width="1"/>
19 |       <path id="inner_circle2" d="M318.98 677.98c2.26 0 4.19 1.92 4.19 4.18 0 2.25-1.93 4.19-4.18 4.19-2.26 0-4.19-1.92-4.19-4.18-.01-2.26 1.92-4.19 4.18-4.19z" fill="#000" stroke="none" stroke-width="1"/>
20 |     </g>
21 |   </g>
22 | </svg>
23 | 


--------------------------------------------------------------------------------
/Animate on Hover/search.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="search" viewBox="0 0 499.17 498.38" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="pan">
 3 |     @keyframes magnifying_glass_animation__tr{0%,to{transform:translate(250px,450px) rotate(0deg)}25%{transform:translate(250px,450px) rotate(-17deg)}75%{transform:translate(250px,450px) rotate(17deg)}}#search{pointer-events:all}#search *{animation-play-state:paused!important}#search:hover *{animation-play-state:running!important}#magnifying_glass_animation{animation:magnifying_glass_animation__tr 4000ms linear infinite normal forwards}
 4 |   </style>
 5 |   <g id="background">
 6 |     <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="#F3632D" stroke="none" stroke-width="1"/>
 7 |   </g>
 8 |   <g id="magnifying_glass_top" transform="translate(-15.7 -4.3)">
 9 |     <g id="magnifying_glass_animation" transform="translate(250 450)">
10 |       <g id="magnifying_glass" transform="translate(-250 -450)" stroke="none" stroke-width="1">
11 |         <path id="magnifying_glass_edge" d="M345.09 48.68c-48.45-35.54-113.45-38-164.54-6.12-5.92 3.7-11.52 7.91-17.28 11.88l-17.92 17.92c-.5.87-.88 1.83-1.5 2.61-21.2 26.33-32.32 56.45-32.7 90.19-.79 70.82 47.01 130.59 116.17 145.88 1.01.22 1.99.57 3.4.99-1.13.99-1.77 1.61-2.46 2.16-13.28 10.44-20.53 24.11-20.7 40.97-.28 27.26-.29 54.52.09 81.78.18 12.9 5.54 24.09 14.43 33.4 11.55 12.1 25.88 16.93 42.53 16.72 29.81-.37 53.51-23.51 53.63-53.26.11-25.98.06-51.97 0-77.95-.02-9.67-2.64-18.66-7.65-26.96-4.57-7.57-10.78-13.5-18.26-18.33.5-.33.7-.52.93-.59 1.1-.33 2.21-.62 3.32-.94 41.24-11.81 72.25-36.6 92.09-74.5 33.54-64.08 14.75-143.07-43.58-185.85zm-20.73 184.9c-36.57 36.57-96.02 36.64-132.63.17-36.44-36.3-36.5-95.98-.14-132.74 36.4-36.81 96.19-36.65 133.14.35 36.37 36.4 36.2 95.65-.37 132.22z" fill="#000"/>
12 |         <path id="magnifying_glass_shine" d="M201.87 115.51c20.19-18.99 40.98-26.49 65.22-23.92 9.51 1.01 15.64 8.26 14.72 17.13-.91 8.78-8.6 14.46-18.03 13.63-19.7-1.75-34.78 5.83-45.14 22.72-5.92 9.66-17.57 11.35-24.99 3.62-4.54-4.73-5.86-11.96-2.39-17.7 3.8-6.3 8.31-12.17 10.61-15.48z" fill="#FFF"/>
13 |       </g>
14 |     </g>
15 |   </g>
16 | </svg>
17 | 


--------------------------------------------------------------------------------
/Animate on Hover/security.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="security" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="secure">
 3 |     @keyframes shield_animation__ts{0%,50%,56.666667%,to{transform:translate(319.537322px,683.248836px) scale(1,1)}53.333333%{transform:translate(319.537322px,683.248836px) scale(.8,.8)}}@keyframes lock_top_animation__to{0%,53.333333%,to{transform:translate(319.226515px,660.27px)}3.333333%,50%{transform:translate(319.226515px,650.27px)}}#security{pointer-events:all}#security *{animation-play-state:paused!important}#security:hover *{animation-play-state:running!important}#shield_animation{animation:shield_animation__ts 3000ms linear infinite normal forwards}#lock_top_animation{animation:lock_top_animation__to 3000ms linear infinite normal forwards}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -894.56 -2347.566)">
 6 |     <path id="square" d="M415.42 683.27v72.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="#F3632D" stroke="none" stroke-width="1"/>
 7 |   </g>
 8 |   <g id="shield_lock_group" transform="matrix(4 0 0 4 -894.58 -2347.56)">
 9 |     <g id="shield_animation" transform="translate(319.537 683.249)">
10 |       <path id="shield" d="M398.45 661.5c-.69 13.6-.66 27.28-2.22 40.78-2.69 23.13-14.64 41.09-34.57 52.78-12.62 7.4-26.37 12.88-39.7 19.05-1.43.66-3.68.75-5.09.11-13.22-6.07-26.89-11.43-39.39-18.77-24.68-14.48-35.85-37.37-36.58-65.45-.5-19.49-.15-39-.23-58.5-.01-3.42 1.55-5.66 4.59-7.04 23.57-10.7 47.11-21.47 70.75-32.01 1.85-.83 4.72-.8 6.58.03 23.51 10.49 46.93 21.21 70.38 31.83 3.37 1.53 4.92 3.94 4.88 7.69-.11 9.82-.04 19.64-.04 29.46.21.02.42.03.64.04z" transform="translate(-319.537 -683.249)" fill="#000" stroke="none" stroke-width="1"/>
11 |     </g>
12 |     <g id="lock_top_animation" transform="translate(319.227 660.27)">
13 |       <g id="lock_top" transform="translate(-435.413 -668.135)" stroke="none" stroke-width="1">
14 |         <path id="lock_top_main" d="M182.786 792.184c0-6.744.006-3.6-.004-9.998-.05-23.385-11.37-31.987-25.81-32.224-14.7-.236-26.28 8.524-26.54 32.224-.07 6.586 0 22.503 0 29.64-1.67 0 26.753-.015 25.553 0-7.09.127-11.04.201 0 0-9.845-.042-11.172.04 0 0 6.006-.028.569-.015 0 0 1.053.488-20.85.048 0 0 5.65-.015-1.899.109-7.96 0 7.545-.092 20.215-19.616 11.912-19.642 6.59.147 12.87.389 22.85 0z" transform="translate(278.84 -112.819)" fill="#FFF"/>
15 |         <path id="lock_top_hole" d="M306.22 679.646c0-6.752-.32-16.822 0-23.173.48-9.298 6.27-12.565 12.97-12.593 6.82-.041 12.69 3.074 13.1 12.593.26 6.184 0 16.518 0 23.187-8.62-.014-17.1-.014-26.07-.014z" transform="translate(116.168 6.74)" fill="#000"/>
16 |       </g>
17 |     </g>
18 |     <g id="lock_bottom" stroke="none" stroke-width="1">
19 |       <path id="lock_bottom_main" d="M345.44 668.613c.109.1-.105.149-.005-.079-.071.11-.107.12-26.264.08-14.7-.15-26.092.028-26.076 0 11.427-.091-4.38.058 0-.01-1.67 0-3.054 0-4.254.01-7.09.08-8.881 3.406-8.891 10.366-.02 13.9-.03 27.8.01 41.69.02 6.01 2.23 8.28 8.04 8.29 20.85.03 41.69.03 62.54 0 5.65-.01 7.94-2.32 7.95-7.95.03-12.54.02-25.07.03-37.61.01-12.77.03-14.007-13.08-14.787z" fill="#FFF"/>
20 |       <path id="lock_bottom_hole" d="M309.45 696.36c-.09-5.37 4.41-9.93 9.78-9.92 5.3.01 9.64 4.19 9.83 9.47.2 5.35-4.23 10.03-9.59 10.15-5.41.1-9.93-4.27-10.02-9.7z" fill="#000"/>
21 |     </g>
22 |   </g>
23 | </svg>
24 | 


--------------------------------------------------------------------------------
/Animate on Hover/settings.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" id="settings" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
 2 |   <style id="spin">
 3 |     @keyframes gear_animation__tr{0%{transform:translate(299.00188px,673.181962px) rotate(0deg)}to{transform:translate(299.00188px,673.181962px) rotate(360deg)}}#settings{pointer-events:all}#settings *{animation-play-state:paused!important}#settings:hover *{animation-play-state:running!important}#gear_animation{animation:gear_animation__tr 3000ms linear infinite normal forwards}
 4 |   </style>
 5 |   <g id="background" transform="matrix(4 0 0 4 -806.006 -2320.4)">
 6 |     <path id="square" d="M393.75 676.01v72.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"/>
 7 |   </g>
 8 |   <g id="settings_top" transform="matrix(4 0 0 4 -826.545 -2336.753)">
 9 |     <g id="settings_group">
10 |       <g id="gear_animation" transform="translate(299.002 673.182)">
11 |         <path id="gear" d="M291.24 592.79c-1.93.3-3.42 1.79-3.42 3.12 0 1.34-.74 5.06-1.64 8.04-1.93 7.44-6.55 7.59-12.2.45-2.23-2.83-5.36-5.21-6.7-5.21-3.42 0-16.67 8.33-16.67 10.42 0 .89 1.04 4.02 2.23 6.99 1.19 2.83 2.23 6.25 2.23 7.29 0 3.27-6.55 4.02-12.65 1.49-3.12-1.34-5.8-2.38-6.1-2.38-1.64 0-9.52 14.43-9.52 17.26 0 2.08 1.93 4.91 5.21 7.44 2.83 2.08 5.21 4.76 5.21 5.95 0 2.83-5.95 6.55-10.71 6.55-7.14 0-10.12 7.44-7.74 19.2.89 4.17 1.49 4.61 6.4 4.61 5.65 0 12.05 3.42 12.05 6.25 0 1.04-2.38 3.87-5.21 6.55-2.83 2.53-5.21 6.1-5.21 7.89 0 4.17 3.27 10.56 7.14 13.99 2.98 2.68 3.27 2.68 9.52-.3 6.4-2.98 6.4-2.98 9.37 0 2.83 2.68 2.83 2.98.3 9.82-2.38 6.55-2.38 6.99 0 9.82 1.49 1.49 5.36 4.17 8.63 5.8l5.8 3.12 5.8-6.55c5.51-6.25 5.8-6.4 9.67-4.17 3.12 1.64 4.17 3.42 4.46 8.04.6 7.29 3.42 9.67 11.76 9.67 7.89 0 11.61-3.42 13.09-11.76 1.34-8.04 5.65-9.67 10.56-3.72 1.93 2.38 3.42 4.76 3.57 5.36 0 2.53 8.33 1.04 14.43-2.53 7.14-4.32 7.74-6.7 3.87-14.88-2.38-4.91-2.38-5.36 0-7.74s2.98-2.38 9.82.15c4.17 1.49 8.18 2.23 8.93 1.79.74-.6 3.57-4.76 6.25-9.37 4.46-7.89 4.61-8.48 2.23-9.97-6.84-4.17-9.82-7.29-9.82-10.71 0-3.87 4.46-6.55 11.16-6.55 4.46 0 6.7-3.87 6.7-11.76 0-8.48-1.19-10.42-7.14-11.46-12.2-2.23-13.69-6.1-5.51-13.99 2.83-2.83 5.21-5.95 5.21-6.84 0-2.08-8.18-14.88-10.42-16.22-.74-.45-3.42.15-5.8 1.49-5.65 2.83-9.67 2.83-12.05 0-1.64-1.93-1.49-3.27.45-7.59 3.57-7.44 3.27-8.93-3.72-13.99-7.89-5.8-10.42-5.65-16.22.74-2.68 2.83-5.95 5.21-7.44 5.21-3.42 0-5.8-4.32-5.8-10.27 0-2.38-.6-4.91-1.49-5.36-2.05-1.18-15-2.08-18.87-1.18z" transform="translate(-299.002 -673.182)" fill="#FFF" stroke="none" stroke-width="1"/>
12 |       </g>
13 |       <path id="wrench_outline" d="M290.66 625.97c-22.61 3.96-39.79 23.69-39.79 47.43 0 24.65 18.53 44.98 42.42 47.82 1.88.22 3.8.34 5.74.34 3.37 0 6.66-.35 9.84-1.01l9.26 9.02c14.01 13.64 28.03 27.26 42.05 40.89l3.32-3.05 17.12-15.72 8.38-16.41s1.07-.98 2.45-2.25c-18.65-16.99-26.12-35.54-44.77-52.53.22-1.48.37-2.99.46-4.52.05-.86.07-1.72.07-2.59 0-26.59-21.56-48.15-48.15-48.15-2.88.01-5.68.26-8.4.73z" fill="#F3632D" stroke="none" stroke-width="1"/>
14 |       <path id="wrench" d="M269.76 660.15c5.63 5.64 11.1 11.13 16.58 16.61 2.74 2.74 4.44 2.74 7.18 0 3.44-3.44 6.87-6.88 10.31-10.32 2.73-2.73 2.74-4.47.06-7.16l-15.27-15.27c-.43-.43-.83-.88-1.71-1.81 3.58-.71 6.7-1.71 9.88-1.89 16.85-.97 30.52 9.6 33.64 26.15.67 3.54.28 7.33.04 10.98-.09 1.45.09 2.37 1.13 3.37 16.38 15.82 32.7 31.68 49.08 47.5 3.19 3.08 4.25 6.6 2.9 10.86-2.93 9.25-9.05 15.16-18.44 17.55-3.62.92-6.79-.18-9.4-2.88-15.97-16.49-31.95-32.96-47.89-49.47-.9-.93-1.69-1.27-3-1.06-18.02 2.88-33.61-8.02-37.07-25.86-1.09-5.52-.31-12.58 1.98-17.3z" fill="#FFF" stroke="none" stroke-width="1"/>
15 |     </g>
16 |   </g>
17 | </svg>
18 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2020 Josiah Hutchinson
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------