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

Cleaned up gaming.svg

Browse Source
This commit is contained in:
ground7
2020-06-04 13:20:32 -07:00
parent 989e55065a
commit 534bfcde5a
2 changed files with 35 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
Always Animate/gaming.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 3.4 KiB

123
Animate on Hover/gaming.svg
View File

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

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.5 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB