Files
unraid-animated-svgs/Animate on Hover/torrent.svg

52 lines
14 KiB
XML

<svg id="torrent" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
<style>
@keyframes chunk1_f_o{0%,41.538462%,43.076923%{fill-opacity:0;animation-timing-function:step-end}.769231%,40.769231%,42.307692%{fill-opacity:1;animation-timing-function:step-end}to{fill-opacity:0}}@keyframes chunk2_f_o{0%,64.615385%,66.153846%{fill-opacity:0;animation-timing-function:step-end}1.538462%,63.846154%,65.384615%{fill-opacity:1;animation-timing-function:step-end}to{fill-opacity:0}}@keyframes chunk3_f_o{0%,27.692308%,29.230769%{fill-opacity:0;animation-timing-function:step-end}2.307692%,26.923077%,28.461538%{fill-opacity:1;animation-timing-function:step-end}to{fill-opacity:0}}@keyframes chunk4_f_o{0%,67.692308%,69.230769%{fill-opacity:0;animation-timing-function:step-end}3.076923%,66.923077%,68.461538%{fill-opacity:1;animation-timing-function:step-end}to{fill-opacity:0}}@keyframes chunk5_f_o{0%,29.230769%,30.769231%{fill-opacity:0;animation-timing-function:step-end}28.461538%,3.846154%,30%{fill-opacity:1;animation-timing-function:step-end}to{fill-opacity:0}}@keyframes chunk6_f_o{0%,27.692308%,29.230769%{fill-opacity:0;animation-timing-function:step-end}26.923077%,28.461538%,4.615385%{fill-opacity:1;animation-timing-function:step-end}to{fill-opacity:0}}@keyframes chunk7_f_o{0%,49.230769%,50.769231%{fill-opacity:0;animation-timing-function:step-end}48.461538%,5.384615%,50%{fill-opacity:1;animation-timing-function:step-end}to{fill-opacity:0}}@keyframes chunk8_f_o{0%,71.538462%,73.076923%{fill-opacity:0;animation-timing-function:step-end}6.153846%,70.769231%,72.307692%{fill-opacity:1;animation-timing-function:step-end}to{fill-opacity:0}}@keyframes chunk9_f_o{0%,60.769231%,62.307692%{fill-opacity:0;animation-timing-function:step-end}6.923077%,60%,61.538462%{fill-opacity:1;animation-timing-function:step-end}to{fill-opacity:0}}@keyframes chunk10_f_o{0%,48.461538%,50%{fill-opacity:0;animation-timing-function:step-end}47.692308%,49.230769%,7.692308%{fill-opacity:1;animation-timing-function:step-end}to{fill-opacity:0}}@keyframes chunk11_f_o{0%,56.153846%,57.692308%{fill-opacity:0;animation-timing-function:step-end}55.384615%,56.923077%,8.461538%{fill-opacity:1;animation-timing-function:step-end}to{fill-opacity:0}}@keyframes chunk12_f_o{0%,29.230769%,30.769231%{fill-opacity:0;animation-timing-function:step-end}28.461538%,30%,9.230769%{fill-opacity:1;animation-timing-function:step-end}to{fill-opacity:0}}@keyframes chunk13_f_o{0%,32.307692%,33.846154%{fill-opacity:0;animation-timing-function:step-end}10%,31.538462%,33.076923%{fill-opacity:1;animation-timing-function:step-end}to{fill-opacity:0}}@keyframes chunk14_f_o{0%,29.230769%,30.769231%{fill-opacity:0;animation-timing-function:step-end}10.769231%,28.461538%,30%{fill-opacity:1;animation-timing-function:step-end}to{fill-opacity:0}}@keyframes chunk15_f_o{0%,60%,61.538462%{fill-opacity:0;animation-timing-function:step-end}11.538462%,59.230769%,60.769231%{fill-opacity:1;animation-timing-function:step-end}to{fill-opacity:0}}@keyframes chunk16_f_o{0%,32.307692%,33.846154%{fill-opacity:0;animation-timing-function:step-end}12.307692%,31.538462%,33.076923%{fill-opacity:1;animation-timing-function:step-end}to{fill-opacity:0}}@keyframes chunk17_f_o{0%,56.923077%,58.461538%{fill-opacity:0;animation-timing-function:step-end}13.076923%,56.153846%,57.692308%{fill-opacity:1;animation-timing-function:step-end}to{fill-opacity:0}}@keyframes chunk18_f_o{0%,66.923077%,68.461538%{fill-opacity:0;animation-timing-function:step-end}13.846154%,66.153846%,67.692308%{fill-opacity:1;animation-timing-function:step-end}to{fill-opacity:0}}@keyframes chunk19_f_o{0%,42.307692%,43.846154%{fill-opacity:0;animation-timing-function:step-end}14.615385%,41.538462%,43.076923%{fill-opacity:1;animation-timing-function:step-end}to{fill-opacity:0}}@keyframes chunk20_f_o{0%,44.615385%,46.153846%{fill-opacity:0;animation-timing-function:step-end}15.384615%,43.846154%,45.384615%{fill-opacity:1;animation-timing-function:step-end}to{fill-opacity:0}}@keyframes chunk21_f_o{0%,36.153846%,37.692308%{fill-opacity:0;animation-timing-function:step-end}16.153846%,35.384615%,36.923077%{fill-opacity:1;animation-timing-function:step-end}to{fill-opacity:0}}@keyframes chunk22_f_o{0%,33.846154%,35.384615%{fill-opacity:0;animation-timing-function:step-end}16.923077%,33.076923%,34.615385%{fill-opacity:1;animation-timing-function:step-end}to{fill-opacity:0}}@keyframes chunk23_f_o{0%,40.769231%,42.307692%{fill-opacity:0;animation-timing-function:step-end}17.692308%,40%,41.538462%{fill-opacity:1;animation-timing-function:step-end}to{fill-opacity:0}}@keyframes chunk24_f_o{0%,37.692308%,39.230769%{fill-opacity:0;animation-timing-function:step-end}18.461538%,36.923077%,38.461538%{fill-opacity:1;animation-timing-function:step-end}to{fill-opacity:0}}@keyframes chunk25_f_o{0%,54.615385%,56.153846%{fill-opacity:0;animation-timing-function:step-end}19.230769%,53.846154%,55.384615%{fill-opacity:1;animation-timing-function:step-end}to{fill-opacity:0}}@keyframes chunk26_f_o{0%,40.769231%,42.307692%{fill-opacity:0;animation-timing-function:step-end}20%,40%,41.538462%{fill-opacity:1;animation-timing-function:step-end}to{fill-opacity:0}}@keyframes chunk27_f_o{0%,44.615385%,46.153846%{fill-opacity:0;animation-timing-function:step-end}20.769231%,43.846154%,45.384615%{fill-opacity:1;animation-timing-function:step-end}to{fill-opacity:0}}@keyframes chunk28_f_o{0%,50.769231%,52.307692%{fill-opacity:0;animation-timing-function:step-end}21.538462%,50%,51.538462%{fill-opacity:1;animation-timing-function:step-end}to{fill-opacity:0}}@keyframes chunk29_f_o{0%,60%,61.538462%{fill-opacity:0;animation-timing-function:step-end}22.307692%,59.230769%,60.769231%{fill-opacity:1;animation-timing-function:step-end}to{fill-opacity:0}}@keyframes chunk30_f_o{0%,46.153846%,47.692308%{fill-opacity:0;animation-timing-function:step-end}23.076923%,45.384615%,46.923077%{fill-opacity:1;animation-timing-function:step-end}to{fill-opacity:0}}#torrent{pointer-events:all}#torrent *{animation-play-state:paused!important}#torrent:hover *{animation-play-state:running!important}#chunk1{animation:chunk1_f_o 13000ms linear infinite normal forwards}#chunk2{animation:chunk2_f_o 13000ms linear infinite normal forwards}#chunk3{animation:chunk3_f_o 13000ms linear infinite normal forwards}#chunk4{animation:chunk4_f_o 13000ms linear infinite normal forwards}#chunk5{animation:chunk5_f_o 13000ms linear infinite normal forwards}#chunk6{animation:chunk6_f_o 13000ms linear infinite normal forwards}#chunk7{animation:chunk7_f_o 13000ms linear infinite normal forwards}#chunk8{animation:chunk8_f_o 13000ms linear infinite normal forwards}#chunk9{animation:chunk9_f_o 13000ms linear infinite normal forwards}#chunk10{animation:chunk10_f_o 13000ms linear infinite normal forwards}#chunk11{animation:chunk11_f_o 13000ms linear infinite normal forwards}#chunk12{animation:chunk12_f_o 13000ms linear infinite normal forwards}#chunk13{animation:chunk13_f_o 13000ms linear infinite normal forwards}#chunk14{animation:chunk14_f_o 13000ms linear infinite normal forwards}#chunk15{animation:chunk15_f_o 13000ms linear infinite normal forwards}#chunk16{animation:chunk16_f_o 13000ms linear infinite normal forwards}#chunk17{animation:chunk17_f_o 13000ms linear infinite normal forwards}#chunk18{animation:chunk18_f_o 13000ms linear infinite normal forwards}#chunk19{animation:chunk19_f_o 13000ms linear infinite normal forwards}#chunk20{animation:chunk20_f_o 13000ms linear infinite normal forwards}#chunk21{animation:chunk21_f_o 13000ms linear infinite normal forwards}#chunk22{animation:chunk22_f_o 13000ms linear infinite normal forwards}#chunk23{animation:chunk23_f_o 13000ms linear infinite normal forwards}#chunk24{animation:chunk24_f_o 13000ms linear infinite normal forwards}#chunk25{animation:chunk25_f_o 13000ms linear infinite normal forwards}#chunk26{animation:chunk26_f_o 13000ms linear infinite normal forwards}#chunk27{animation:chunk27_f_o 13000ms linear infinite normal forwards}#chunk28{animation:chunk28_f_o 13000ms linear infinite normal forwards}#chunk29{animation:chunk29_f_o 13000ms linear infinite normal forwards}#chunk30{animation:chunk30_f_o 13000ms linear infinite normal forwards}
</style>
<g id="background" transform="translate(-3.699 .35)">
<path id="square" d="M503.693 249.704v188.212c0 28.757-21.69 55.047-50.014 60.432-4.187.795-8.515 1.248-12.773 1.248-125.051.07-250.102.05-375.153.05-30.65 0-57.413-23.512-61.429-54.02-.352-2.688-.594-5.425-.594-8.133C3.69 312.12 3.7 186.755 3.7 61.381 3.7 32.614 25.4 6.323 53.714.948 57.902.153 62.23-.3 66.487-.3 191.65-.36 316.801-.35 441.963-.35c28.756 0 55.087 21.721 60.432 50.015.795 4.187 1.248 8.515 1.248 12.773.08 62.425.05 124.84.05 187.266z" fill="#F3632D" stroke="none" stroke-width="1"/>
</g>
<g id="letter_animation">
<g id="letters" fill="#FFF" stroke="none" stroke-width="1">
<path id="letter1" d="M80.34 99.69v161.23H44.48V99.69H18.91v-50.8h86.99v50.79H80.34z"/>
<path id="letter2" d="M169.95 264.18c-17.34 0-31.48-9.89-42.41-29.67-10.93-19.78-16.4-46.23-16.4-79.37 0-31.69 5.22-57.86 15.67-78.52 10.45-20.66 24.95-30.99 43.49-30.99 17.16 0 31.15 9.73 41.96 29.2 10.81 19.47 16.21 45.46 16.21 77.97 0 33.65-5.45 60.63-16.35 80.92-10.89 20.31-24.95 30.46-42.17 30.46zm-.18-48.15c6.38 0 10.97-4.79 13.78-14.37 2.8-9.58 4.2-27.1 4.2-52.58 0-36.86-5.75-55.3-17.25-55.3-12.41 0-18.61 21.02-18.61 63.06-.01 39.46 5.96 59.19 17.88 59.19z"/>
<path id="letter3" d="M354.23 260.92h-41.96l-18.01-81.08h-11.94v81.08h-37.85V48.89h64.41c14.21 0 25.25 5.72 33.11 17.16 7.86 11.44 11.79 26.54 11.79 45.28 0 12.22-1.45 23.02-4.34 32.39-2.89 9.37-8.73 17.63-17.52 24.77l22.31 92.43zm-71.91-126.44h16.17c4.76 0 8.58-1.71 11.47-5.13 2.89-3.42 4.34-8.44 4.34-15.07 0-13.56-4.85-20.35-14.54-20.35h-17.43v40.55z"/>
<path id="letter4" d="M481.87 260.92h-41.96l-18.01-81.08h-11.94v81.08h-37.85V48.89h64.41c14.21 0 25.25 5.72 33.11 17.16 7.86 11.44 11.79 26.54 11.79 45.28 0 12.22-1.45 23.02-4.34 32.39-2.89 9.37-8.73 17.63-17.52 24.77l22.31 92.43zm-71.91-126.44h16.17c4.76 0 8.58-1.71 11.47-5.13 2.89-3.42 4.34-8.44 4.34-15.07 0-13.56-4.85-20.35-14.54-20.35h-17.43v40.55z"/>
<path id="letter5" d="M165.28 413.34v42.99H33.69v-180h131.58v41.54H86.35v26.11h63.81v39.96H86.35v29.41h78.93z"/>
<path id="letter6" d="M336.07 456.32h-43.69l-47.9-79.53c-6.15-10.2-12.35-22.59-18.6-37.17 2.82 11.6 4.23 21.45 4.23 29.54v87.16h-43.56v-180h50.74l40.75 65.93c8.12 13.1 14.26 24.62 18.45 34.55-2.73-15.38-4.1-31.12-4.1-47.21v-53.27h43.69v180z"/>
<path id="letter7" d="M438.44 319.45v136.88h-50.86V319.45h-36.26v-43.12H474.7v43.12h-36.26z"/>
</g>
</g>
<g id="chunk_group" fill="#F3632D" fill-opacity="0" stroke="none" stroke-width="0" stroke-miterlimit="0">
<rect id="chunk1" width="97" height="71" rx="0" ry="0" transform="translate(10.69 43.82)"/>
<rect id="chunk2" width="97" height="71" rx="0" ry="0" transform="translate(106.39 43.82)"/>
<rect id="chunk3" width="97" height="71" rx="0" ry="0" transform="translate(202.09 43.82)"/>
<rect id="chunk4" width="97" height="71" rx="0" ry="0" transform="translate(297.79 43.82)"/>
<rect id="chunk5" width="97" height="71" rx="0" ry="0" transform="translate(393.49 43.82)"/>
<rect id="chunk6" width="97" height="71" rx="0" ry="0" transform="translate(10.69 113.57)"/>
<rect id="chunk7" width="97" height="71" rx="0" ry="0" transform="translate(106.39 113.57)"/>
<rect id="chunk8" width="97" height="71" rx="0" ry="0" transform="translate(202.09 113.57)"/>
<rect id="chunk9" width="97" height="71" rx="0" ry="0" transform="translate(297.79 113.57)"/>
<rect id="chunk10" width="97" height="71" rx="0" ry="0" transform="translate(393.49 113.57)"/>
<rect id="chunk11" width="97" height="71" rx="0" ry="0" transform="translate(10.69 183.32)"/>
<rect id="chunk12" width="97" height="71" rx="0" ry="0" transform="translate(106.39 183.32)"/>
<rect id="chunk13" width="97" height="71" rx="0" ry="0" transform="translate(202.09 183.32)"/>
<rect id="chunk14" width="97" height="71" rx="0" ry="0" transform="translate(297.79 183.32)"/>
<rect id="chunk15" width="97" height="71" rx="0" ry="0" transform="translate(393.49 183.32)"/>
<rect id="chunk16" width="97" height="71" rx="0" ry="0" transform="translate(10.69 253.07)"/>
<rect id="chunk17" width="97" height="71" rx="0" ry="0" transform="translate(106.39 253.07)"/>
<rect id="chunk18" width="97" height="71" rx="0" ry="0" transform="translate(202.09 253.07)"/>
<rect id="chunk19" width="97" height="71" rx="0" ry="0" transform="translate(297.79 253.07)"/>
<rect id="chunk20" width="97" height="71" rx="0" ry="0" transform="translate(393.49 253.07)"/>
<rect id="chunk21" width="97" height="71" rx="0" ry="0" transform="translate(10.69 322.82)"/>
<rect id="chunk22" width="97" height="71" rx="0" ry="0" transform="translate(106.39 322.82)"/>
<rect id="chunk23" width="97" height="71" rx="0" ry="0" transform="translate(202.09 322.82)"/>
<rect id="chunk24" width="97" height="71" rx="0" ry="0" transform="translate(297.79 322.82)"/>
<rect id="chunk25" width="97" height="71" rx="0" ry="0" transform="translate(393.49 322.82)"/>
<rect id="chunk26" width="97" height="71" rx="0" ry="0" transform="translate(10.69 392.57)"/>
<rect id="chunk27" width="97" height="71" rx="0" ry="0" transform="translate(106.39 392.57)"/>
<rect id="chunk28" width="97" height="71" rx="0" ry="0" transform="translate(202.09 392.57)"/>
<rect id="chunk29" width="97" height="71" rx="0" ry="0" transform="translate(297.79 392.57)"/>
<rect id="chunk30" width="97" height="71" rx="0" ry="0" transform="translate(393.49 392.57)"/>
</g>
</svg>