TheCloneArmy/unraid-animated-svgs
1
0
Fork 1
mirror of https://github.com/ground7/unraid-animated-svgs.git synced 2025-10-27 11:21:08 -04:00
Code Issues Packages Projects Releases Wiki Activity

Moved defaults to hover folder

Browse Source
This commit is contained in:
ground7
2020-06-03 12:05:14 -07:00
parent d4b4971186
commit 8d62af76f7
19 changed files with 62 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
Animate on Hover/audio.svg Normal file
View File

@ -0,0 +1,11 @@
<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">
<style id="sound">
@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}
</style>
<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"/>
<g id="speaker_wrapper" transform="translate(213.75 349.749)">
<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"/>
</g>
<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"/>
<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"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.1 KiB

16
Animate on Hover/backup.svg Normal file
View File

@ -0,0 +1,16 @@
<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">
<style id="spin">
@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}
</style>
<g id="background" transform="matrix(4 0 0 4 -897.24 -2361.366)">
<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"/>
</g>
<g id="arrow_animation_group" transform="translate(383.551 385.436)">
<g id="arrow_center" transform="matrix(4 0 0 4 -1280.756 -2746.8)">
<g id="arrow_group" fill="#FFF" stroke="none" stroke-width="1">
<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"/>
<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"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

19
Animate on Hover/cloud.svg Normal file
View File

@ -0,0 +1,19 @@
<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">
<style id="drift">
@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}
</style>
<g id="background" transform="matrix(4 0 0 4 -807.766 -2318.526)">
<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"/>
</g>
<g id="clouds" transform="matrix(4 0 0 4 -807.792 -2303.225)">
<g id="cloud1_animation_group" transform="translate(-34.75 -34.5)">
<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"/>
</g>
<g id="cloud2_animation_group">
<g id="cloud2_group" stroke="none" stroke-width="1">
<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"/>
<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"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

90
Animate on Hover/code.svg Normal file
View File

@ -0,0 +1,90 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
id="e7c3754fjifg1"
viewBox="0 0 769 769"
width="500"
height="500"
shape-rendering="geometricPrecision"
text-rendering="geometricPrecision"
version="1.1"
sodipodi:docname="code.svg"
inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
<metadata
id="metadata16">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs14" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="732"
inkscape:window-height="480"
id="namedview12"
showgrid="false"
inkscape:zoom="0.30689207"
inkscape:cx="384.5"
inkscape:cy="384.5"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="e7c3754fjifg1" />
<style
id="style2"><![CDATA[#e7c3754fjifg1{pointer-events: all}#e7c3754fjifg1 * {animation-play-state: paused !important}#e7c3754fjifg1:hover * {animation-play-state: running !important}#e7c3754fjifg6 {animation: e7c3754fjifg6_f_o 2000ms linear infinite normal forwards}@keyframes e7c3754fjifg6_f_o { 0% {fill-opacity: 1;animation-timing-function: step-end} 15% {fill-opacity: 0;animation-timing-function: step-end} 50% {fill-opacity: 0;animation-timing-function: step-end} 85% {fill-opacity: 1} 100% {fill-opacity: 1} }#e7c3754fjifg7 {animation: e7c3754fjifg7_f_o 2000ms linear infinite normal forwards}@keyframes e7c3754fjifg7_f_o { 0% {fill-opacity: 1;animation-timing-function: step-end} 25% {fill-opacity: 0;animation-timing-function: step-end} 50% {fill-opacity: 0;animation-timing-function: step-end} 75% {fill-opacity: 1} 100% {fill-opacity: 1} }#e7c3754fjifg8 {animation: e7c3754fjifg8_f_o 2000ms linear infinite normal forwards}@keyframes e7c3754fjifg8_f_o { 0% {fill-opacity: 1;animation-timing-function: step-end} 35% {fill-opacity: 0;animation-timing-function: step-end} 50% {fill-opacity: 0;animation-timing-function: step-end} 65% {fill-opacity: 1} 100% {fill-opacity: 1} }]]></style>
<g
id="e7c3754fjifg2"
transform="matrix(4 0 0 4 -808.47998047999999 -2293.24633787500034)">
<path
id="e7c3754fjifg3"
d="M393.900000,669.690000C393.900000,693.750000,393.900000,717.820000,393.900000,741.880000C393.900000,752.910000,385.580000,762.990000,374.720000,765.060000C373.110000,765.370000,371.450000,765.540000,369.820000,765.540000C321.850000,765.570000,273.890000,765.560000,225.920000,765.560000C214.160000,765.560000,203.900000,756.540000,202.360000,744.840000C202.220000,743.810000,202.130000,742.760000,202.130000,741.720000C202.120000,693.630000,202.120000,645.540000,202.120000,597.460000C202.120000,586.430000,210.440000,576.340000,221.300000,574.280000C222.910000,573.970000,224.570000,573.800000,226.200000,573.800000C274.210000,573.780000,322.220000,573.780000,370.220000,573.780000C381.250000,573.780000,391.350000,582.110000,393.400000,592.960000C393.700000,594.570000,393.880000,596.230000,393.880000,597.860000C393.900000,621.810000,393.900000,645.750000,393.900000,669.690000Z"
fill="rgb(213,39,39)"
stroke="none"
stroke-width="1" />
</g>
<g
id="e7c3754fjifg4"
transform="matrix(4 0 0 4 -808.46427917000005 -2293.22628782500033)">
<g
id="e7c3754fjifg5">
<path
id="e7c3754fjifg6"
d="M390.850000,668.230000C389.760000,672.960000,386.600000,676.130000,383.010000,679.120000C371.020000,689.070000,359.130000,699.140000,347.200000,709.150000C341.060000,714.300000,333.620000,714.200000,327.870000,708.900000C322.540000,704,322.100000,694.760000,327.330000,689.690000C331.610000,685.540000,336.330000,681.830000,340.880000,677.960000C345.620000,673.930000,350.390000,669.940000,355.330000,665.790000C352.220000,663.120000,349.170000,660.500000,346.120000,657.880000C340.350000,652.920000,334.520000,648.030000,328.820000,642.990000C321.170000,636.220000,322.130000,625.100000,330.710000,620C335.760000,617,342.210000,617.690000,347.180000,621.930000C360.030000,632.920000,372.830000,643.970000,385.660000,654.980000C388.430000,657.360000,389.970000,660.420000,390.860000,663.880000C390.850000,665.330000,390.850000,666.780000,390.850000,668.230000Z"
fill="rgb(255,255,255)"
stroke="none"
stroke-width="1" />
<path
id="e7c3754fjifg7"
d="M321.650000,611.840000C321.010000,615.210000,320.150000,619.890000,319.240000,624.550000C315.420000,644.310000,311.590000,664.060000,307.770000,683.820000C304.720000,699.610000,301.720000,715.420000,298.600000,731.200000C297.390000,737.330000,293.700000,741.440000,287.500000,742.670000C281.880000,743.790000,277.120000,741.910000,273.610000,737.300000C270.880000,733.710000,270.370000,729.640000,271.230000,725.270000C275.810000,701.860000,280.350000,678.430000,284.890000,655.010000C287.940000,639.280000,290.820000,623.510000,294.060000,607.810000C296.330000,596.790000,308.760000,592.720000,317.130000,600.020000C319.980000,602.520000,321.760000,606.630000,321.650000,611.840000Z"
fill="rgb(255,255,255)"
stroke="none"
stroke-width="1" />
<path
id="e7c3754fjifg8"
d="M240.630000,665.740000C247.850000,671.800000,254.920000,677.650000,261.860000,683.630000C264.810000,686.180000,267.940000,688.700000,270.220000,691.800000C273.930000,696.840000,272.800000,704.390000,268.330000,708.710000C263.340000,713.520000,256.050000,714.480000,250.800000,710.540000C245.540000,706.590000,240.600000,702.230000,235.550000,698C227.350000,691.140000,219.200000,684.230000,211.010000,677.360000C205.560000,672.790000,203.720000,666.950000,206.300000,660.750000C207.210000,658.550000,208.820000,656.430000,210.620000,654.860000C223.270000,643.810000,236.020000,632.890000,248.790000,621.990000C256.700000,615.230000,267.700000,617.720000,271.450000,627.230000C273.470000,632.350000,272.690000,637.450000,268.740000,641.330000C263.790000,646.180000,258.370000,650.550000,253.120000,655.110000C249.430000,658.320000,245.700000,661.480000,241.980000,664.660000C241.570000,665,241.140000,665.330000,240.630000,665.740000Z"
fill="rgb(255,255,255)"
stroke="none"
stroke-width="1" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.8 KiB

126
Animate on Hover/control.svg Normal file
View File

@ -0,0 +1,126 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
id="egqz9tzsn5ck1"
viewBox="0 0 769 769"
width="500"
height="500"
shape-rendering="geometricPrecision"
text-rendering="geometricPrecision"
version="1.1"
sodipodi:docname="control.svg"
inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
<metadata
id="metadata22">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs20" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="732"
inkscape:window-height="480"
id="namedview18"
showgrid="false"
inkscape:zoom="0.30689207"
inkscape:cx="384.5"
inkscape:cy="384.5"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="egqz9tzsn5ck1" />
<style
id="style2"><![CDATA[#egqz9tzsn5ck1{pointer-events: all}#egqz9tzsn5ck1 * {animation-play-state: paused !important}#egqz9tzsn5ck1:hover * {animation-play-state: running !important}#egqz9tzsn5ck7_to {animation: egqz9tzsn5ck7_to__to 3000ms linear infinite normal forwards}@keyframes egqz9tzsn5ck7_to__to { 0% {transform: translate(0px,0px)} 3.333333% {transform: translate(-0.010000px,-32.621792px)} 20% {transform: translate(-0.010000px,98.534615px)} 36.666667% {transform: translate(-0.010000px,-38.050000px)} 53.333333% {transform: translate(-0.010000px,96.256316px)} 70% {transform: translate(-0.010000px,-31.444042px)} 86.666667% {transform: translate(2.060226px,95.257620px)} 100% {transform: translate(0px,0px)} }#egqz9tzsn5ck9_to {animation: egqz9tzsn5ck9_to__to 3000ms linear infinite normal forwards}@keyframes egqz9tzsn5ck9_to__to { 0% {transform: translate(0px,0px)} 3.333333% {transform: translate(0.001446px,43.151611px)} 13.333333% {transform: translate(0.001446px,-88.780827px)} 23.333333% {transform: translate(-0.232752px,43.977479px)} 33.333333% {transform: translate(0.001446px,-84.651486px)} 43.333333% {transform: translate(-0.232752px,43.923951px)} 53.333333% {transform: translate(0.001446px,-88.008155px)} 63.333333% {transform: translate(0.001446px,42.012079px)} 73.333333% {transform: translate(0.001446px,-88.529091px)} 83.333333% {transform: translate(0.001446px,42.354551px)} 93.333333% {transform: translate(0.001446px,-87.146240px)} 100% {transform: translate(0px,0px)} }#egqz9tzsn5ck11_to {animation: egqz9tzsn5ck11_to__to 3000ms linear infinite normal forwards}@keyframes egqz9tzsn5ck11_to__to { 0% {transform: translate(0px,0px)} 30% {transform: translate(0px,77.750000px)} 80% {transform: translate(0px,-47.841157px)} 100% {transform: translate(0px,0px)} }]]></style>
<g
id="egqz9tzsn5ck2"
transform="matrix(4 0 0 4 -825.44641111500027 -2258.58312988000034)">
<path
id="egqz9tzsn5ck3"
d="M398.610000,660.790000C398.610000,684.850000,398.610000,708.920000,398.610000,732.980000C398.610000,744.010000,390.290000,754.090000,379.430000,756.160000C377.820000,756.470000,376.160000,756.640000,374.530000,756.640000C326.560000,756.670000,278.600000,756.660000,230.630000,756.660000C218.870000,756.660000,208.610000,747.640000,207.070000,735.940000C206.930000,734.910000,206.840000,733.860000,206.840000,732.820000C206.830000,684.730000,206.830000,636.640000,206.830000,588.560000C206.830000,577.530000,215.150000,567.440000,226.010000,565.380000C227.620000,565.070000,229.280000,564.900000,230.910000,564.900000C278.920000,564.880000,326.930000,564.880000,374.930000,564.880000C385.960000,564.880000,396.060000,573.210000,398.110000,584.060000C398.410000,585.670000,398.590000,587.330000,398.590000,588.960000C398.620000,612.900000,398.610000,636.850000,398.610000,660.790000Z"
fill="rgb(243,99,45)"
stroke="none"
stroke-width="1" />
</g>
<g
id="egqz9tzsn5ck4"
transform="matrix(4 0 0 4 -825.42899322000017 -2258.56582640500028)">
<g
id="egqz9tzsn5ck5">
<path
id="egqz9tzsn5ck6"
d="M249.980000,730.880000L243.690000,730.880000C240.990000,730.880000,238.770000,728.670000,238.770000,725.960000L238.770000,595.570000C238.770000,592.870000,240.980000,590.650000,243.690000,590.650000L249.980000,590.650000C252.680000,590.650000,254.900000,592.860000,254.900000,595.570000L254.900000,725.960000C254.900000,728.670000,252.690000,730.880000,249.980000,730.880000Z"
fill="rgb(28,28,28)"
stroke="rgb(28,28,28)"
stroke-width="7"
stroke-miterlimit="10" />
<g
id="egqz9tzsn5ck7_to"
transform="translate(0,0)">
<path
id="egqz9tzsn5ck7"
d="M257.230000,650.090000L236.460000,650.090000C230.220000,650.090000,225.120000,644.990000,225.120000,638.750000L225.120000,618.650000C225.120000,612.410000,230.220000,607.310000,236.460000,607.310000L257.230000,607.310000C263.470000,607.310000,268.570000,612.410000,268.570000,618.650000L268.570000,638.750000C268.570000,644.990000,263.460000,650.090000,257.230000,650.090000Z"
transform="translate(0,0)"
fill="rgb(255,255,255)"
stroke="none"
stroke-width="1" />
</g>
<path
id="egqz9tzsn5ck8"
d="M305.860000,730.880000L299.570000,730.880000C296.870000,730.880000,294.650000,728.670000,294.650000,725.960000L294.650000,595.570000C294.650000,592.870000,296.860000,590.650000,299.570000,590.650000L305.860000,590.650000C308.560000,590.650000,310.780000,592.860000,310.780000,595.570000L310.780000,725.960000C310.770000,728.670000,308.560000,730.880000,305.860000,730.880000Z"
fill="rgb(28,28,28)"
stroke="rgb(28,28,28)"
stroke-width="7"
stroke-miterlimit="10" />
<g
id="egqz9tzsn5ck9_to"
transform="translate(0,0)">
<path
id="egqz9tzsn5ck9"
d="M313.100000,703.380000L292.330000,703.380000C286.090000,703.380000,280.990000,698.280000,280.990000,692.040000L280.990000,671.940000C280.990000,665.700000,286.090000,660.600000,292.330000,660.600000L313.100000,660.600000C319.340000,660.600000,324.440000,665.700000,324.440000,671.940000L324.440000,692.040000C324.440000,698.280000,319.340000,703.380000,313.100000,703.380000Z"
transform="translate(0,0)"
fill="rgb(255,255,255)"
stroke="none"
stroke-width="1" />
</g>
<path
id="egqz9tzsn5ck10"
d="M361.730000,730.880000L355.440000,730.880000C352.740000,730.880000,350.520000,728.670000,350.520000,725.960000L350.520000,595.570000C350.520000,592.870000,352.730000,590.650000,355.440000,590.650000L361.730000,590.650000C364.430000,590.650000,366.650000,592.860000,366.650000,595.570000L366.650000,725.960000C366.650000,728.670000,364.430000,730.880000,361.730000,730.880000Z"
fill="rgb(28,28,28)"
stroke="rgb(28,28,28)"
stroke-width="7"
stroke-miterlimit="10" />
<g
id="egqz9tzsn5ck11_to"
transform="translate(0,0)">
<path
id="egqz9tzsn5ck11"
d="M368.970000,668.410000L348.200000,668.410000C341.960000,668.410000,336.860000,663.310000,336.860000,657.070000L336.860000,636.970000C336.860000,630.730000,341.960000,625.630000,348.200000,625.630000L368.970000,625.630000C375.210000,625.630000,380.310000,630.730000,380.310000,636.970000L380.310000,657.070000C380.310000,663.310000,375.210000,668.410000,368.970000,668.410000Z"
transform="translate(0,0)"
fill="rgb(255,255,255)"
stroke="none"
stroke-width="1" />
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.1 KiB

177
Animate on Hover/dash.svg Normal file
View File

@ -0,0 +1,177 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
id="ez4ns36htmzd1"
viewBox="0 0 769 769"
width="500"
height="500"
shape-rendering="geometricPrecision"
text-rendering="geometricPrecision"
version="1.1"
sodipodi:docname="dash.svg"
inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
<metadata
id="metadata32">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs30" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="732"
inkscape:window-height="480"
id="namedview28"
showgrid="false"
inkscape:zoom="0.30689207"
inkscape:cx="384.5"
inkscape:cy="384.5"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="ez4ns36htmzd1" />
<style
id="style2"><![CDATA[#ez4ns36htmzd1{pointer-events: all}#ez4ns36htmzd1 * {animation-play-state: paused !important}#ez4ns36htmzd1:hover * {animation-play-state: running !important}#ez4ns36htmzd16 {animation: ez4ns36htmzd16_f_o 3000ms linear infinite normal forwards}@keyframes ez4ns36htmzd16_f_o { 0% {fill-opacity: 1;animation-timing-function: step-end} 13.333333% {fill-opacity: 0;animation-timing-function: step-end} 90% {fill-opacity: 1} 100% {fill-opacity: 1} }#ez4ns36htmzd17 {animation: ez4ns36htmzd17_f_o 3000ms linear infinite normal forwards}@keyframes ez4ns36htmzd17_f_o { 0% {fill-opacity: 1;animation-timing-function: step-end} 16.666667% {fill-opacity: 0;animation-timing-function: step-end} 70% {fill-opacity: 1} 100% {fill-opacity: 1} }#ez4ns36htmzd18 {animation: ez4ns36htmzd18_f_o 3000ms linear infinite normal forwards}@keyframes ez4ns36htmzd18_f_o { 0% {fill-opacity: 1;animation-timing-function: step-end} 20% {fill-opacity: 0;animation-timing-function: step-end} 53.333333% {fill-opacity: 1} 100% {fill-opacity: 1} }#ez4ns36htmzd19 {animation: ez4ns36htmzd19_f_o 3000ms linear infinite normal forwards}@keyframes ez4ns36htmzd19_f_o { 0% {fill-opacity: 1;animation-timing-function: step-end} 23.333333% {fill-opacity: 0;animation-timing-function: step-end} 33.333333% {fill-opacity: 1} 100% {fill-opacity: 1} }#ez4ns36htmzd20_to {animation: ez4ns36htmzd20_to__to 3000ms linear infinite normal forwards}@keyframes ez4ns36htmzd20_to__to { 0% {transform: translate(261.260000px,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.468010px,633.384489px)} 50% {transform: translate(296.971628px,634.413605px)} 66.666667% {transform: translate(279.831880px,639.686618px)} 83.333333% {transform: translate(267.182725px,654.503658px)} 100% {transform: translate(261.170000px,670px)} }#ez4ns36htmzd20_tr {animation: ez4ns36htmzd20_tr__tr 3000ms linear infinite normal forwards}@keyframes ez4ns36htmzd20_tr__tr { 0% {transform: rotate(-120deg)} 10% {transform: rotate(-120deg)} 23.333333% {transform: rotate(0deg)} 100% {transform: rotate(-120deg)} }]]></style>
<g
id="ez4ns36htmzd2"
transform="matrix(4 0 0 4 -821.12646484499999 -2304.68627927500074)">
<path
id="ez4ns36htmzd3"
d="M396.794584,671.905749C396.794584,695.965749,396.794584,720.035749,396.794584,744.095749C396.794584,755.125749,388.474584,765.205749,377.614584,767.275749C376.004584,767.585749,374.344584,767.755749,372.714584,767.755749C324.744584,767.785749,276.784584,767.775749,228.814584,767.775749C217.054584,767.775749,206.794584,758.755749,205.254584,747.055749C205.114584,746.025749,205.024584,744.975749,205.024584,743.935749C205.014584,695.845749,205.014584,647.755748,205.014584,599.675749C205.014584,588.645749,213.334584,578.555749,224.194584,576.495749C225.804584,576.185749,227.464584,576.015749,229.094584,576.015749C277.104584,575.995749,325.114584,575.995749,373.114584,575.995749C384.144584,575.995749,394.244584,584.325749,396.294584,595.175749C396.594584,596.785749,396.774584,598.445749,396.774584,600.075749C396.804584,624.025749,396.794584,647.965749,396.794584,671.905749Z"
fill="rgb(254,138,48)"
stroke="none"
stroke-width="1" />
</g>
<g
id="ez4ns36htmzd4"
transform="matrix(3.50000000000000 0 0 3.50000000000000 -654.48834834249999 -1954.86521160750067)">
<g
id="ez4ns36htmzd5">
<path
id="ez4ns36htmzd6"
d="M214.610000,665.910000C215.150000,662.560000,215.500000,659.170000,216.260000,655.870000C224.590000,619.760000,246.610000,596.570000,282.570000,587.800000C308.280000,581.530000,333.650000,586.629107,355.080000,602.179107C363.819224,608.314564,369.534358,616.007576,370.324358,616.637576C364.754358,620.907576,368.769265,640.039207,355.340000,631.010871C348.976101,621.578144,340.714518,615.196333,321.770000,608.860000C284.110000,596.610000,243.560000,620.610000,235.990000,659.430000C228.910000,695.770000,251.820000,730.620000,288.210000,738.160000C324.310000,745.640000,358.860000,722.650000,366.890000,687.300000C369.250000,676.920000,369.040000,666.570000,366.480000,656.240000C364.636739,646.738900,358.349099,634.309166,353.619669,628.262219C352.170296,618.988656,352.000879,610.399779,370.324358,616.637576C380.507024,631.952970,383.350000,642.600000,384.420000,645.910000C399.810000,693.680000,371.850000,744.480000,323.290000,757.010000C276.880000,768.980000,229.090000,740.720000,217.310000,694.240000C216.190000,689.810000,215.760000,685.200000,215,680.680000C214.920000,680.220000,214.740000,679.770000,214.610000,679.310000C214.610000,674.840000,214.610000,670.380000,214.610000,665.910000Z"
fill="rgb(0,0,0)"
stroke="none"
stroke-width="1" />
<g
id="ez4ns36htmzd7">
<path
id="ez4ns36htmzd8"
d="M344.520000,643.310000C344.550000,639.520000,347.500000,636.680000,351.340000,636.730000C355,636.780000,357.890000,639.720000,357.900000,643.400000C357.900000,647.150000,354.900000,650.130000,351.150000,650.120000C347.400000,650.090000,344.490000,647.110000,344.520000,643.310000Z"
transform="matrix(1 0 0 1 -2.73019143500014 1.49072462249998)"
fill="rgb(255,255,255)"
stroke="none"
stroke-width="1" />
<path
id="ez4ns36htmzd9"
d="M348.480000,672.450000C348.520000,668.680000,351.490000,665.840000,355.340000,665.900000C358.990000,665.960000,361.870000,668.920000,361.860000,672.600000C361.850000,676.340000,358.830000,679.310000,355.080000,679.280000C351.340000,679.260000,348.440000,676.260000,348.480000,672.450000Z"
fill="rgb(255,255,255)"
stroke="none"
stroke-width="1" />
<path
id="ez4ns36htmzd10"
d="M241.380000,672.450000C241.430000,668.680000,244.390000,665.850000,248.230000,665.910000C251.880000,665.970000,254.760000,668.930000,254.750000,672.610000C254.740000,676.350000,251.720000,679.320000,247.970000,679.290000C244.230000,679.260000,241.340000,676.260000,241.380000,672.450000Z"
fill="rgb(213,39,39)"
stroke="none"
stroke-width="1" />
<path
id="ez4ns36htmzd11"
d="M254.870000,639.120000C258.610000,639.160000,261.530000,642.190000,261.460000,645.960000C261.390000,649.590000,258.400000,652.500000,254.740000,652.500000C250.980000,652.500000,248.060000,649.520000,248.080000,645.730000C248.100000,641.930000,251.030000,639.080000,254.870000,639.120000Z"
fill="rgb(213,39,39)"
stroke="none"
stroke-width="1" />
<path
id="ez4ns36htmzd12"
d="M321.710000,625.600000C321.740000,621.810000,324.690000,618.970000,328.530000,619.020000C332.190000,619.070000,335.080000,622.010000,335.090000,625.690000C335.090000,629.440000,332.090000,632.420000,328.340000,632.410000C324.580000,632.390000,321.680000,629.400000,321.710000,625.600000Z"
fill="rgb(213,39,39)"
stroke="none"
stroke-width="1" />
<path
id="ez4ns36htmzd13"
d="M274.990000,619.020000C278.720000,619.070000,281.630000,622.120000,281.540000,625.900000C281.460000,629.520000,278.450000,632.420000,274.790000,632.400000C271.040000,632.380000,268.140000,629.390000,268.170000,625.590000C268.200000,621.810000,271.140000,618.970000,274.990000,619.020000Z"
fill="rgb(213,39,39)"
stroke="none"
stroke-width="1" />
<path
id="ez4ns36htmzd14"
d="M301.680000,612.330000C305.430000,612.350000,308.360000,615.360000,308.300000,619.130000C308.250000,622.770000,305.280000,625.690000,301.620000,625.710000C297.860000,625.720000,294.910000,622.760000,294.920000,618.980000C294.950000,615.170000,297.860000,612.300000,301.680000,612.330000Z"
fill="rgb(213,39,39)"
stroke="none"
stroke-width="1" />
</g>
<g
id="ez4ns36htmzd15">
<path
id="ez4ns36htmzd16"
d="M254.870000,639.120000C258.610000,639.160000,261.530000,642.190000,261.460000,645.960000C261.390000,649.590000,258.400000,652.500000,254.740000,652.500000C250.980000,652.500000,248.060000,649.520000,248.080000,645.730000C248.100000,641.930000,251.030000,639.080000,254.870000,639.120000Z"
fill="rgb(255,255,255)"
stroke="none"
stroke-width="1" />
<path
id="ez4ns36htmzd17"
d="M274.990000,619.020000C278.720000,619.070000,281.630000,622.120000,281.540000,625.900000C281.460000,629.520000,278.450000,632.420000,274.790000,632.400000C271.040000,632.380000,268.140000,629.390000,268.170000,625.590000C268.200000,621.810000,271.140000,618.970000,274.990000,619.020000Z"
fill="rgb(255,255,255)"
stroke="none"
stroke-width="1" />
<path
id="ez4ns36htmzd18"
d="M301.680000,612.330000C305.430000,612.350000,308.360000,615.360000,308.300000,619.130000C308.250000,622.770000,305.280000,625.690000,301.620000,625.710000C297.860000,625.720000,294.910000,622.760000,294.920000,618.980000C294.950000,615.170000,297.860000,612.300000,301.680000,612.330000Z"
fill="rgb(255,255,255)"
stroke="none"
stroke-width="1" />
<path
id="ez4ns36htmzd19"
d="M321.710000,625.600000C321.740000,621.810000,324.690000,618.970000,328.530000,619.020000C332.190000,619.070000,335.080000,622.010000,335.090000,625.690000C335.090000,629.440000,332.090000,632.420000,328.340000,632.410000C324.580000,632.390000,321.680000,629.400000,321.710000,625.600000Z"
fill="rgb(255,255,255)"
stroke="none"
stroke-width="1" />
</g>
<g
id="ez4ns36htmzd20_to"
transform="translate(261.260000,670.825497)">
<g
id="ez4ns36htmzd20_tr"
transform="rotate(-120)">
<g
id="ez4ns36htmzd20"
transform="translate(-336.067261,-651.040314)">
<path
id="ez4ns36htmzd21"
d="M343.234295,645.810306C340.212691,643.796780,334.845153,639.835258,335.697072,640.168471C335.955461,640.401287,335.115550,640.157407,335.697072,640.168471C335.570687,640.554255,335.629816,640.194708,335.697072,640.168471C335.685233,640.143337,335.342808,640.344474,335.697072,640.168471C347.553971,629.815726,347.200200,629.292418,359.225626,618.112509C360.155071,617.336158,360.113040,618.732017,361.264122,618.375892C363.173595,619.653139,365.529079,620.725273,367.758857,622.057852C367.480023,623.261553,371.741091,626.151959,370.947488,627.099251C360.047289,638.481808,348.576348,651.702004,347.755192,651.279454C347.903633,651.047853,347.560705,651.233327,347.774158,651.246605C347.708690,651.069320,347.531952,651.351755,347.755192,651.279454C347.764766,651.083872,344.220937,645.689224,343.234295,645.810306Z"
transform="matrix(1.50000000000000 0 0 1.50000000000000 -154.59505368552976 -329.61478415561066)"
fill="rgb(254,138,48)"
stroke="none"
stroke-width="1" />
<path
id="ez4ns36htmzd22"
d="M301.620000,709.500000C289.420000,709.400000,279.180000,699.820000,278.290000,687.600000C277.410000,675.560000,286.150000,664.690000,298.250000,662.980000C300.490000,662.660000,302.820000,662.820000,305.080000,663C306.430000,663.110000,307.390000,662.850000,308.440000,661.960000C330.410000,643.370000,352.410000,624.810000,374.450000,606.300000C375.750000,605.210000,377.330000,604.290000,378.940000,603.790000C381.770000,602.920000,384.430000,605.360000,383.760000,608.250000C383.370000,609.940000,382.490000,611.680000,381.380000,613.010000C362.950000,635.030000,344.470000,657,325.940000,678.940000C324.860000,680.220000,324.440000,681.380000,324.720000,683.060000C326.720000,694.840000,317.670000,707.160000,305.750000,708.980000C304.380000,709.210000,303,709.330000,301.620000,709.500000Z"
transform="matrix(1 0 0 1 10.92834357447040 -1.33693915061092)"
fill="rgb(0,0,0)"
stroke="none"
stroke-width="1" />
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

89
Animate on Hover/downloads.svg Normal file
View File

@ -0,0 +1,89 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
id="e1nlkakh7q6e1"
viewBox="0 0 769 769"
width="500"
height="500"
shape-rendering="geometricPrecision"
text-rendering="geometricPrecision"
version="1.1"
sodipodi:docname="downloads.svg"
inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
<metadata
id="metadata16">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs14" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="732"
inkscape:window-height="480"
id="namedview12"
showgrid="false"
inkscape:zoom="0.30689207"
inkscape:cx="384.5"
inkscape:cy="384.5"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="e1nlkakh7q6e1" />
<style
id="style2"><![CDATA[#e1nlkakh7q6e1{pointer-events: all}#e1nlkakh7q6e1 * {animation-play-state: paused !important}#e1nlkakh7q6e1:hover * {animation-play-state: running !important}#e1nlkakh7q6e6_to {animation: e1nlkakh7q6e6_to__to 800ms linear infinite normal forwards}@keyframes e1nlkakh7q6e6_to__to { 0% {transform: translate(0px,0px)} 25% {transform: translate(0px,6px)} 75% {transform: translate(0px,-6px)} 100% {transform: translate(0px,0px)} }]]></style>
<g
id="e1nlkakh7q6e2"
transform="matrix(4 0 0 4 -802.31994628000018 -2317.32641599500039)">
<path
id="e1nlkakh7q6e3"
d="M392.830000,675.710000C392.830000,699.770000,392.830000,723.840000,392.830000,747.900000C392.830000,758.930000,384.510000,769.010000,373.650000,771.080000C372.040000,771.390000,370.380000,771.560000,368.750000,771.560000C320.780000,771.590000,272.820000,771.580000,224.850000,771.580000C213.090000,771.580000,202.830000,762.560000,201.290000,750.860000C201.150000,749.830000,201.060000,748.780000,201.060000,747.740000C201.050000,699.650000,201.050000,651.560000,201.050000,603.480000C201.050000,592.450000,209.370000,582.360000,220.230000,580.300000C221.840000,579.990000,223.500000,579.820000,225.130000,579.820000C273.140000,579.800000,321.150000,579.800000,369.150000,579.800000C380.180000,579.800000,390.280000,588.130000,392.330000,598.980000C392.630000,600.590000,392.810000,602.250000,392.810000,603.880000C392.830000,627.830000,392.830000,651.770000,392.830000,675.710000Z"
fill="rgb(254,138,48)"
stroke="none"
stroke-width="1" />
</g>
<g
id="e1nlkakh7q6e4">
<g
id="e1nlkakh7q6e5"
transform="matrix(4 0 0 4 -802.30495453000003 -2317.30838011500055)">
<g
id="e1nlkakh7q6e6_to"
transform="translate(0,0)">
<path
id="e1nlkakh7q6e6"
d="M272.100000,646.380000C272.100000,645.580000,272.100000,644.990000,272.100000,644.400000C272.100000,631.770000,272.280000,619.140000,272.030000,606.520000C271.890000,599.810000,276.740000,593.960000,283.480000,592.410000C284.320000,592.220000,285.200000,592.070000,286.060000,592.070000C293.300000,592.040000,300.540000,592.020000,307.780000,592.070000C314.200000,592.110000,320.210000,596.990000,321.550000,603.240000C321.830000,604.550000,321.840000,605.940000,321.850000,607.290000C321.870000,619.650000,321.860000,632,321.860000,644.360000C321.860000,644.950000,321.860000,645.540000,321.860000,646.290000C322.570000,646.330000,323.150000,646.370000,323.730000,646.380000C327.540000,646.460000,331.340000,646.520000,335.150000,646.630000C335.850000,646.650000,336.550000,646.800000,337.230000,647C341.080000,648.100000,342.640000,651.290000,340.530000,654.670000C338.670000,657.640000,336.250000,660.280000,333.950000,662.950000C324.940000,673.420000,315.860000,683.840000,306.840000,694.310000C303.380000,698.320000,299.170000,700.100000,293.920000,698.880000C291.350000,698.280000,289.260000,696.830000,287.540000,694.850000C276.640000,682.270000,265.740000,669.680000,254.870000,657.080000C254.240000,656.350000,253.700000,655.500000,253.260000,654.630000C251.490000,651.130000,252.800000,648.050000,256.600000,647.050000C258.260000,646.610000,260.030000,646.470000,261.760000,646.420000C265.120000,646.320000,268.490000,646.380000,272.100000,646.380000Z"
transform="translate(0,0)"
fill="rgb(255,255,255)"
stroke="none"
stroke-width="1" />
</g>
<path
id="e1nlkakh7q6e7"
d="M380.590000,727.600000C380.590000,716.400000,371.230000,707.070000,359.990000,707.070000C317.970000,707.070000,275.950000,707.070000,233.920000,707.070000C227.080000,707.070000,221.700000,710.040000,217.480000,715.300000C215.250000,718.070000,214.220000,721.360000,213.280000,724.700000C213.280000,730.360000,213.280000,736.030000,213.280000,741.690000C214.180000,744.870000,215.160000,748,217.190000,750.710000C220.500000,755.110000,224.790000,757.930000,230.210000,759.020000C230.460000,759.070000,230.690000,759.230000,230.930000,759.330000C274.940000,759.330000,318.950000,759.330000,362.950000,759.330000C363.190000,759.220000,363.420000,759.070000,363.660000,759.020000C373.660000,757.010000,380.590000,748.560000,380.590000,738.360000C380.590000,734.780000,380.590000,731.190000,380.590000,727.600000ZM341.240000,743.660000C335.420000,743.640000,330.880000,739,330.890000,733.100000C330.910000,727.290000,335.550000,722.720000,341.430000,722.730000C347.180000,722.740000,351.920000,727.550000,351.840000,733.290000C351.770000,739.090000,347.060000,743.690000,341.240000,743.660000Z"
fill="rgb(255,255,255)"
stroke="none"
stroke-width="1" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.1 KiB

16
Animate on Hover/eye.svg Normal file
View File

@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" id="prefix__epw0jhjv2c31" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
<style id="style2">
@keyframes epw0jhjv2c35_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}}#prefix__epw0jhjv2c31{pointer-events:all}#prefix__epw0jhjv2c31 *{animation-play-state:paused!important}#prefix__epw0jhjv2c31:hover *{animation-play-state:running!important}#prefix__epw0jhjv2c35{animation:epw0jhjv2c35_c_o 6000ms linear infinite normal forwards}#prefix__epw0jhjv2c39{animation:epw0jhjv2c39_f_o 6000ms linear infinite normal forwards}
</style>
<g id="prefix__epw0jhjv2c32" transform="matrix(4 0 0 4 -846.84 -2287.92)">
<path id="prefix__epw0jhjv2c33" 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"/>
</g>
<g id="prefix__epw0jhjv2c34" transform="matrix(4 0 0 4 -845.91 -2287.892)" stroke="none" stroke-width="1">
<g id="prefix__epw0jhjv2c35">
<path id="prefix__epw0jhjv2c36" 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"/>
<path id="prefix__epw0jhjv2c37" 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"/>
<path id="prefix__epw0jhjv2c38" 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"/>
</g>
<path id="prefix__epw0jhjv2c39" 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"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

113
Animate on Hover/gaming.svg Normal file
View File

@ -0,0 +1,113 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
id="e752kylq1w3q1"
viewBox="0 0 769 769"
width="500"
height="500"
shape-rendering="geometricPrecision"
text-rendering="geometricPrecision"
version="1.1"
sodipodi:docname="gaming.svg"
inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
<metadata
id="metadata20">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs18" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="732"
inkscape:window-height="480"
id="namedview16"
showgrid="false"
inkscape:zoom="0.30689207"
inkscape:cx="384.5"
inkscape:cy="384.5"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="e752kylq1w3q1" />
<style
id="style2"><![CDATA[#e752kylq1w3q1{pointer-events: all}#e752kylq1w3q1 * {animation-play-state: paused !important}#e752kylq1w3q1:hover * {animation-play-state: running !important}#e752kylq1w3q4_to {animation: e752kylq1w3q4_to__to 3000ms linear infinite normal forwards}@keyframes e752kylq1w3q4_to__to { 0% {transform: translate(384.499664px,385.427155px)} 33.333333% {transform: translate(384.499664px,385.427155px)} 36.666667% {transform: translate(384.499963px,399.911284px)} 40% {transform: translate(384.499664px,385.427155px)} 50% {transform: translate(384.499664px,385.427155px)} 53.333333% {transform: translate(384.500000px,374.564058px)} 56.666667% {transform: translate(384.499664px,385.427155px)} 66.666667% {transform: translate(384.499664px,385.427155px)} 70% {transform: translate(384.500000px,398.100768px)} 73.333333% {transform: translate(384.499664px,385.427155px)} 100% {transform: translate(384.499664px,385.427155px)} }#e752kylq1w3q4_tr {animation: e752kylq1w3q4_tr__tr 3000ms linear infinite normal forwards}@keyframes e752kylq1w3q4_tr__tr { 0% {transform: rotate(0deg);animation-timing-function: step-end} 33.333333% {transform: rotate(-5deg);animation-timing-function: step-end} 36.666667% {transform: rotate(5deg);animation-timing-function: step-end} 40% {transform: rotate(0deg);animation-timing-function: step-end} 50% {transform: rotate(5deg);animation-timing-function: step-end} 53.333333% {transform: rotate(-5deg);animation-timing-function: step-end} 56.666667% {transform: rotate(0deg);animation-timing-function: step-end} 66.666667% {transform: rotate(-5deg);animation-timing-function: step-end} 70% {transform: rotate(5deg);animation-timing-function: step-end} 73.333333% {transform: rotate(0deg)} 100% {transform: rotate(0deg)} }]]></style>
<g
id="e752kylq1w3q2"
transform="matrix(4 0 0 4 -842.94323730499991 -2257.32641599500039)">
<path
id="e752kylq1w3q3"
d="M402.750000,660.710000C402.750000,684.770000,402.750000,708.840000,402.750000,732.900000C402.750000,743.930000,394.430000,754.010000,383.570000,756.080000C381.960000,756.390000,380.300000,756.560000,378.670000,756.560000C330.700000,756.590000,282.740000,756.580000,234.770000,756.580000C223.010000,756.580000,212.750000,747.560000,211.210000,735.860000C211.070000,734.830000,210.980000,733.780000,210.980000,732.740000C210.970000,684.650000,210.970000,636.560000,210.970000,588.480000C210.970000,577.450000,219.290000,567.360000,230.150000,565.300000C231.760000,564.990000,233.420000,564.820000,235.050000,564.820000C283.060000,564.800000,331.070000,564.800000,379.070000,564.800000C390.100000,564.800000,400.200000,573.130000,402.250000,583.980000C402.550000,585.590000,402.730000,587.250000,402.730000,588.880000C402.760000,612.820000,402.750000,636.770000,402.750000,660.710000Z"
fill="rgb(254,138,48)"
stroke="none"
stroke-width="1" />
</g>
<g
id="e752kylq1w3q4_to"
transform="translate(384.499664,385.427155)">
<g
id="e752kylq1w3q4_tr"
transform="rotate(0)">
<g
id="e752kylq1w3q4"
transform="scale(4,4) translate(-306.860474,-660.681183)">
<path
id="e752kylq1w3q5"
d="M396.300000,682.460000C394.550000,667.690000,391.050000,653.280000,386.710000,639.080000C383.780000,629.490000,380.360000,620.080000,374.570000,611.770000C366.440000,600.110000,355.320000,594.720000,341.090000,596.500000C337.450000,596.960000,333.890000,598.080000,330.340000,599.070000C319.200000,602.190000,307.890000,603.500000,296.430000,601.660000C290.020000,600.630000,283.700000,599.010000,277.400000,597.410000C265.810000,594.470000,255.260000,596.360000,245.940000,603.960000C240.410000,608.480000,236.790000,614.480000,233.760000,620.840000C228.880000,631.070000,225.800000,641.910000,223.030000,652.850000C219.330000,667.460000,216.460000,682.210000,216.370000,697.360000C216.370000,699.180000,216.270000,701,216.390000,702.810000C216.750000,708.320000,217.370000,713.800000,219.960000,718.810000C222.710000,724.140000,227.460000,726.270000,233.270000,724.810000C237.700000,723.700000,241.460000,721.250000,244.580000,718.080000C249.570000,713,254.300000,707.660000,259.010000,702.320000C262.510000,698.350000,266.680000,695.550000,271.900000,694.620000C275.400000,693.990000,278.960000,693.410000,282.500000,693.380000C299.050000,693.250000,315.600000,693.290000,332.150000,693.330000C342.490000,693.360000,351.030000,696.880000,357.400000,705.530000C360.800000,710.150000,365.080000,714.170000,369.180000,718.230000C372.050000,721.080000,375.450000,723.290000,379.380000,724.550000C385.140000,726.400000,390.300000,724.660000,393.130000,719.660000C394.210000,717.760000,395.050000,715.650000,395.600000,713.520000C398.210000,703.250000,397.530000,692.830000,396.300000,682.460000Z"
fill="rgb(255,255,255)"
stroke="none"
stroke-width="1" />
<path
id="e752kylq1w3q6"
d="M255.190000,663.670000C246.440000,663.690000,239.310000,656.510000,239.340000,647.710000C239.370000,638.860000,246.440000,631.810000,255.250000,631.840000C264.090000,631.880000,270.970000,638.900000,270.950000,647.860000C270.940000,656.590000,263.900000,663.660000,255.190000,663.670000Z"
fill="rgb(0,0,0)"
stroke="none"
stroke-width="1" />
<path
id="e752kylq1w3q7"
d="M328.560000,655.520000C324.180000,655.550000,320.770000,652.160000,320.770000,647.770000C320.770000,643.480000,324.110000,640.050000,328.350000,640C332.670000,639.950000,336.250000,643.400000,336.290000,647.660000C336.340000,651.960000,332.870000,655.490000,328.560000,655.520000Z"
fill="rgb(0,0,0)"
stroke="none"
stroke-width="1" />
<path
id="e752kylq1w3q8"
d="M345.460000,672.730000C341.190000,672.680000,337.790000,669.110000,337.830000,664.750000C337.870000,660.510000,341.330000,657.060000,345.540000,657.060000C349.830000,657.070000,353.300000,660.590000,353.290000,664.930000C353.270000,669.240000,349.710000,672.780000,345.460000,672.730000Z"
fill="rgb(0,0,0)"
stroke="none"
stroke-width="1" />
<path
id="e752kylq1w3q9"
d="M345.500000,638.420000C341.210000,638.400000,337.790000,634.890000,337.820000,630.520000C337.850000,626.250000,341.230000,622.850000,345.480000,622.820000C349.800000,622.790000,353.280000,626.260000,353.280000,630.600000C353.290000,634.920000,349.790000,638.430000,345.500000,638.420000Z"
fill="rgb(0,0,0)"
stroke="none"
stroke-width="1" />
<path
id="e752kylq1w3q10"
d="M362.470000,655.520000C358.220000,655.460000,354.850000,652.050000,354.840000,647.800000C354.830000,643.510000,358.340000,639.990000,362.630000,640C366.960000,640.010000,370.340000,643.470000,370.310000,647.850000C370.280000,652.250000,366.870000,655.580000,362.470000,655.520000Z"
fill="rgb(0,0,0)"
stroke="none"
stroke-width="1" />
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.5 KiB

79
Animate on Hover/grafana.svg Normal file
View File

@ -0,0 +1,79 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
id="ef20ojojlv51"
viewBox="0 0 769 769"
width="500"
height="500"
shape-rendering="geometricPrecision"
text-rendering="geometricPrecision"
version="1.1"
sodipodi:docname="grafana.svg"
inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
<metadata
id="metadata14">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs12" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="732"
inkscape:window-height="480"
id="namedview10"
showgrid="false"
inkscape:zoom="0.30689207"
inkscape:cx="384.5"
inkscape:cy="384.5"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="ef20ojojlv51" />
<style
id="style2"><![CDATA[#ef20ojojlv51{pointer-events: all}#ef20ojojlv51 * {animation-play-state: paused !important}#ef20ojojlv51:hover * {animation-play-state: running !important}#ef20ojojlv54_tr {animation: ef20ojojlv54_tr__tr 500ms linear infinite normal forwards}@keyframes ef20ojojlv54_tr__tr { 0% {transform: translate(381.556015px,384.486542px) rotate(0deg)} 100% {transform: translate(381.556015px,384.486542px) rotate(-360deg)} }]]></style>
<g
id="ef20ojojlv52"
transform="matrix(4 0 0 4 -761.40002440000001 -2310.82312011999920)">
<path
id="ef20ojojlv53"
d="M382.130000,673.850000C382.130000,697.910000,382.130000,721.980000,382.130000,746.040000C382.130000,757.070000,373.810000,767.150000,362.950000,769.220000C361.340000,769.530000,359.680000,769.700000,358.050000,769.700000C310.080000,769.730000,262.120000,769.720000,214.150000,769.720000C202.390000,769.720000,192.130000,760.700000,190.590000,749C190.450000,747.970000,190.360000,746.920000,190.360000,745.880000C190.350000,697.790000,190.350000,649.700000,190.350000,601.620000C190.350000,590.590000,198.670000,580.500000,209.530000,578.440000C211.140000,578.130000,212.800000,577.960000,214.430000,577.960000C262.440000,577.940000,310.450000,577.940000,358.450000,577.940000C369.480000,577.940000,379.580000,586.270000,381.630000,597.120000C381.930000,598.730000,382.110000,600.390000,382.110000,602.020000C382.140000,625.970000,382.130000,649.910000,382.130000,673.850000Z"
fill="rgb(254,138,48)"
stroke="none"
stroke-width="1" />
</g>
<g
id="ef20ojojlv54_tr"
transform="translate(381.556015,384.486542) rotate(0)">
<g
id="ef20ojojlv54"
transform="scale(4,4) translate(-284.233643,-673.817322)">
<path
id="ef20ojojlv55"
d="M291,589.280000C297.830000,593.030000,302.820000,598.410000,305.760000,605.680000C306.060000,606.430000,307.070000,607.140000,307.890000,607.390000C312.460000,608.780000,317.060000,610.080000,321.690000,611.260000C322.620000,611.500000,323.880000,611.380000,324.710000,610.920000C328.850000,608.660000,333.290000,607.700000,337.940000,607.430000C339.710000,607.330000,340.680000,607.980000,341.370000,609.610000C343.230000,614.020000,344.240000,618.490000,343.650000,623.330000C343.500000,624.550000,344.240000,626.210000,345.120000,627.160000C355.540000,638.560000,361.380000,651.850000,362.050000,667.330000C362.080000,668.080000,362.210000,668.880000,362,669.570000C361.820000,670.180000,361.240000,670.670000,360.830000,671.220000C360.300000,670.800000,359.500000,670.480000,359.300000,669.940000C358.330000,667.400000,357.700000,664.730000,356.650000,662.230000C347.830000,641.280000,332.540000,627.740000,309.760000,625.180000C280.900000,621.940000,256.920000,635.090000,250.920000,668.900000C246.050000,696.340000,263.430000,717.440000,284.130000,723.280000C299.840000,727.720000,313.990000,725.250000,324.710000,712.160000C332.840000,702.240000,335.760000,690.750000,330.510000,678.430000C325.350000,666.310000,311.140000,659.610000,299.320000,663.190000C289.080000,666.290000,282.320000,676.970000,284.100000,687.240000C286.020000,698.300000,297.800000,704.790000,308.160000,700.600000C309.040000,700.250000,310.270000,700.770000,311.330000,700.880000C310.880000,701.860000,310.700000,703.220000,309.940000,703.780000C303.320000,708.660000,293.030000,708.210000,285.330000,702.860000C274.850000,695.580000,271.360000,681.970000,276.670000,669.080000C283.230000,653.160000,300.160000,645.110000,317.910000,649.470000C338.810000,654.600000,352.800000,674.020000,351.190000,695.500000C351.110000,696.580000,351.710000,698.010000,352.480000,698.800000C356.330000,702.760000,358.880000,707.380000,359.860000,712.790000C360.030000,713.710000,359.510000,715.190000,358.800000,715.750000C354.960000,718.780000,350.570000,720.720000,345.620000,720.800000C343.650000,720.830000,342.760000,721.760000,341.580000,723.110000C337.750000,727.470000,333.590000,731.550000,329.690000,735.840000C328.790000,736.830000,327.950000,738.220000,327.790000,739.510000C326.970000,746.510000,323.960000,752.430000,319.310000,757.570000C318.780000,758.160000,317.470000,758.490000,316.650000,758.320000C310.130000,756.950000,304.550000,753.900000,300.020000,748.900000C299.160000,747.960000,297.580000,747.410000,296.250000,747.200000C289.590000,746.150000,282.910000,745.210000,276.220000,744.390000C274.900000,744.230000,273.250000,744.380000,272.160000,745.050000C265.180000,749.320000,257.690000,751.640000,249.500000,751.890000C247.260000,751.960000,246.410000,751.120000,245.810000,749.100000C243.720000,742.060000,243.520000,735.020000,245.510000,727.970000C245.950000,726.400000,245.690000,725.460000,244.700000,724.210000C241.950000,720.760000,239.450000,717.120000,236.800000,713.590000C236.270000,712.890000,235.590000,711.940000,234.870000,711.810000C223.310000,709.870000,214.160000,703.820000,206.350000,695.390000C206.350000,695.010000,206.350000,694.640000,206.350000,694.260000C206.490000,694.140000,206.690000,694.050000,206.750000,693.900000C210.610000,684.110000,216.940000,676.460000,226.110000,671.180000C226.850000,670.750000,227.410000,669.640000,227.640000,668.750000C228.910000,663.660000,230.090000,658.540000,231.180000,653.410000C231.350000,652.620000,231.200000,651.550000,230.770000,650.890000C225.080000,642.190000,222.750000,632.590000,222.740000,622.280000C222.740000,620.050000,223.430000,618.890000,225.550000,618.150000C235.260000,614.760000,244.970000,614.160000,254.860000,617.370000C255.900000,617.710000,257.360000,617.420000,258.410000,616.950000C263.620000,614.610000,268.770000,612.130000,273.910000,609.650000C274.600000,609.320000,275.540000,608.840000,275.720000,608.240000C278.220000,600.040000,283.690000,594.170000,290.430000,589.270000C290.620000,589.280000,290.810000,589.280000,291,589.280000Z"
fill="rgb(255,255,255)"
stroke="none"
stroke-width="1" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.3 KiB

96
Animate on Hover/home-automation.svg Normal file
View File

@ -0,0 +1,96 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
id="eg6mwedtruuv1"
viewBox="0 0 769 769"
width="500"
height="500"
shape-rendering="geometricPrecision"
text-rendering="geometricPrecision"
version="1.1"
sodipodi:docname="home-automation.svg"
inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
<metadata
id="metadata17">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs15" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="732"
inkscape:window-height="480"
id="namedview13"
showgrid="false"
inkscape:zoom="0.30689207"
inkscape:cx="384.5"
inkscape:cy="384.5"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="eg6mwedtruuv1" />
<style
id="style2"><![CDATA[#eg6mwedtruuv1{pointer-events: all}#eg6mwedtruuv1 * {animation-play-state: paused !important}#eg6mwedtruuv1:hover * {animation-play-state: running !important}#eg6mwedtruuv7 {animation: eg6mwedtruuv7_f_o 6000ms linear infinite normal forwards}@keyframes eg6mwedtruuv7_f_o { 0% {fill-opacity: 1;animation-timing-function: step-end} 8.333333% {fill-opacity: 0;animation-timing-function: step-end} 16.666667% {fill-opacity: 1;animation-timing-function: step-end} 25% {fill-opacity: 0;animation-timing-function: step-end} 33.333333% {fill-opacity: 1;animation-timing-function: step-end} 41.666667% {fill-opacity: 0;animation-timing-function: step-end} 100% {fill-opacity: 1} }#eg6mwedtruuv8 {animation: eg6mwedtruuv8_f_o 6000ms linear infinite normal forwards}@keyframes eg6mwedtruuv8_f_o { 0% {fill-opacity: 1;animation-timing-function: step-end} 50% {fill-opacity: 0;animation-timing-function: step-end} 58.333333% {fill-opacity: 1;animation-timing-function: step-end} 66.666667% {fill-opacity: 0;animation-timing-function: step-end} 75% {fill-opacity: 1;animation-timing-function: step-end} 83.333333% {fill-opacity: 0;animation-timing-function: step-end} 91.666667% {fill-opacity: 1;animation-timing-function: step-end} 100% {fill-opacity: 1} }]]></style>
<g
id="eg6mwedtruuv2"
transform="matrix(4 0 0 4 -827.28002927999989 -2254.52636720500004)">
<path
id="eg6mwedtruuv3"
d="M398.600000,660.010000C398.600000,684.070000,398.600000,708.140000,398.600000,732.200000C398.600000,743.230000,390.280000,753.310000,379.420000,755.380000C377.810000,755.690000,376.150000,755.860000,374.520000,755.860000C326.550000,755.890000,278.590000,755.880000,230.620000,755.880000C218.860000,755.880000,208.600000,746.860000,207.060000,735.160000C206.920000,734.130000,206.830000,733.080000,206.830000,732.040000C206.820000,683.950000,206.820000,635.860000,206.820000,587.780000C206.820000,576.750000,215.140000,566.660000,226,564.600000C227.610000,564.290000,229.270000,564.120000,230.900000,564.120000C278.910000,564.100000,326.920000,564.100000,374.920000,564.100000C385.950000,564.100000,396.050000,572.430000,398.100000,583.280000C398.400000,584.890000,398.580000,586.550000,398.580000,588.180000C398.610000,612.130000,398.600000,636.070000,398.600000,660.010000Z"
fill="rgb(213,39,39)"
stroke="none"
stroke-width="1" />
</g>
<g
id="eg6mwedtruuv4"
transform="matrix(4 0 0 4 -827.27572630499992 -2254.52645875000053)">
<g
id="eg6mwedtruuv5">
<path
id="eg6mwedtruuv6"
d="M239.330000,665.850000C235.780000,669.430000,232.670000,672.590000,229.530000,675.730000C227.860000,677.400000,227.120000,677.410000,225.480000,675.770000C222.250000,672.550000,219.020000,669.330000,215.800000,666.090000C214.230000,664.510000,214.220000,663.760000,215.800000,662.180000C244.090000,633.910000,272.390000,605.640000,300.690000,577.370000C302.390000,575.680000,303.080000,575.710000,304.890000,577.520000C317.490000,590.100000,330.090000,602.690000,342.700000,615.280000C343.180000,615.760000,343.680000,616.210000,344.550000,617.030000C344.550000,615.940000,344.550000,615.290000,344.550000,614.640000C344.550000,608.900000,344.550000,603.170000,344.550000,597.430000C344.550000,596.930000,344.550000,596.430000,344.590000,595.930000C344.860000,592.400000,345.370000,591.930000,348.880000,591.930000C353.440000,591.930000,358.010000,592.010000,362.570000,591.890000C364.400000,591.840000,365.250000,592.630000,365.520000,594.260000C365.670000,595.180000,365.730000,596.120000,365.730000,597.050000C365.740000,610.240000,365.750000,623.420000,365.710000,636.610000C365.710000,637.840000,366.080000,638.680000,366.940000,639.540000C374.400000,646.930000,381.810000,654.360000,389.240000,661.780000C391.320000,663.860000,391.320000,664.410000,389.240000,666.500000C386.150000,669.590000,383.060000,672.690000,379.950000,675.770000C378.300000,677.410000,377.570000,677.410000,375.900000,675.740000C372.760000,672.600000,369.640000,669.460000,366.110000,665.910000C366.110000,667.050000,366.110000,667.740000,366.110000,668.430000C366.110000,692.490000,366.110000,716.550000,366.110000,740.610000C366.110000,743.530000,365.790000,743.850000,362.910000,743.850000C322.720000,743.850000,282.530000,743.850000,242.350000,743.850000C239.740000,743.850000,239.350000,743.460000,239.350000,740.790000C239.350000,716.670000,239.350000,692.550000,239.350000,668.430000C239.330000,667.760000,239.330000,667.100000,239.330000,665.850000Z"
fill="rgb(255,255,255)"
stroke="none"
stroke-width="1" />
<path
id="eg6mwedtruuv7"
d="M302.450000,652.730000C285.430000,653.140000,270.230000,659.150000,257.520000,671.220000C253.980000,674.570000,249,674.710000,245.820000,671.410000C242.170000,667.630000,242.330000,662.780000,246.160000,659.160000C259.250000,646.810000,274.690000,639.180000,292.530000,637.070000C318.580000,633.980000,341.240000,641.710000,360.300000,659.760000C363.210000,662.520000,363.400000,666.990000,361,670.190000C358.400000,673.670000,354.130000,674.790000,350.540000,672.840000C349.570000,672.310000,348.740000,671.510000,347.920000,670.750000C335.210000,659.010000,320.180000,653.060000,302.450000,652.730000Z"
fill="rgb(213,39,39)"
stroke="none"
stroke-width="1" />
<path
id="eg6mwedtruuv8"
d="M305.850000,667.060000C317.020000,667.350000,329.010000,672.150000,338.950000,681.840000C342.710000,685.500000,342.660000,690.130000,338.960000,693.900000C335.790000,697.140000,330.950000,697.020000,327.430000,693.630000C313.360000,680.030000,292.540000,680.090000,278.390000,693.760000C275.430000,696.620000,271.490000,697.150000,268.270000,695.140000C265,693.090000,263.150000,688.770000,264.500000,685.430000C265.150000,683.830000,266.390000,682.350000,267.670000,681.130000C277.360000,671.940000,289.800000,667.060000,305.850000,667.060000Z"
fill="rgb(213,39,39)"
stroke="none"
stroke-width="1" />
<path
id="eg6mwedtruuv9"
d="M320.590000,713.050000C320.910000,721.790000,313.780000,730.440000,303.940000,730.990000C293.820000,731.560000,285.490000,723.600000,285.230000,713.610000C284.970000,703.920000,292.710000,695.790000,302.450000,695.520000C312.290000,695.250000,320.310000,703,320.590000,713.050000Z"
fill="rgb(213,39,39)"
stroke="none"
stroke-width="1" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.9 KiB

190
Animate on Hover/music.svg Normal file
View File

@ -0,0 +1,190 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
id="et0xof0d3mtj1"
viewBox="0 0 769 769"
width="500"
height="500"
shape-rendering="geometricPrecision"
text-rendering="geometricPrecision"
version="1.1"
sodipodi:docname="music.svg"
inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
<metadata
id="metadata29">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs27" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="732"
inkscape:window-height="480"
id="namedview25"
showgrid="false"
inkscape:zoom="0.30689207"
inkscape:cx="384.5"
inkscape:cy="384.5"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="et0xof0d3mtj1" />
<style
id="style2"><![CDATA[#et0xof0d3mtj1{pointer-events: all}#et0xof0d3mtj1 * {animation-play-state: paused !important}#et0xof0d3mtj1:hover * {animation-play-state: running !important}#et0xof0d3mtj3_to {animation: et0xof0d3mtj3_to__to 15000ms linear infinite normal forwards}@keyframes et0xof0d3mtj3_to__to { 0% {transform: translate(384.500000px,381.686597px)} 53.333333% {transform: translate(384.499988px,381.686597px)} 80% {transform: translate(-391.450012px,381.686597px)} 100% {transform: translate(-391.450012px,381.686597px)} }#et0xof0d3mtj3 {animation: et0xof0d3mtj3_c_o 15000ms linear infinite normal forwards}@keyframes et0xof0d3mtj3_c_o { 0% {opacity: 0} 3.333333% {opacity: 1} 53.333333% {opacity: 1} 80% {opacity: 0} 100% {opacity: 0} }#et0xof0d3mtj9_to {animation: et0xof0d3mtj9_to__to 15000ms linear infinite normal forwards}@keyframes et0xof0d3mtj9_to__to { 0% {transform: translate(1184.185608px,170.944336px)} 3.333333% {transform: translate(1184.185608px,170.944336px)} 53.333333% {transform: translate(-375.814392px,170.944336px)} 100% {transform: translate(-375.814392px,170.944336px)} }#et0xof0d3mtj12_to {animation: et0xof0d3mtj12_to__to 15000ms linear infinite normal forwards}@keyframes et0xof0d3mtj12_to__to { 0% {transform: translate(1484.185672px,240.944358px)} 3.333333% {transform: translate(1484.185672px,240.944358px)} 53.333333% {transform: translate(-85.814328px,240.944358px)} 100% {transform: translate(-85.814328px,240.944358px)} }#et0xof0d3mtj13_to {animation: et0xof0d3mtj13_to__to 15000ms linear infinite normal forwards}@keyframes et0xof0d3mtj13_to__to { 0% {transform: translate(355.236704px,413.795165px)} 3.333333% {transform: translate(355.236704px,413.795165px)} 53.333333% {transform: translate(-1204.763296px,413.795165px)} 100% {transform: translate(-1204.763296px,413.795165px)} }#et0xof0d3mtj14_to {animation: et0xof0d3mtj14_to__to 15000ms linear infinite normal forwards}@keyframes et0xof0d3mtj14_to__to { 0% {transform: translate(1915.236704px,413.796324px)} 3.333333% {transform: translate(1915.236704px,413.796324px)} 53.333333% {transform: translate(355.236704px,413.796324px)} 100% {transform: translate(355.236704px,413.796324px)} }#et0xof0d3mtj15_to {animation: et0xof0d3mtj15_to__to 15000ms linear infinite normal forwards}@keyframes et0xof0d3mtj15_to__to { 0% {transform: translate(927.667693px,294.367107px)} 3.333333% {transform: translate(927.667693px,294.367107px)} 53.333333% {transform: translate(-632.332307px,294.367107px)} 100% {transform: translate(-632.332307px,294.367107px)} }]]></style>
<path
id="et0xof0d3mtj2"
d="M392.490000,676.010000C392.490000,700.070000,392.490000,724.140000,392.490000,748.200000C392.490000,759.230000,384.170000,769.310000,373.310000,771.380000C371.700000,771.690000,370.040000,771.860000,368.410000,771.860000C320.440000,771.890000,272.480000,771.880000,224.510000,771.880000C212.750000,771.880000,202.490000,762.860000,200.950000,751.160000C200.810000,750.130000,200.720000,749.080000,200.720000,748.040000C200.710000,699.950000,200.710000,651.860000,200.710000,603.780000C200.710000,592.750000,209.030000,582.660000,219.890000,580.600000C221.500000,580.290000,223.160000,580.120000,224.790000,580.120000C272.800000,580.100000,320.810000,580.100000,368.810000,580.100000C379.840000,580.100000,389.940000,588.430000,391.990000,599.280000C392.290000,600.890000,392.470000,602.550000,392.470000,604.180000C392.500000,628.120000,392.490000,652.070000,392.490000,676.010000Z"
transform="matrix(4 0 0 4 -801.29390085500006 -2320.39999999999964)"
fill="rgb(243,99,45)"
stroke="none"
stroke-width="1" />
<g
id="et0xof0d3mtj3_to"
transform="translate(384.500000,381.686597)">
<g
id="et0xof0d3mtj3"
transform="scale(4,4) translate(-295.991501,-674.114197)"
opacity="0">
<rect
id="et0xof0d3mtj4"
width="192.997000"
height="3.834400"
rx="0"
ry="1.208150"
transform="matrix(1 0 0 1 200.13200000000001 740.55499999999995)"
fill="rgb(255,255,255)"
fill-rule="evenodd"
stroke="rgb(255,255,255)"
stroke-width="0.133000" />
<rect
id="et0xof0d3mtj5"
width="192.997000"
height="3.834400"
rx="0"
ry="1.208150"
transform="matrix(1 0 0 1 198.85400000000001 705.72699999999998)"
fill="rgb(255,255,255)"
fill-rule="evenodd"
stroke="rgb(255,255,255)"
stroke-width="0.133000" />
<rect
id="et0xof0d3mtj6"
width="192.997000"
height="3.834400"
rx="0"
ry="1.208150"
transform="matrix(1 0 0 1 199.49299999999999 672.17600000000004)"
fill="rgb(255,255,255)"
fill-rule="evenodd"
stroke="rgb(255,255,255)"
stroke-width="0.133000" />
<rect
id="et0xof0d3mtj7"
width="192.997000"
height="3.834400"
rx="0"
ry="1.208150"
transform="matrix(1 0 0 1 199.70699999999999 603.83900000000006)"
fill="rgb(255,255,255)"
fill-rule="evenodd"
stroke="rgb(255,255,255)"
stroke-width="0.133000" />
<rect
id="et0xof0d3mtj8"
width="192.997000"
height="3.834400"
rx="0"
ry="1.208150"
transform="matrix(1 0 0 1 199.38800000000001 637.07000000000005)"
fill="rgb(255,255,255)"
fill-rule="evenodd"
stroke="rgb(255,255,255)"
stroke-width="0.133000" />
</g>
</g>
<g
id="et0xof0d3mtj9_to"
transform="translate(1184.185608,170.944336)">
<g
id="et0xof0d3mtj9"
transform="scale(4,4) translate(-486.325027,-732.290588)">
<path
id="et0xof0d3mtj10"
d="M486.656390,714.870500C478.906390,716.280500,472.496390,719.920500,468.076390,726.610500C465.906390,729.900500,464.856390,733.550490,465.436390,737.490490C466.306390,743.350490,470.016390,746.970490,475.416390,748.660490C484.586390,751.530490,493.126390,749.840490,500.666390,743.950490C505.836390,739.920490,510.074050,732.683300,505.266240,721.814240C496.304520,714.140500,490.846390,714.110500,486.656390,714.870500Z"
fill="rgb(0,0,0)"
stroke="none"
stroke-width="1" />
<path
id="et0xof0d3mtj11"
d="M486.257060,718.956100C480.505240,720.061270,475.747940,722.914330,472.467550,728.158020C470.857040,730.736750,470.077760,733.597640,470.508220,736.685850C471.153910,741.278970,473.907360,744.116360,477.915070,745.441000C484.720770,747.690530,491.058890,746.365890,496.654850,741.749260C500.491870,738.590510,504.822670,732.917930,501.254460,724.398660C494.603340,718.383920,489.366750,718.360400,486.257060,718.956100Z"
fill="rgb(243,99,45)"
stroke="none"
stroke-width="0.762705" />
</g>
</g>
<g
id="et0xof0d3mtj12_to"
transform="translate(1484.185672,240.944358)">
<path
id="et0xof0d3mtj12"
d="M359.798270,588.723550C352.048270,590.133550,345.638270,593.773550,341.218270,600.463550C339.048270,603.753550,337.998270,607.403540,338.578270,611.343540C339.448270,617.203540,343.158270,620.823540,348.558270,622.513540C357.728270,625.383540,366.268270,623.693540,373.808270,617.803540C378.978270,613.773540,383.215930,606.536350,378.408120,595.667290C369.446400,587.993550,363.988270,587.963550,359.798270,588.723550Z"
transform="scale(4,4) translate(-359.466904,-606.143637)"
fill="rgb(0,0,0)"
stroke="none"
stroke-width="1" />
</g>
<g
id="et0xof0d3mtj13_to"
transform="translate(355.236704,413.795165)">
<path
id="et0xof0d3mtj13"
d="M243.024180,708.270430C238.844180,706.450430,234.664180,706.420430,230.474180,707.180430C222.724180,708.590430,216.314180,712.230430,211.894180,718.920430C209.724180,722.210430,208.674180,725.860430,209.254180,729.800430C210.124180,735.660430,213.834180,739.280430,219.234180,740.970430C228.404180,743.840430,236.944180,742.150430,244.484180,736.260430C249.654180,732.230430,252.294180,726.910430,252.234180,720.160430C252.094180,705.540430,252.224180,690.920430,252.184180,676.310430C252.174180,673.560430,253.314180,671.580430,255.614180,670.220430C256.394180,669.760430,257.234180,669.370430,258.094180,669.100430C272.744180,664.480430,287.394180,659.890430,302.054180,655.300430C302.764180,655.080430,303.524180,654.910430,304.264180,654.860430C306.194180,654.720430,307.254180,655.650430,307.434180,657.580430C307.464180,657.930430,307.474180,658.290430,307.474180,658.650430C307.484180,670.290430,307.484180,681.930430,307.484180,693.570430C307.484180,693.940430,307.444180,694.320430,307.424180,694.790430C303.084180,692.950430,298.714180,692.660430,294.284180,693.320430C286.374180,694.510430,279.814180,698.050430,275.374180,704.880430C272.614180,709.130430,271.704180,713.770430,273.624180,718.630430C275.514180,723.400430,279.324180,726.160430,284.104180,727.410430C294.184180,730.030430,303.164180,727.700430,310.774180,720.610430C314.774180,716.880430,316.754180,712.250430,316.714180,706.600430C316.584180,686.060430,316.664180,665.530430,316.664180,644.990430C316.664180,640.580430,316.684180,636.170430,316.654180,631.760430C316.624180,627.970430,314.104180,624.770430,310.354180,624.200430C308.614180,623.940430,306.704180,624.160430,304.974180,624.580430C301.894180,625.320430,298.894180,626.380430,295.854180,627.310430C281.994180,631.550430,268.144180,635.800430,254.284180,640.010430C247.654180,642.020430,242.864180,648.960430,242.934180,655.420430C243.124180,672.580430,243.004180,689.740430,243.014180,706.900430C243.024180,707.270430,243.024180,707.670430,243.024180,708.270430Z"
transform="scale(4,4) translate(-262.905572,-683.212536)"
fill="rgb(0,0,0)"
stroke="none"
stroke-width="1" />
</g>
<g
id="et0xof0d3mtj14_to"
transform="translate(1915.236704,413.796324)">
<path
id="et0xof0d3mtj14"
d="M243.024180,708.270430C238.844180,706.450430,234.664180,706.420430,230.474180,707.180430C222.724180,708.590430,216.314180,712.230430,211.894180,718.920430C209.724180,722.210430,208.674180,725.860430,209.254180,729.800430C210.124180,735.660430,213.834180,739.280430,219.234180,740.970430C228.404180,743.840430,236.944180,742.150430,244.484180,736.260430C249.654180,732.230430,252.294180,726.910430,252.234180,720.160430C252.094180,705.540430,252.224180,690.920430,252.184180,676.310430C252.174180,673.560430,253.314180,671.580430,255.614180,670.220430C256.394180,669.760430,257.234180,669.370430,258.094180,669.100430C272.744180,664.480430,287.394180,659.890430,302.054180,655.300430C302.764180,655.080430,303.524180,654.910430,304.264180,654.860430C306.194180,654.720430,307.254180,655.650430,307.434180,657.580430C307.464180,657.930430,307.474180,658.290430,307.474180,658.650430C307.484180,670.290430,307.484180,681.930430,307.484180,693.570430C307.484180,693.940430,307.444180,694.320430,307.424180,694.790430C303.084180,692.950430,298.714180,692.660430,294.284180,693.320430C286.374180,694.510430,279.814180,698.050430,275.374180,704.880430C272.614180,709.130430,271.704180,713.770430,273.624180,718.630430C275.514180,723.400430,279.324180,726.160430,284.104180,727.410430C294.184180,730.030430,303.164180,727.700430,310.774180,720.610430C314.774180,716.880430,316.754180,712.250430,316.714180,706.600430C316.584180,686.060430,316.664180,665.530430,316.664180,644.990430C316.664180,640.580430,316.684180,636.170430,316.654180,631.760430C316.624180,627.970430,314.104180,624.770430,310.354180,624.200430C308.614180,623.940430,306.704180,624.160430,304.974180,624.580430C301.894180,625.320430,298.894180,626.380430,295.854180,627.310430C281.994180,631.550430,268.144180,635.800430,254.284180,640.010430C247.654180,642.020430,242.864180,648.960430,242.934180,655.420430C243.124180,672.580430,243.004180,689.740430,243.014180,706.900430C243.024180,707.270430,243.024180,707.670430,243.024180,708.270430Z"
transform="scale(4,4) translate(-262.905572,-683.212536)"
fill="rgb(0,0,0)"
stroke="none"
stroke-width="1" />
</g>
<g
id="et0xof0d3mtj15_to"
transform="translate(927.667693,294.367107)">
<path
id="et0xof0d3mtj15"
d="M359.684410,689.748270C355.504410,687.928270,351.324410,687.898270,347.134410,688.658270C339.384410,690.068270,332.974410,693.708270,328.554410,700.398270C326.384410,703.688270,325.334410,707.338260,325.914410,711.278260C326.784410,717.138260,330.494410,720.758260,335.894410,722.448260C345.064410,725.318260,353.604410,723.628260,361.144410,717.738260C366.314410,713.708260,368.954410,708.388260,368.894410,701.638270C368.754410,687.018270,368.884410,672.398270,368.844410,657.788270C368.834410,655.038270,369.974410,653.058270,372.274410,651.698270C373.054410,651.238270,373.894410,650.848270,374.754410,650.578270C393.238790,641.165290,390.634070,648.397970,386.975480,631.991250C384.275480,617.182180,399.502870,611.846230,370.944410,621.488270C364.314410,623.498270,359.524410,630.438270,359.594410,636.898270C359.784410,654.058270,359.664410,671.218270,359.674410,688.378270C359.684410,688.748270,359.684410,689.148270,359.684410,689.748270Z"
transform="scale(4,4) translate(-357.673549,-670.222670)"
fill="rgb(0,0,0)"
stroke="none"
stroke-width="1" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

107
Animate on Hover/nzb.svg Normal file
View File

@ -0,0 +1,107 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
id="eg8ecku0pdl71"
viewBox="0 0 769 769"
width="500"
height="500"
shape-rendering="geometricPrecision"
text-rendering="geometricPrecision"
version="1.1"
sodipodi:docname="nzb.svg"
inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
<metadata
id="metadata19">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs17" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="732"
inkscape:window-height="480"
id="namedview15"
showgrid="false"
inkscape:zoom="0.30689207"
inkscape:cx="384.5"
inkscape:cy="384.5"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="eg8ecku0pdl71" />
<style
id="style2"><![CDATA[#eg8ecku0pdl71{pointer-events: all}#eg8ecku0pdl71 * {animation-play-state: paused !important}#eg8ecku0pdl71:hover * {animation-play-state: running !important}#eg8ecku0pdl75_to {animation: eg8ecku0pdl75_to__to 1600ms linear infinite normal forwards}@keyframes eg8ecku0pdl75_to__to { 0% {transform: translate(320.055000px,725.661539px);animation-timing-function: cubic-bezier(0.420000,0,0.580000,1)} 50% {transform: translate(320.055000px,658px)} 100% {transform: translate(320.055000px,725.661539px)} }]]></style>
<g
id="eg8ecku0pdl72"
transform="matrix(4 0 0 4 -887.02322387999993 -2344.00634764500001)">
<path
id="eg8ecku0pdl73"
d="M413.770000,682.380000C413.770000,706.440000,413.770000,730.510000,413.770000,754.570000C413.770000,765.600000,405.450000,775.680000,394.590000,777.750000C392.980000,778.060000,391.320000,778.230000,389.690000,778.230000C341.720000,778.260000,293.760000,778.250000,245.790000,778.250000C234.030000,778.250000,223.770000,769.230000,222.230000,757.530000C222.090000,756.500000,222,755.450000,222,754.410000C221.990000,706.320000,221.990000,658.230000,221.990000,610.150000C221.990000,599.120000,230.310000,589.030000,241.170000,586.970000C242.780000,586.660000,244.440000,586.490000,246.070000,586.490000C294.080000,586.470000,342.090000,586.470000,390.090000,586.470000C401.120000,586.470000,411.220000,594.800000,413.270000,605.650000C413.570000,607.260000,413.750000,608.920000,413.750000,610.550000C413.780000,634.490000,413.770000,658.440000,413.770000,682.380000Z"
fill="rgb(243,99,45)"
stroke="none"
stroke-width="1" />
</g>
<g
id="eg8ecku0pdl74"
transform="matrix(4 0 0 4 -894.20452881000006 -2341.00863647999995)">
<g
id="eg8ecku0pdl75_to"
transform="translate(320.055000,725.661539)">
<path
id="eg8ecku0pdl75"
d="M386.370000,685.190000C385,686.880000,383.630000,688.580000,382.260000,690.270000C369.760000,705.750000,357.260000,721.230000,344.750000,736.700000C337.380000,745.810000,329.990000,754.900000,322.610000,764C322.070000,764.670000,321.440000,765.270000,320.910000,765.950000C320.260000,766.780000,319.740000,766.710000,319.090000,765.920000C316.420000,762.670000,313.690000,759.470000,311.030000,756.200000C302.470000,745.650000,293.930000,735.090000,285.400000,724.520000C275.490000,712.240000,265.600000,699.940000,255.700000,687.650000C255.110000,686.920000,254.540000,686.170000,253.740000,685.140000C254.900000,685.060000,255.730000,684.960000,256.560000,684.960000C270.860000,684.900000,285.170000,684.870000,299.470000,684.790000C300.540000,684.780000,301.230000,685.130000,301.890000,685.960000C307.530000,692.970000,313.200000,699.940000,318.870000,706.920000C319.190000,707.320000,319.560000,707.680000,320.010000,708.170000C320.700000,707.380000,321.320000,706.730000,321.880000,706.030000C327.240000,699.420000,332.610000,692.810000,337.940000,686.170000C338.730000,685.190000,339.560000,684.780000,340.850000,684.780000C355.440000,684.830000,370.030000,684.810000,384.620000,684.810000C385.140000,684.810000,385.650000,684.810000,386.170000,684.810000C386.250000,684.940000,386.310000,685.070000,386.370000,685.190000Z"
transform="translate(-320.055000,-725.661539)"
fill="rgb(255,255,255)"
stroke="none"
stroke-width="1" />
</g>
<path
id="eg8ecku0pdl76"
d="M388.990000,651.700000C388.980000,650.590000,388.980000,649.490000,388.980000,648.380000C388.980000,646.330000,388.980000,644.280000,388.980000,642.220000C388.990000,636.790000,388.990000,631.170000,388.900000,625.610000C388.750000,616.850000,383.970000,612.630000,379.980000,610.640000C377.090000,609.200000,373.850000,608.440000,370.610000,608.440000C368.520000,608.440000,366.480000,608.740000,364.530000,609.320000L364.530000,596.180000L334.480000,596.180000L334.480000,609.610000L299.900000,609.610000L299.900000,612.650000C299.770000,612.550000,299.660000,612.430000,299.530000,612.330000C296.340000,609.830000,292.250000,608.460000,287.990000,608.460000C285.710000,608.460000,283.460000,608.850000,281.360000,609.590000L251.550000,609.590000L251.550000,682.270000L276,682.270000L276,682.280000L306.080000,682.280000L306.080000,682.260000L334.480000,682.260000L334.480000,682.280000L361.940000,682.280000L362.060000,681.840000C364.430000,683.030000,366.900000,683.530000,370.260000,683.530000C370.740000,683.530000,371.250000,683.520000,371.780000,683.500000C379.730000,683.250000,386.760000,677.250000,388.130000,669.550000C388.590000,666.970000,388.860000,664.290000,388.930000,661.580000C389.020000,658.270000,389,654.930000,388.990000,651.700000Z"
fill="rgb(243,99,45)"
stroke="none"
stroke-width="1" />
<g
id="eg8ecku0pdl77">
<path
id="eg8ecku0pdl78"
d="M340.150000,601.860000C346.400000,601.860000,352.550000,601.860000,358.860000,601.860000C358.860000,607.640000,358.860000,613.350000,358.860000,619.370000C359.360000,618.920000,359.630000,618.690000,359.890000,618.440000C364.520000,613.930000,371.640000,612.830000,377.450000,615.730000C381.570000,617.790000,383.160000,621.410000,383.230000,625.720000C383.360000,633.280000,383.300000,640.830000,383.310000,648.390000C383.320000,652.740000,383.390000,657.100000,383.270000,661.450000C383.210000,663.830000,382.970000,666.230000,382.560000,668.570000C381.640000,673.700000,376.850000,677.680000,371.610000,677.850000C365.950000,678.030000,364.160000,677.260000,358.820000,672.300000C358.410000,673.780000,358.030000,675.170000,357.630000,676.620000C351.830000,676.620000,346.060000,676.620000,340.160000,676.620000C340.150000,651.730000,340.150000,626.840000,340.150000,601.860000ZM364.380000,646.260000C364.380000,641.040000,364.410000,635.830000,364.350000,630.610000C364.340000,629.340000,364.120000,628.040000,363.800000,626.810000C363.470000,625.550000,362.390000,625.210000,361.190000,625.300000C360.020000,625.380000,359.330000,626.060000,359.190000,627.190000C359.030000,628.470000,358.890000,629.760000,358.890000,631.050000C358.870000,641.050000,358.860000,651.050000,358.890000,661.050000C358.890000,662.340000,359.020000,663.640000,359.250000,664.900000C359.510000,666.320000,360.460000,667.020000,361.790000,666.920000C363.120000,666.820000,363.900000,666.080000,364.070000,664.760000C364.220000,663.580000,364.360000,662.380000,364.370000,661.190000C364.410000,656.210000,364.390000,651.240000,364.380000,646.260000Z"
fill="rgb(255,255,255)"
stroke="none"
stroke-width="1" />
<path
id="eg8ecku0pdl79"
d="M257.220000,615.260000C263.600000,615.260000,269.850000,615.260000,276.190000,615.260000C276.190000,616.870000,276.190000,618.430000,276.190000,620.350000C276.640000,619.790000,276.910000,619.450000,277.180000,619.110000C281.710000,613.530000,290.510000,612.460000,296.030000,616.790000C298.670000,618.860000,299.770000,621.690000,300.030000,624.890000C300.240000,627.460000,300.390000,630.050000,300.390000,632.620000C300.420000,646.780000,300.410000,660.950000,300.410000,675.110000C300.410000,675.580000,300.410000,676.040000,300.410000,676.590000C294.160000,676.590000,288.050000,676.590000,281.670000,676.590000C281.670000,676.020000,281.670000,675.420000,281.670000,674.830000C281.660000,660.760000,281.670000,646.700000,281.640000,632.630000C281.640000,630.910000,281.520000,629.190000,281.400000,627.470000C281.310000,626.150000,280.650000,625.350000,279.240000,625.270000C277.670000,625.180000,276.630000,625.770000,276.470000,627.310000C276.180000,630.060000,276.010000,632.840000,276,635.600000C275.950000,648.660000,275.980000,661.730000,275.980000,674.790000C275.980000,675.360000,275.980000,675.920000,275.980000,676.580000C269.680000,676.580000,263.490000,676.580000,257.210000,676.580000C257.220000,656.160000,257.220000,635.800000,257.220000,615.260000Z"
fill="rgb(255,255,255)"
stroke="none"
stroke-width="1" />
<path
id="eg8ecku0pdl710"
d="M322.270000,664.410000C326.920000,664.410000,331.360000,664.410000,335.900000,664.410000C335.900000,668.510000,335.900000,672.500000,335.900000,676.590000C325.350000,676.590000,314.800000,676.590000,304.060000,676.590000C304.060000,674.730000,304.170000,672.870000,304.040000,671.030000C303.680000,666.210000,304.660000,661.750000,306.520000,657.270000C310.380000,647.970000,313.840000,638.500000,317.460000,629.100000C317.630000,628.660000,317.770000,628.210000,318,627.540000C313.800000,627.540000,309.730000,627.540000,305.560000,627.540000C305.560000,623.350000,305.560000,619.370000,305.560000,615.280000C315.650000,615.280000,325.720000,615.280000,336,615.280000C336,616.180000,335.920000,617.080000,336.010000,617.960000C336.760000,625.330000,335.070000,632.170000,332.150000,638.930000C328.780000,646.730000,325.950000,654.760000,322.880000,662.680000C322.710000,663.170000,322.540000,663.660000,322.270000,664.410000Z"
fill="rgb(255,255,255)"
stroke="none"
stroke-width="1" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

141
Animate on Hover/pirate.svg Normal file
View File

@ -0,0 +1,141 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
id="eckuiflyin61"
viewBox="0 0 769 769"
width="500"
height="500"
shape-rendering="geometricPrecision"
text-rendering="geometricPrecision"
version="1.1"
sodipodi:docname="pirate.svg"
inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
<metadata
id="metadata25">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs23" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="732"
inkscape:window-height="480"
id="namedview21"
showgrid="false"
inkscape:zoom="0.30689207"
inkscape:cx="384.5"
inkscape:cy="384.5"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="eckuiflyin61" />
<style
id="style2"><![CDATA[#eckuiflyin61{pointer-events: all}#eckuiflyin61 * {animation-play-state: paused !important}#eckuiflyin61:hover * {animation-play-state: running !important}#eckuiflyin63_to {animation: eckuiflyin63_to__to 3000ms linear infinite normal forwards}@keyframes eckuiflyin63_to__to { 0% {transform: translate(1600px,-800px)} 16.666667% {transform: translate(1600px,-800px)} 23.333333% {transform: translate(800px,0px)} 100% {transform: translate(800px,0px)} }#eckuiflyin63_tr {animation: eckuiflyin63_tr__tr 3000ms linear infinite normal forwards}@keyframes eckuiflyin63_tr__tr { 0% {transform: rotate(0deg)} 86.666667% {transform: rotate(0deg)} 100% {transform: rotate(-180deg)} }#eckuiflyin64_to {animation: eckuiflyin64_to__to 3000ms linear infinite normal forwards}@keyframes eckuiflyin64_to__to { 0% {transform: translate(-800px,-800px)} 30% {transform: translate(-800px,-800px)} 36.666667% {transform: translate(0px,0px)} 100% {transform: translate(0px,0px)} }#eckuiflyin64_tr {animation: eckuiflyin64_tr__tr 3000ms linear infinite normal forwards}@keyframes eckuiflyin64_tr__tr { 0% {transform: rotate(0deg)} 86.666667% {transform: rotate(0deg)} 100% {transform: rotate(180deg)} }#eckuiflyin65_to {animation: eckuiflyin65_to__to 3000ms linear infinite normal forwards}@keyframes eckuiflyin65_to__to { 0% {transform: translate(391.268881px,389.806746px)} 20% {transform: translate(391.268881px,389.806746px)} 23.333333% {transform: translate(391.268881px,400px)} 26.666667% {transform: translate(391.268881px,389.806746px)} 33.333333% {transform: translate(391.268881px,389.806746px)} 36.666667% {transform: translate(391.268881px,400px)} 40% {transform: translate(391.268881px,389.806746px)} 100% {transform: translate(391.268881px,389.806746px)} }#eckuiflyin610_ts {animation: eckuiflyin610_ts__ts 3000ms linear infinite normal forwards}@keyframes eckuiflyin610_ts__ts { 0% {transform: translate(322.862592px,686.351955px) scale(1,1)} 60% {transform: translate(322.862592px,686.351955px) scale(1,1)} 63.333333% {transform: translate(322.862592px,686.351955px) scale(1,0.100000)} 66.666667% {transform: translate(322.862592px,686.351955px) scale(1,0.100000)} 70% {transform: translate(322.862592px,686.351955px) scale(1,1)} 100% {transform: translate(322.862592px,686.351955px) scale(1,1)} }]]></style>
<path
id="eckuiflyin62"
d="M397.850000,672.480000C397.850000,696.540000,397.850000,720.610000,397.850000,744.670000C397.850000,755.700000,389.530000,765.780000,378.670000,767.850000C377.060000,768.160000,375.400000,768.330000,373.770000,768.330000C325.800000,768.360000,277.840000,768.350000,229.870000,768.350000C218.110000,768.350000,207.850000,759.330000,206.310000,747.630000C206.170000,746.600000,206.080000,745.550000,206.080000,744.510000C206.070000,696.420000,206.070000,648.330000,206.070000,600.250000C206.070000,589.220000,214.390000,579.130000,225.250000,577.070000C226.860000,576.760000,228.520000,576.590000,230.150000,576.590000C278.160000,576.570000,326.170000,576.570000,374.170000,576.570000C385.200000,576.570000,395.300000,584.900000,397.350000,595.750000C397.650000,597.360000,397.830000,599.020000,397.830000,600.650000C397.860000,624.590000,397.850000,648.540000,397.850000,672.480000Z"
transform="matrix(4 0 0 4 -824.27999999999997 -2306.28000000000020)"
fill="rgb(243,99,45)"
stroke="none"
stroke-width="1" />
<g
id="eckuiflyin63_to"
transform="translate(1600,-800)">
<g
id="eckuiflyin63_tr"
transform="rotate(0)">
<path
id="eckuiflyin63"
d="M343.010000,618.130000C344.170000,616.830000,345.330000,615.530000,346.850000,613.830000C344.780000,611.880000,342.700000,609.990000,340.700000,608.020000C337.420000,604.770000,337.310000,600.680000,340.370000,597.660000C343.240000,594.820000,347.510000,594.980000,350.630000,598.080000C354.390000,601.810000,358.120000,605.560000,362.130000,609.580000C366.860000,604.760000,371.480000,600.050000,376.110000,595.350000C377.540000,593.900000,378.950000,592.440000,380.410000,591.020000C383.540000,587.990000,387.840000,587.900000,390.670000,590.780000C393.500000,593.660000,393.370000,597.930000,390.280000,601.040000C384.800000,606.550000,379.300000,612.040000,373.790000,617.520000C373.230000,618.080000,372.530000,618.500000,371.690000,619.140000C375.860000,623.300000,379.720000,627.100000,383.510000,630.970000C386.440000,633.960000,386.460000,638.280000,383.640000,641.070000C380.830000,643.850000,376.750000,643.960000,373.900000,641.210000C371.870000,639.250000,369.990000,637.140000,367.860000,634.920000C364.750000,638.240000,361.850000,641.250000,307.785000,694.430000C253.720000,747.610000,236.730000,753.400000,218.030000,756.230000C229.130000,743.970000,239.850000,732.110000,290.275000,676.405000C340.700000,620.700000,341.860000,619.420000,343.010000,618.130000Z"
transform="scale(4,4) translate(-410,-580)"
fill="rgb(0,0,0)"
stroke="none"
stroke-width="1" />
</g>
</g>
<g
id="eckuiflyin64_to"
transform="translate(-800,-800)">
<g
id="eckuiflyin64_tr"
transform="rotate(0)">
<path
id="eckuiflyin64"
d="M257.070000,613.890000C259.680000,616.800000,261.950000,619.330000,307.760000,669.690000C353.570000,720.049990,354.050000,721.119990,354.530000,721.649990C359.120000,726.799990,363.780000,731.879990,368.400000,736.989990C374.050000,743.219990,379.680000,749.459990,385.360000,755.739990C382.600000,756.339990,369.260000,753.129990,359.100000,749.619990C350.470000,746.639990,342.390000,742.549990,291.910000,691.695000C241.430000,640.840000,238.920000,638.010000,236.010000,634.880000C234.100000,636.890000,232.310000,638.870000,230.430000,640.750000C227.280000,643.920000,223.200000,644.010000,220.220000,641.050000C217.350000,638.200000,217.460000,633.880000,220.520000,630.790000C224.250000,627.030000,228.030000,623.310000,232.230000,619.130000C228.730000,615.790000,225.300000,612.560000,221.930000,609.290000C219.220000,606.660000,216.570000,603.970000,213.880000,601.320000C210.550000,598.030000,210.280000,593.720000,213.230000,590.750000C216.180000,587.780000,220.520000,588.030000,223.810000,591.330000C229.350000,596.890000,234.900000,602.430000,240.450000,607.970000C240.900000,608.420000,241.400000,608.840000,241.980000,609.370000C245.850000,605.490000,249.600000,601.650000,253.440000,597.890000C257.670000,593.750000,264.070000,595.510000,265.520000,601.210000C266.150000,603.660000,265.370000,605.810000,263.620000,607.570000C261.540000,609.670000,259.360000,611.690000,257.070000,613.890000Z"
transform="scale(4,4) translate(-200,-580)"
fill="rgb(0,0,0)"
stroke="none"
stroke-width="1" />
</g>
</g>
<g
id="eckuiflyin65_to"
transform="translate(391.268881,389.806746)">
<g
id="eckuiflyin65"
transform="scale(4,4) translate(-309.666481,-678.704346)">
<path
id="eckuiflyin66"
d="M337.249300,624.067840C359.414300,643.747840,359.524300,644.837840,359.794300,645.437840C362.394300,651.347840,364.324300,657.427840,365.004300,663.877840C365.074300,664.487840,365.554300,665.187840,366.044300,665.597840C373.264300,671.547840,377.924300,679.007840,379.214300,688.327830C379.714300,691.977830,379.904300,695.887830,377.784300,699.117830C373.614300,705.457830,371.234300,712.147830,372.624300,719.907830L371.964300,720.267830C367.414300,716.807830,362.854300,713.357830,358.544300,710.087830C357.224300,712.787830,355.744300,715.607830,344.084300,728.497830C332.424300,741.387830,328.874300,745.147830,323.674300,746.837830C321.514300,747.537830,319.184300,748.037830,316.914300,748.067830C307.684300,748.207830,298.454300,748.057830,289.234300,748.147830C281.104300,748.227830,275.124300,744.597830,261.244300,729.472830C247.364300,714.347830,246.274300,708.817830,246.864300,702.937830C247.234300,699.257830,245.254300,696.407830,244.044300,693.297830C240.724300,684.717840,239.334300,675.847840,239.924300,666.717840C240.394300,659.387840,242.124300,652.307840,245.324300,645.647840C245.964300,644.327840,245.854300,643.537840,267.939300,623.922840C290.024300,604.307840,315.084300,604.387840,337.249300,624.067840Z"
fill="rgb(0,0,0)"
stroke="none"
stroke-width="1" />
<path
id="eckuiflyin67"
d="M253.740000,665.560000C285.940000,665.560000,318.010000,665.560000,350.150000,665.560000C351.590000,674.370000,350.660000,682.910000,346.950000,690.800000C344.530000,695.960000,343.450000,701.030000,343.770000,706.620000C343.950000,709.700000,342.750000,712.340000,339.640000,713.570000C338.530000,714.010000,337.260000,714.230000,336.060000,714.250000C331.780000,714.330000,327.500000,714.280000,322.890000,714.280000C322.890000,717.520000,322.930000,720.680000,322.880000,723.840000C322.850000,725.790000,322.930000,727.780000,322.540000,729.660000C321.800000,733.250000,319.450000,735.150000,315.780000,735.170000C306.560000,735.240000,297.330000,735.260000,288.110000,735.170000C283.830000,735.130000,281.070000,732.120000,281.020000,727.740000C280.980000,723.330000,281.010000,718.920000,281.010000,714.270000C276.630000,714.270000,272.450000,714.270000,268.260000,714.270000C262.860000,714.260000,259.900000,711.510000,260.140000,706.150000C260.380000,700.850000,259.440000,696.040000,257.120000,691.150000C253.320000,683.210000,252.460000,674.570000,253.740000,665.560000Z"
fill="rgb(255,255,255)"
stroke="none"
stroke-width="1" />
<path
id="eckuiflyin68"
d="M342.470000,645.520000C315.460000,634.630000,288.550000,634.580000,261.730000,645.620000C268.260000,634.440000,282.600000,624.150000,300.200000,623.700000C318.070000,623.250000,332.280000,630.700000,342.470000,645.520000Z"
fill="rgb(255,255,255)"
stroke="none"
stroke-width="1" />
<path
id="eckuiflyin69"
d="M308.820000,707.470000C304.130000,707.470000,299.610000,707.470000,295.150000,707.470000C295.150000,712.140000,295.150000,716.660000,295.150000,721.130000C299.790000,721.130000,304.260000,721.130000,308.820000,721.130000C308.820000,716.560000,308.820000,712.100000,308.820000,707.470000Z"
fill="rgb(0,0,0)"
stroke="none"
stroke-width="1" />
<g
id="eckuiflyin610_ts"
transform="translate(322.862592,686.351955) scale(1,1)">
<path
id="eckuiflyin610"
d="M322.870000,700.330000C330.670000,700.330000,336.640000,694.270000,336.870000,686.560000C337.090000,679,330.410000,672.420000,323,672.360000C315.410000,672.300000,308.890000,678.960000,308.850000,686.320000C308.820000,693.840000,315.440000,700.700000,322.870000,700.330000Z"
transform="translate(-322.862592,-686.351955)"
fill="rgb(0,0,0)"
stroke="none"
stroke-width="1" />
</g>
<path
id="eckuiflyin611"
d="M294.970000,686.420000C294.970000,678.600000,288.930000,672.630000,281.220000,672.400000C273.490000,672.170000,267.060000,679.030000,267,686.250000C266.940000,693.880000,273.630000,700.370000,280.940000,700.410000C288.460000,700.450000,295.320000,693.840000,294.970000,686.420000Z"
fill="rgb(0,0,0)"
stroke="none"
stroke-width="1" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

76
Animate on Hover/plex.svg Normal file
View File

@ -0,0 +1,76 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
id="e5ic1kg90mcx1"
viewBox="0 0 762 762"
width="500"
height="500"
shape-rendering="geometricPrecision"
text-rendering="geometricPrecision"
version="1.1"
sodipodi:docname="plex.svg"
inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
<metadata
id="metadata13">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs11" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="732"
inkscape:window-height="480"
id="namedview9"
showgrid="false"
inkscape:zoom="0.30971129"
inkscape:cx="381"
inkscape:cy="381"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="e5ic1kg90mcx1" />
<style
id="style2"><![CDATA[#e5ic1kg90mcx1{pointer-events: all}#e5ic1kg90mcx1 * {animation-play-state: paused !important}#e5ic1kg90mcx1:hover * {animation-play-state: running !important}#e5ic1kg90mcx4_ts {animation: e5ic1kg90mcx4_ts__ts 3000ms linear infinite normal forwards}@keyframes e5ic1kg90mcx4_ts__ts { 0% {transform: translate(172.597734px,437.585330px) scale(1,1)} 26.666667% {transform: translate(172.597734px,437.585330px) scale(1,1);animation-timing-function: cubic-bezier(0.420000,0,0.580000,1)} 40% {transform: translate(172.597734px,437.585330px) scale(0,0);animation-timing-function: cubic-bezier(0.420000,0,0.580000,1)} 60% {transform: translate(172.597734px,437.585330px) scale(0,0);animation-timing-function: cubic-bezier(0.420000,0,0.580000,1)} 73.333333% {transform: translate(172.597734px,437.585330px) scale(1,1);animation-timing-function: cubic-bezier(0.420000,0,0.580000,1)} 100% {transform: translate(172.597734px,437.585330px) scale(1,1)} }]]></style>
<g
id="e5ic1kg90mcx2"
transform="matrix(4 0 0 4 -304.39999388000001 -1367.44628908000027)">
<path
id="e5ic1kg90mcx3"
d="M171.360000,532.360000C147.490000,532.360000,123.620000,532.360000,99.760000,532.360000C88.980000,532.360000,78.900000,524.060000,76.880000,513.470000C76.560000,511.800000,76.390000,510.070000,76.390000,508.370000C76.360000,460.790000,76.370000,413.220000,76.370000,365.640000C76.370000,354.690000,84.620000,344.670000,95.380000,342.630000C96.970000,342.330000,98.620000,342.150000,100.240000,342.150000C147.860000,342.130000,195.470000,342.130000,243.090000,342.130000C254.040000,342.130000,264.080000,350.390000,266.100000,361.140000C266.410000,362.770000,266.580000,364.460000,266.580000,366.120000C266.600000,413.700000,266.600000,461.270000,266.600000,508.850000C266.600000,519.800000,258.350000,529.820000,247.590000,531.860000C246,532.160000,244.350000,532.340000,242.730000,532.340000C218.940000,532.370000,195.150000,532.360000,171.360000,532.360000Z"
fill="rgb(254,138,48)"
stroke="none"
stroke-width="1" />
<g
id="e5ic1kg90mcx4_ts"
transform="translate(172.597734,437.585330) scale(1,1)">
<path
id="e5ic1kg90mcx4"
d="M130.150000,507.190000C130.480000,507.240000,130.630000,507.280000,130.780000,507.280000C143.610000,507.280000,156.440000,507.290000,169.270000,507.240000C169.780000,507.240000,170.460000,506.790000,170.750000,506.340000C173.930000,501.500000,177.030000,496.610000,180.180000,491.750000C185.120000,484.140000,190.090000,476.550000,195.010000,468.930000C201.610000,458.720000,208.170000,448.490000,214.780000,438.290000C215.160000,437.700000,215.110000,437.350000,214.770000,436.820000C212.980000,434.090000,211.230000,431.330000,209.450000,428.580000C202.930000,418.510000,196.400000,408.450000,189.890000,398.390000C186.280000,392.820000,182.670000,387.240000,179.080000,381.660000C176.460000,377.590000,173.830000,373.530000,171.250000,369.430000C170.570000,368.350000,169.810000,367.880000,168.460000,367.890000C156.070000,367.950000,143.680000,367.930000,131.290000,367.930000C130.950000,367.930000,130.620000,367.970000,130.190000,368C130.580000,368.670000,130.880000,369.220000,131.220000,369.750000C136.740000,378.320000,142.270000,386.890000,147.780000,395.470000C152.810000,403.300000,157.810000,411.150000,162.830000,418.990000C166.530000,424.760000,170.240000,430.520000,173.990000,436.250000C174.580000,437.160000,174.710000,437.870000,174.080000,438.840000C170.110000,444.960000,166.200000,451.110000,162.270000,457.250000C157.080000,465.350000,151.890000,473.450000,146.680000,481.540000C141.220000,490.050000,135.730000,498.540000,130.150000,507.190000Z"
transform="translate(-172.597734,-437.585330)"
fill="rgb(255,255,255)"
stroke="none"
stroke-width="1" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.3 KiB

88
Animate on Hover/search.svg Normal file
View File

@ -0,0 +1,88 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
id="e0lirv1yvuvyd1"
viewBox="0 0 499.170000 498.380000"
width="500"
height="500"
shape-rendering="geometricPrecision"
text-rendering="geometricPrecision"
version="1.1"
sodipodi:docname="search.svg"
inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
<metadata
id="metadata16">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs14" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="732"
inkscape:window-height="480"
id="namedview12"
showgrid="false"
inkscape:zoom="0.47353425"
inkscape:cx="249.58501"
inkscape:cy="249.19"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="e0lirv1yvuvyd1" />
<style
id="style2"><![CDATA[#e0lirv1yvuvyd1{pointer-events: all}#e0lirv1yvuvyd1 * {animation-play-state: paused !important}#e0lirv1yvuvyd1:hover * {animation-play-state: running !important}#e0lirv1yvuvyd5_tr {animation: e0lirv1yvuvyd5_tr__tr 4000ms linear infinite normal forwards}@keyframes e0lirv1yvuvyd5_tr__tr { 0% {transform: translate(250px,450px) rotate(0deg)} 25% {transform: translate(250px,450px) rotate(-17deg)} 75% {transform: translate(250px,450px) rotate(17deg)} 100% {transform: translate(250px,450px) rotate(0deg)} }]]></style>
<g
id="e0lirv1yvuvyd2">
<path
id="e0lirv1yvuvyd3"
d="M498.100000,249.400000C498.100000,311.730000,498.100000,374.060000,498.100000,436.390000C498.100000,464.960000,476.550000,491.080000,448.410000,496.430000C444.250000,497.220000,439.950000,497.670000,435.720000,497.670000C311.480000,497.740000,187.240000,497.720000,63,497.720000C32.550000,497.720000,5.960000,474.360000,1.970000,444.050000C1.620000,441.380000,1.380000,438.660000,1.380000,435.970000C1.340000,311.420000,1.350000,186.860000,1.350000,62.310000C1.350000,33.730000,22.910000,7.610000,51.040000,2.270000C55.200000,1.480000,59.500000,1.030000,63.730000,1.030000C188.080000,0.970000,312.420000,0.980000,436.770000,0.980000C465.340000,0.980000,491.500000,22.560000,496.810000,50.670000C497.600000,54.830000,498.050000,59.130000,498.050000,63.360000C498.120000,125.370000,498.100000,187.390000,498.100000,249.400000Z"
fill="rgb(243,99,45)"
stroke="none"
stroke-width="1" />
</g>
<g
id="e0lirv1yvuvyd4"
transform="matrix(1.00000031970445 0 0 1.00000031970445 -15.70027299999998 -4.29992729999998)">
<g
id="e0lirv1yvuvyd5_tr"
transform="translate(250,450) rotate(0)">
<g
id="e0lirv1yvuvyd5"
transform="translate(-250,-450)">
<path
id="e0lirv1yvuvyd6"
d="M345.090000,48.680000C296.640000,13.140000,231.640000,10.680000,180.550000,42.560000C174.630000,46.260000,169.030000,50.470000,163.270000,54.440000C157.300000,60.410000,151.320000,66.390000,145.350000,72.360000C144.850000,73.230000,144.470000,74.190000,143.850000,74.970000C122.650000,101.300000,111.530000,131.420000,111.150000,165.160000C110.360000,235.980000,158.160000,295.750000,227.320000,311.040000C228.330000,311.260000,229.310000,311.610000,230.720000,312.030000C229.590000,313.020000,228.950000,313.640000,228.260000,314.190000C214.980000,324.630000,207.730000,338.300000,207.560000,355.160000C207.280000,382.420000,207.270000,409.680000,207.650000,436.940000C207.830000,449.840000,213.190000,461.030000,222.080000,470.340000C233.630000,482.440000,247.960000,487.270000,264.610000,487.060000C294.420000,486.690000,318.120000,463.550000,318.240000,433.800000C318.350000,407.820000,318.300000,381.830000,318.240000,355.850000C318.220000,346.180000,315.600000,337.190000,310.590000,328.890000C306.020000,321.320000,299.810000,315.390000,292.330000,310.560000C292.830000,310.230000,293.030000,310.040000,293.260000,309.970000C294.360000,309.640000,295.470000,309.350000,296.580000,309.030000C337.820000,297.220000,368.830000,272.430000,388.670000,234.530000C422.210000,170.450000,403.420000,91.460000,345.090000,48.680000ZM324.360000,233.580000C287.790000,270.150000,228.340000,270.220000,191.730000,233.750000C155.290000,197.450000,155.230000,137.770000,191.590000,101.010000C227.990000,64.200000,287.780000,64.360000,324.730000,101.360000C361.100000,137.760000,360.930000,197.010000,324.360000,233.580000Z"
fill="rgb(0,0,0)"
stroke="none"
stroke-width="1" />
<path
id="e0lirv1yvuvyd7"
d="M201.870000,115.510000C222.060000,96.520000,242.850000,89.020000,267.090000,91.590000C276.600000,92.600000,282.730000,99.850000,281.810000,108.720000C280.900000,117.500000,273.210000,123.180000,263.780000,122.350000C244.080000,120.600000,229,128.180000,218.640000,145.070000C212.720000,154.730000,201.070000,156.420000,193.650000,148.690000C189.110000,143.960000,187.790000,136.730000,191.260000,130.990000C195.060000,124.690000,199.570000,118.820000,201.870000,115.510000Z"
fill="rgb(255,255,255)"
stroke="none"
stroke-width="1" />
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.7 KiB

120
Animate on Hover/security.svg Normal file
View File

@ -0,0 +1,120 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
id="ey3w0brz1361"
viewBox="0 0 769 769"
width="500"
height="500"
shape-rendering="geometricPrecision"
text-rendering="geometricPrecision"
version="1.1"
sodipodi:docname="security.svg"
inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="732"
inkscape:window-height="480"
id="namedview19"
showgrid="false"
inkscape:zoom="0.30689207"
inkscape:cx="384.5"
inkscape:cy="384.5"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="ey3w0brz1361" />
<metadata
id="metadata22">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs20" />
<style
id="style2"><![CDATA[#ey3w0brz1361{pointer-events: all}#ey3w0brz1361 * {animation-play-state: paused !important}#ey3w0brz1361:hover * {animation-play-state: running !important}#ey3w0brz1365_ts {animation: ey3w0brz1365_ts__ts 3000ms linear infinite normal forwards}@keyframes ey3w0brz1365_ts__ts { 0% {transform: translate(319.537322px,683.248836px) scale(1,1)} 50% {transform: translate(319.537322px,683.248836px) scale(1,1)} 53.333333% {transform: translate(319.537322px,683.248836px) scale(0.800000,0.800000)} 56.666667% {transform: translate(319.537322px,683.248836px) scale(1,1)} 100% {transform: translate(319.537322px,683.248836px) scale(1,1)} }#ey3w0brz1366_to {animation: ey3w0brz1366_to__to 3000ms linear infinite normal forwards}@keyframes ey3w0brz1366_to__to { 0% {transform: translate(319.226515px,660.270000px)} 3.333333% {transform: translate(319.226515px,650.270000px)} 50% {transform: translate(319.226515px,650.270000px)} 53.333333% {transform: translate(319.226515px,660.270000px)} 100% {transform: translate(319.226515px,660.270000px)} }]]></style>
<g
id="ey3w0brz1362"
transform="matrix(4 0 0 4 -894.55999755500011 -2347.56640624500005)">
<path
id="ey3w0brz1363"
d="M415.420000,683.270000C415.420000,707.330000,415.420000,731.400000,415.420000,755.460000C415.420000,766.490000,407.100000,776.570000,396.240000,778.640000C394.630000,778.950000,392.970000,779.120000,391.340000,779.120000C343.370000,779.150000,295.410000,779.140000,247.440000,779.140000C235.680000,779.140000,225.420000,770.120000,223.880000,758.420000C223.740000,757.390000,223.650000,756.340000,223.650000,755.300000C223.640000,707.210000,223.640000,659.120000,223.640000,611.040000C223.640000,600.010000,231.960000,589.920000,242.820000,587.860000C244.430000,587.550000,246.090000,587.380000,247.720000,587.380000C295.730000,587.360000,343.740000,587.360000,391.740000,587.360000C402.770000,587.360000,412.870000,595.690000,414.920000,606.540000C415.220000,608.150000,415.400000,609.810000,415.400000,611.440000C415.430000,635.390000,415.420000,659.330000,415.420000,683.270000Z"
fill="rgb(243,99,45)"
stroke="none"
stroke-width="1" />
</g>
<g
id="ey3w0brz1364"
transform="matrix(4 0 0 4 -894.57956696000008 -2347.56054688499989)">
<g
id="ey3w0brz1365_ts"
transform="translate(319.537322,683.248836) scale(1,1)">
<path
id="ey3w0brz1365"
d="M398.450000,661.500000C397.760000,675.100000,397.790000,688.780000,396.230000,702.280000C393.540000,725.410000,381.590000,743.370000,361.660000,755.060000C349.040000,762.460000,335.290000,767.940000,321.960000,774.110000C320.530000,774.770000,318.280000,774.860000,316.870000,774.220000C303.650000,768.150000,289.980000,762.790000,277.480000,755.450000C252.800000,740.970000,241.630000,718.080000,240.900000,690C240.400000,670.510000,240.750000,651,240.670000,631.500000C240.660000,628.080000,242.220000,625.840000,245.260000,624.460000C268.830000,613.760000,292.370000,602.990000,316.010000,592.450000C317.860000,591.620000,320.730000,591.650000,322.590000,592.480000C346.100000,602.970000,369.520000,613.690000,392.970000,624.310000C396.340000,625.840000,397.890000,628.250000,397.850000,632C397.740000,641.820000,397.810000,651.640000,397.810000,661.460000C398.020000,661.480000,398.230000,661.490000,398.450000,661.500000Z"
transform="translate(-319.537322,-683.248836)"
fill="rgb(0,0,0)"
stroke="none"
stroke-width="1" />
</g>
<g
id="ey3w0brz1366_to"
transform="translate(319.226515,660.270000)">
<g
id="ey3w0brz1366"
transform="translate(-435.412720,-668.135345)">
<path
id="ey3w0brz1367"
d="M182.786287,792.184189C182.786287,785.439911,182.791843,788.583340,182.781843,782.185730C182.731843,758.801365,171.411843,750.198629,156.971843,749.962264C142.271843,749.725899,130.691843,758.486212,130.431843,782.185730C130.361843,788.772431,130.431843,804.688612,130.431843,811.826831C128.761843,811.826831,157.184706,811.811073,155.984706,811.826831C148.894706,811.952892,144.944947,812.027090,155.984706,811.826831C146.140014,811.783797,144.812539,811.866554,155.984706,811.826831C161.990584,811.797947,156.553643,811.811073,155.984706,811.826831C157.038005,812.314031,135.134706,811.874104,155.984706,811.826831C161.634706,811.811073,154.086121,811.935012,148.025337,811.826831C155.569524,811.734163,168.240312,792.209743,159.937111,792.184189C166.527331,792.331159,172.806101,792.572716,182.786287,792.184189Z"
transform="matrix(1 0 0 1 278.83909316000006 -112.81884341000011)"
fill="rgb(255,255,255)"
stroke="none"
stroke-width="1" />
<path
id="ey3w0brz1368"
d="M306.220000,679.645986C306.220000,672.894041,305.900000,662.823507,306.220000,656.472805C306.700000,647.175045,312.490000,643.907721,319.190000,643.880049C326.010000,643.838541,331.880000,646.953670,332.290000,656.472805C332.550000,662.657476,332.290000,672.990893,332.290000,679.659822C323.670000,679.645986,315.190000,679.645986,306.220000,679.645986Z"
transform="matrix(1 0 0 1 116.16750131500032 6.73998140999970)"
fill="rgb(0,0,0)"
stroke="none"
stroke-width="1" />
</g>
</g>
<g
id="ey3w0brz1369">
<path
id="ey3w0brz13610"
d="M345.439176,668.613095C345.548675,668.713012,345.335234,668.762031,345.434732,668.534458C345.363915,668.643822,345.327573,668.653598,319.171297,668.613095C304.471297,668.463095,293.078548,668.642453,293.094732,668.613095C304.522012,668.522677,288.714815,668.672007,293.094732,668.603095C291.424732,668.603095,290.040912,668.603095,288.840912,668.613095C281.750912,668.693095,279.960000,672.020000,279.950000,678.980000C279.930000,692.880000,279.920000,706.780000,279.960000,720.670000C279.980000,726.680000,282.190000,728.950000,288,728.960000C308.850000,728.990000,329.690000,728.990000,350.540000,728.960000C356.190000,728.950000,358.480000,726.640000,358.490000,721.010000C358.520000,708.470000,358.510000,695.940000,358.520000,683.400000C358.530000,670.630000,358.549176,669.393095,345.439176,668.613095Z"
fill="rgb(255,255,255)"
stroke="none"
stroke-width="1" />
<path
id="ey3w0brz13611"
d="M309.450000,696.360000C309.360000,690.990000,313.860000,686.430000,319.230000,686.440000C324.530000,686.450000,328.870000,690.630000,329.060000,695.910000C329.260000,701.260000,324.830000,705.940000,319.470000,706.060000C314.060000,706.160000,309.540000,701.790000,309.450000,696.360000Z"
fill="rgb(0,0,0)"
stroke="none"
stroke-width="1" />
</g>
</g>
<g
id="ey3w0brz13612"
transform="matrix(4 0 0 4 64.03240204000002 -297.81402588000009)" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.2 KiB

95
Animate on Hover/settings.svg Normal file
View File

@ -0,0 +1,95 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
id="elfg01kjal71"
viewBox="0 0 769 769"
width="500"
height="500"
shape-rendering="geometricPrecision"
text-rendering="geometricPrecision"
version="1.1"
sodipodi:docname="Settings.svg"
inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
<metadata
id="metadata17">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs15" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="732"
inkscape:window-height="480"
id="namedview13"
showgrid="false"
inkscape:zoom="0.30689207"
inkscape:cx="384.5"
inkscape:cy="384.5"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="elfg01kjal71" />
<style
id="style2"><![CDATA[#elfg01kjal71{pointer-events: all}#elfg01kjal71 * {animation-play-state: paused !important}#elfg01kjal71:hover * {animation-play-state: running !important}#elfg01kjal76_tr {animation: elfg01kjal76_tr__tr 3000ms linear infinite normal forwards}@keyframes elfg01kjal76_tr__tr { 0% {transform: translate(299.001880px,673.181962px) rotate(0deg)} 100% {transform: translate(299.001880px,673.181962px) rotate(360deg)} }]]></style>
<g
id="elfg01kjal72"
transform="matrix(4 0 0 4 -806.00646972499999 -2320.39990236499943)">
<path
id="elfg01kjal73"
d="M393.750000,676.010000C393.750000,700.070000,393.750000,724.140000,393.750000,748.200000C393.750000,759.230000,385.430000,769.310000,374.570000,771.380000C372.960000,771.690000,371.300000,771.860000,369.670000,771.860000C321.700000,771.890000,273.740000,771.880000,225.770000,771.880000C214.010000,771.880000,203.750000,762.860000,202.210000,751.160000C202.070000,750.130000,201.980000,749.080000,201.980000,748.040000C201.970000,699.950000,201.970000,651.860000,201.970000,603.780000C201.970000,592.750000,210.290000,582.660000,221.150000,580.600000C222.760000,580.290000,224.420000,580.120000,226.050000,580.120000C274.060000,580.100000,322.070000,580.100000,370.070000,580.100000C381.100000,580.100000,391.200000,588.430000,393.250000,599.280000C393.550000,600.890000,393.730000,602.550000,393.730000,604.180000C393.760000,628.120000,393.750000,652.070000,393.750000,676.010000Z"
fill="rgb(243,99,45)"
stroke="none"
stroke-width="1" />
</g>
<g
id="elfg01kjal74"
transform="matrix(4 0 0 4 -826.54470063500003 -2336.75341797499914)">
<g
id="elfg01kjal75">
<g
id="elfg01kjal76_tr"
transform="translate(299.001880,673.181962) rotate(0)">
<path
id="elfg01kjal76"
d="M291.240000,592.790000C289.310000,593.090000,287.820000,594.580000,287.820000,595.910000C287.820000,597.250000,287.080000,600.970000,286.180000,603.950000C284.250000,611.390000,279.630000,611.540000,273.980000,604.400000C271.750000,601.570000,268.620000,599.190000,267.280000,599.190000C263.860000,599.190000,250.610000,607.520000,250.610000,609.610000C250.610000,610.500000,251.650000,613.630000,252.840000,616.600000C254.030000,619.430000,255.070000,622.850000,255.070000,623.890000C255.070000,627.160000,248.520000,627.910000,242.420000,625.380000C239.300000,624.040000,236.620000,623,236.320000,623C234.680000,623,226.800000,637.430000,226.800000,640.260000C226.800000,642.340000,228.730000,645.170000,232.010000,647.700000C234.840000,649.780000,237.220000,652.460000,237.220000,653.650000C237.220000,656.480000,231.270000,660.200000,226.510000,660.200000C219.370000,660.200000,216.390000,667.640000,218.770000,679.400000C219.660000,683.570000,220.260000,684.010000,225.170000,684.010000C230.820000,684.010000,237.220000,687.430000,237.220000,690.260000C237.220000,691.300000,234.840000,694.130000,232.010000,696.810000C229.180000,699.340000,226.800000,702.910000,226.800000,704.700000C226.800000,708.870000,230.070000,715.260000,233.940000,718.690000C236.920000,721.370000,237.210000,721.370000,243.460000,718.390000C249.860000,715.410000,249.860000,715.410000,252.830000,718.390000C255.660000,721.070000,255.660000,721.370000,253.130000,728.210000C250.750000,734.760000,250.750000,735.200000,253.130000,738.030000C254.620000,739.520000,258.490000,742.200000,261.760000,743.830000L267.560000,746.950000L273.360000,740.400000C278.870000,734.150000,279.160000,734,283.030000,736.230000C286.150000,737.870000,287.200000,739.650000,287.490000,744.270000C288.090000,751.560000,290.910000,753.940000,299.250000,753.940000C307.140000,753.940000,310.860000,750.520000,312.340000,742.180000C313.680000,734.140000,317.990000,732.510000,322.900000,738.460000C324.830000,740.840000,326.320000,743.220000,326.470000,743.820000C326.470000,746.350000,334.800000,744.860000,340.900000,741.290000C348.040000,736.970000,348.640000,734.590000,344.770000,726.410000C342.390000,721.500000,342.390000,721.050000,344.770000,718.670000C347.150000,716.290000,347.750000,716.290000,354.590000,718.820000C358.760000,720.310000,362.770000,721.050000,363.520000,720.610000C364.260000,720.010000,367.090000,715.850000,369.770000,711.240000C374.230000,703.350000,374.380000,702.760000,372,701.270000C365.160000,697.100000,362.180000,693.980000,362.180000,690.560000C362.180000,686.690000,366.640000,684.010000,373.340000,684.010000C377.800000,684.010000,380.040000,680.140000,380.040000,672.250000C380.040000,663.770000,378.850000,661.830000,372.900000,660.790000C360.700000,658.560000,359.210000,654.690000,367.390000,646.800000C370.220000,643.970000,372.600000,640.850000,372.600000,639.960000C372.600000,637.880000,364.420000,625.080000,362.180000,623.740000C361.440000,623.290000,358.760000,623.890000,356.380000,625.230000C350.730000,628.060000,346.710000,628.060000,344.330000,625.230000C342.690000,623.300000,342.840000,621.960000,344.780000,617.640000C348.350000,610.200000,348.050000,608.710000,341.060000,603.650000C333.170000,597.850000,330.640000,598,324.840000,604.390000C322.160000,607.220000,318.890000,609.600000,317.400000,609.600000C313.980000,609.600000,311.600000,605.280000,311.600000,599.330000C311.600000,596.950000,311,594.420000,310.110000,593.970000C308.060000,592.790000,295.110000,591.890000,291.240000,592.790000Z"
transform="translate(-299.001880,-673.181962)"
fill="rgb(255,255,255)"
stroke="none"
stroke-width="1" />
</g>
<path
id="elfg01kjal77"
d="M290.660000,625.970000C268.050000,629.930000,250.870000,649.660000,250.870000,673.400000C250.870000,698.050000,269.400000,718.380000,293.290000,721.220000C295.170000,721.440000,297.090000,721.560000,299.030000,721.560000C302.400000,721.560000,305.690000,721.210000,308.870000,720.550000C311.960000,723.560000,315.040000,726.560000,318.130000,729.570000C332.140000,743.210000,346.160000,756.830000,360.180000,770.460000C361.780000,768.990000,363.500000,767.410000,363.500000,767.410000L380.620000,751.690000L389,735.280000C389,735.280000,390.070000,734.300000,391.450000,733.030000C372.800000,716.040000,365.330000,697.490000,346.680000,680.500000C346.900000,679.020000,347.050000,677.510000,347.140000,675.980000C347.190000,675.120000,347.210000,674.260000,347.210000,673.390000C347.210000,646.800000,325.650000,625.240000,299.060000,625.240000C296.180000,625.250000,293.380000,625.500000,290.660000,625.970000Z"
fill="rgb(243,99,45)"
stroke="none"
stroke-width="1" />
<path
id="elfg01kjal78"
d="M269.760000,660.150000C275.390000,665.790000,280.860000,671.280000,286.340000,676.760000C289.080000,679.500000,290.780000,679.500000,293.520000,676.760000C296.960000,673.320000,300.390000,669.880000,303.830000,666.440000C306.560000,663.710000,306.570000,661.970000,303.890000,659.280000C298.800000,654.190000,293.710000,649.100000,288.620000,644.010000C288.190000,643.580000,287.790000,643.130000,286.910000,642.200000C290.490000,641.490000,293.610000,640.490000,296.790000,640.310000C313.640000,639.340000,327.310000,649.910000,330.430000,666.460000C331.100000,670,330.710000,673.790000,330.470000,677.440000C330.380000,678.890000,330.560000,679.810000,331.600000,680.810000C347.980000,696.630000,364.300000,712.490000,380.680000,728.310000C383.870000,731.390000,384.930000,734.910000,383.580000,739.170000C380.650000,748.420000,374.530000,754.330000,365.140000,756.720000C361.520000,757.640000,358.350000,756.540000,355.740000,753.840000C339.770000,737.350000,323.790000,720.880000,307.850000,704.370000C306.950000,703.440000,306.160000,703.100000,304.850000,703.310000C286.830000,706.190000,271.240000,695.290000,267.780000,677.450000C266.690000,671.930000,267.470000,664.870000,269.760000,660.150000Z"
fill="rgb(255,255,255)"
stroke="none"
stroke-width="1" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 9.3 KiB

150
Animate on Hover/ship.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB