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

Cleaned up security.svg

Browse Source
This commit is contained in:
ground7
2020-06-04 16:30:05 -07:00
parent 891fa60cac
commit e09c64af03
2 changed files with 39 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
Always Animate/security.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 3.4 KiB

129
Animate on Hover/security.svg
View File

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

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.2 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB