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 plex.svg

Browse Source
This commit is contained in:
ground7
2020-06-04 15:25:11 -07:00
parent b811769d5f
commit 35ab7b0084
2 changed files with 19 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
Always Animate/plex.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 2.0 KiB

81
Animate on Hover/plex.svg
View File

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

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB