mirror of
https://github.com/ground7/unraid-animated-svgs.git
synced 2025-10-27 03:11:08 -04:00
Cleaned up/Recolored database.svg
This commit is contained in:
ground7
42
Always Animate/database.svg
Normal file
42
Always Animate/database.svg
Normal file
@ -0,0 +1,42 @@
|
||||
<svg id="database" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 499.17 498.38" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
|
||||
<style>
|
||||
@keyframes back_database_animation__to{0%{transform:translate(330.640859px,289.527196px);animation-timing-function:cubic-bezier(.445,.05,.55,.95)}16%,66%{transform:translate(178.283203px,199.933594px);animation-timing-function:cubic-bezier(.445,.05,.55,.95)}80%,to{transform:translate(330.640859px,289.527196px)}}@keyframes star_animation__ts{0%,78%{transform:translate(184.362724px,136.917577px) scale(0,0);animation-timing-function:cubic-bezier(.445,.05,.55,.95)}84%,86%{transform:translate(184.362724px,136.917577px) scale(1,1);animation-timing-function:cubic-bezier(.445,.05,.55,.95)}94%,to{transform:translate(184.362724px,136.917577px) scale(0,0)}}@keyframes star_c_o{0%{opacity:1}84%{opacity:1;animation-timing-function:cubic-bezier(0,0,.58,1)}94%,to{opacity:0}}#back_database_animation{animation:back_database_animation__to 5000ms linear infinite normal forwards}#star_animation{animation:star_animation__ts 5000ms linear infinite normal forwards}#star{animation:star_c_o 5000ms linear infinite normal forwards}
|
||||
</style>
|
||||
<defs>
|
||||
<radialGradient id="star-fill" cx="152.007" cy="109.106" r="71.6" spreadMethod="pad" gradientUnits="userSpaceOnUse">
|
||||
<stop id="star-fill-0" offset="0%" stop-color="#FFF33B"/>
|
||||
<stop id="star-fill-1" offset="5.95%" stop-color="#FFE029"/>
|
||||
<stop id="star-fill-2" offset="13.03%" stop-color="#FFD217"/>
|
||||
<stop id="star-fill-3" offset="20.32%" stop-color="#FEC90E"/>
|
||||
<stop id="star-fill-4" offset="28.09%" stop-color="#FDC70C"/>
|
||||
<stop id="star-fill-5" offset="66.85%" stop-color="#F3903F"/>
|
||||
<stop id="star-fill-6" offset="88.76%" stop-color="#ED683C"/>
|
||||
<stop id="star-fill-7" offset="100%" stop-color="#E93E3A"/>
|
||||
</radialGradient>
|
||||
</defs>
|
||||
<g id="background">
|
||||
<path id="square" d="M498.1 249.4v186.99c0 28.57-21.55 54.69-49.69 60.04-4.16.79-8.46 1.24-12.69 1.24-124.24.07-248.48.05-372.72.05-30.45 0-57.04-23.36-61.03-53.67-.35-2.67-.59-5.39-.59-8.08-.04-124.55-.03-249.11-.03-373.66 0-28.58 21.56-54.7 49.69-60.04 4.16-.79 8.46-1.24 12.69-1.24C188.08.97 312.42.98 436.77.98c28.57 0 54.73 21.58 60.04 49.69.79 4.16 1.24 8.46 1.24 12.69.07 62.01.05 124.03.05 186.04z" fill="#D52727" stroke="none" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="back_database_animation" transform="translate(330.64 289.527)">
|
||||
<g id="back_database_top" transform="translate(-178.283 -199.934)">
|
||||
<g id="back_database_group" fill="#FFF" stroke="#000" stroke-width="10" stroke-miterlimit="10">
|
||||
<path id="back_database_top" d="M301.15 93.75c-.15-3.04-1.69-6.33-3.44-8.93-6.38-9.47-16.2-14.41-26.33-18.67-21.82-9.18-44.89-12.91-68.26-14.69-30.5-2.33-60.84-.74-90.73 6.16C96 61.41 80.01 66.39 66.4 76.88c-7.29 5.62-11.61 12.6-11.2 22.33.43 10.26.25 20.56.05 30.84-.13 6.84 2.34 12.39 7.05 17.13 8.57 8.63 19.35 13.41 30.56 17.38 18.74 6.65 38.18 10.03 57.91 11.48 13.6 1 27.27.96 40.74 1.39.48-1.09.81-1.53.88-2.02 1.57-11.5 8.31-19.66 17.16-26.38 12.42-9.43 26.63-15.28 41.61-18.8 16.4-3.85 33.07-6.53 50.15-9.82 0-8.48.29-17.59-.16-26.66z"/>
|
||||
<path id="back_database_middle" d="M180.68 198.45c-28.62.19-56.91-2.42-84.24-11.34-16.17-5.28-32.21-11.28-41.15-28.43 0 18.85.3 37.04-.12 55.23-.23 9.86 3.9 16.92 11.31 22.68 10.34 8.05 22.31 12.66 34.7 16.26 27.72 8.05 56.13 10.39 84.86 9.93 1.91-.03 3.82-.2 5.83-.31v-64.02c-3.96 0-7.57-.02-11.19 0z"/>
|
||||
<path id="back_database_bottom" d="M187.02 284.97c-18.51.45-36.94-.35-55.26-3.15-17.51-2.67-34.73-6.51-50.85-14.11-10.44-4.92-20.32-10.66-25.61-22.09 0 18.74.14 37.48-.07 56.22-.08 7.28 2.44 13.17 7.56 18.11 8.83 8.52 19.73 13.38 31.12 17.2 29.71 9.96 60.42 12.65 91.53 12.22 2.05-.03 4.11-.18 6.34-.29v-64.12c-1.71.01-3.24-.03-4.76.01z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g id="front_database_top">
|
||||
<g id="front_database_group" stroke="none" stroke-width="1">
|
||||
<path id="front_database_border" d="M441.43 137.62c-6.45-3.29-13.17-6.21-20.01-8.56-26.35-9.03-53.65-12.61-81.37-13.71-32.69-1.29-65.04 1.1-96.79 9.27-16.45 4.23-32.4 9.8-46.07 20.4-8.33 6.46-13.24 14.4-12.8 25.51.41 10.25-.08 20.53.13 30.79-.03 41.65-.16 183.95.18 204.16.07 3.9 1.76 8.23 3.94 11.55 7.16 10.91 18.38 16.64 29.98 21.44 30.5 12.62 62.7 17.09 95.33 17.53 20.58.28 41.26-1.37 61.78-3.33 19.99-1.92 39.47-6.89 57.89-15.09 13.57-6.04 26.35-13.29 31.99-28.41V212.84v-23.59-27.28c-4.44-11.74-13.55-18.93-24.18-24.35zM198.4 182.01c-.4-10 4.03-17.15 11.53-22.96 12.31-9.54 26.67-14.55 41.48-18.36 28.58-7.36 57.7-9.51 87.13-8.35 24.95.99 49.53 4.22 73.25 12.34 6.17 2.11 12.21 4.74 18.02 7.7 9.58 4.88 17.78 11.35 21.74 21.91v45.79c-5.4 13.56-17.01 20.14-29.39 25.52-19.41 8.43-39.97 12.36-60.9 14.65-21.62 2.37-43.28 2.63-64.93.72-25.8-2.27-51.15-6.62-74.64-18.33-7.35-3.66-14.54-7.9-18.91-15.05-2.26-3.7-3.86-8.34-4.08-12.65-.57-10.96.14-21.97-.3-32.93zm253.15 214.81c-5.08 13.61-16.58 20.14-28.79 25.58-16.59 7.39-34.12 11.86-52.12 13.59-18.47 1.77-37.08 3.25-55.61 3-29.37-.4-58.36-4.42-85.82-15.78-10.44-4.32-20.54-9.48-26.98-19.3-1.96-2.99-3.48-6.89-3.54-10.4-.34-19.94-.17-39.89-.16-59.83 0-.33.17-.65.35-1.33 6.62 14.37 19.45 20.5 32.65 25.77 20.89 8.34 42.87 12.05 65.2 13.87 21.8 1.77 43.58 1.58 65.32-.82 19.45-2.15 38.58-5.84 56.78-13.21 13.65-5.53 26.49-12.35 32.72-27.01v65.87zm2.21-89.18c-5.19 14.12-17.18 20.68-29.82 26.12-20.45 8.8-42.11 12.68-64.15 14.85-18.83 1.85-37.68 2.17-56.53.73-27.32-2.08-54.16-6.35-79.09-18.57-7.74-3.79-15.1-8.4-19.72-15.94-1.94-3.17-3.5-7.16-3.56-10.81-.34-20.07-.16-40.16-.16-60.58 11.74 20.49 32.21 26.37 52.47 31.85 28.74 7.79 58.2 9.72 87.91 8.49 24.01-.99 47.66-4.07 70.59-11.51 11.49-3.72 22.84-8.1 31.76-16.51 4.15-3.91 6.92-9.3 10.31-14.01-.01 21.98-.01 43.94-.01 65.89z" fill="#000"/>
|
||||
<path id="front_database_top" d="M198.69 214.93c.22 4.3 1.82 8.95 4.08 12.65 4.38 7.15 11.57 11.39 18.91 15.05 23.49 11.71 48.84 16.06 74.64 18.33 21.65 1.91 43.31 1.65 64.93-.72 20.93-2.29 41.49-6.22 60.9-14.65 12.38-5.38 23.99-11.96 29.39-25.52v-45.79c-3.97-10.56-12.17-17.03-21.74-21.91-5.81-2.96-11.85-5.59-18.02-7.7-23.72-8.13-48.3-11.36-73.25-12.34-29.43-1.16-58.55.99-87.13 8.35-14.8 3.81-29.17 8.82-41.48 18.36-7.5 5.81-11.92 12.97-11.53 22.96.45 10.97-.26 21.98.3 32.93z" fill="#FFF"/>
|
||||
<path id="front_database_bottom" d="M418.82 357.95c-18.2 7.37-37.33 11.06-56.78 13.21-21.74 2.4-43.52 2.6-65.32.82-22.33-1.81-44.3-5.53-65.2-13.87-13.2-5.27-26.03-11.4-32.65-25.77-.19.68-.35 1-.35 1.33-.01 19.94-.18 39.89.16 59.83.06 3.51 1.58 7.41 3.54 10.4 6.44 9.82 16.55 14.98 26.98 19.3 27.46 11.36 56.44 15.38 85.82 15.78 18.53.25 37.14-1.23 55.61-3 17.99-1.73 35.53-6.2 52.12-13.59 12.22-5.44 23.72-11.97 28.79-25.58v-65.88c-6.22 14.67-19.06 21.49-32.72 27.02z" fill="#FFF"/>
|
||||
<path id="front_database_middle" d="M411.7 272.29c-22.93 7.43-46.58 10.52-70.59 11.51-29.71 1.22-59.17-.7-87.91-8.49-20.25-5.49-40.72-11.36-52.47-31.85 0 20.42-.18 40.51.16 60.58.06 3.65 1.62 7.64 3.56 10.81 4.62 7.53 11.98 12.14 19.72 15.94 24.93 12.22 51.78 16.49 79.09 18.57 18.85 1.44 37.7 1.12 56.53-.73 22.04-2.17 43.7-6.05 64.15-14.85 12.64-5.44 24.63-11.99 29.82-26.12v-65.88c-3.39 4.72-6.16 10.1-10.31 14.01-8.92 8.4-20.27 12.77-31.75 16.5z" fill="#FFF"/>
|
||||
</g>
|
||||
</g>
|
||||
<g id="star_group">
|
||||
<g id="star_animation" transform="matrix(0 0 0 0 184.363 136.918)">
|
||||
<path id="star" transform="translate(-152.005 -115.021)" fill="url(#star-fill)" stroke="#000" stroke-width="4" stroke-miterlimit="10" d="M215.98 160.29l-49.28-12.28-38.05 33.63-3.55-50.66-43.75-25.8 47.09-19.03 11.02-49.58 32.65 38.9 50.55-4.84-26.91 43.07z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 7.5 KiB |
42
Animate on Hover/database.svg
Normal file
42
Animate on Hover/database.svg
Normal file
@ -0,0 +1,42 @@
|
||||
<svg id="database" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 499.17 498.38" shape-rendering="geometricPrecision" text-rendering="geometricPrecision">
|
||||
<style>
|
||||
@keyframes back_database_animation__to{0%{transform:translate(330.640859px,289.527196px);animation-timing-function:cubic-bezier(.445,.05,.55,.95)}16%,66%{transform:translate(178.283203px,199.933594px);animation-timing-function:cubic-bezier(.445,.05,.55,.95)}80%,to{transform:translate(330.640859px,289.527196px)}}@keyframes star_animation__ts{0%,78%{transform:translate(184.362724px,136.917577px) scale(0,0);animation-timing-function:cubic-bezier(.445,.05,.55,.95)}84%,86%{transform:translate(184.362724px,136.917577px) scale(1,1);animation-timing-function:cubic-bezier(.445,.05,.55,.95)}94%,to{transform:translate(184.362724px,136.917577px) scale(0,0)}}@keyframes star_c_o{0%{opacity:1}84%{opacity:1;animation-timing-function:cubic-bezier(0,0,.58,1)}94%,to{opacity:0}}#database{pointer-events:all}#database *{animation-play-state:paused!important}#database:hover *{animation-play-state:running!important}#back_database_animation{animation:back_database_animation__to 5000ms linear infinite normal forwards}#star_animation{animation:star_animation__ts 5000ms linear infinite normal forwards}#star{animation:star_c_o 5000ms linear infinite normal forwards}
|
||||
</style>
|
||||
<defs>
|
||||
<radialGradient id="star-fill" cx="152.007" cy="109.106" r="71.6" spreadMethod="pad" gradientUnits="userSpaceOnUse">
|
||||
<stop id="star-fill-0" offset="0%" stop-color="#FFF33B"/>
|
||||
<stop id="star-fill-1" offset="5.95%" stop-color="#FFE029"/>
|
||||
<stop id="star-fill-2" offset="13.03%" stop-color="#FFD217"/>
|
||||
<stop id="star-fill-3" offset="20.32%" stop-color="#FEC90E"/>
|
||||
<stop id="star-fill-4" offset="28.09%" stop-color="#FDC70C"/>
|
||||
<stop id="star-fill-5" offset="66.85%" stop-color="#F3903F"/>
|
||||
<stop id="star-fill-6" offset="88.76%" stop-color="#ED683C"/>
|
||||
<stop id="star-fill-7" offset="100%" stop-color="#E93E3A"/>
|
||||
</radialGradient>
|
||||
</defs>
|
||||
<g id="background">
|
||||
<path id="square" d="M498.1 249.4v186.99c0 28.57-21.55 54.69-49.69 60.04-4.16.79-8.46 1.24-12.69 1.24-124.24.07-248.48.05-372.72.05-30.45 0-57.04-23.36-61.03-53.67-.35-2.67-.59-5.39-.59-8.08-.04-124.55-.03-249.11-.03-373.66 0-28.58 21.56-54.7 49.69-60.04 4.16-.79 8.46-1.24 12.69-1.24C188.08.97 312.42.98 436.77.98c28.57 0 54.73 21.58 60.04 49.69.79 4.16 1.24 8.46 1.24 12.69.07 62.01.05 124.03.05 186.04z" fill="#D52727" stroke="none" stroke-width="1"/>
|
||||
</g>
|
||||
<g id="back_database_animation" transform="translate(330.64 289.527)">
|
||||
<g id="back_database_top" transform="translate(-178.283 -199.934)">
|
||||
<g id="back_database_group" fill="#FFF" stroke="#000" stroke-width="10" stroke-miterlimit="10">
|
||||
<path id="back_database_top" d="M301.15 93.75c-.15-3.04-1.69-6.33-3.44-8.93-6.38-9.47-16.2-14.41-26.33-18.67-21.82-9.18-44.89-12.91-68.26-14.69-30.5-2.33-60.84-.74-90.73 6.16C96 61.41 80.01 66.39 66.4 76.88c-7.29 5.62-11.61 12.6-11.2 22.33.43 10.26.25 20.56.05 30.84-.13 6.84 2.34 12.39 7.05 17.13 8.57 8.63 19.35 13.41 30.56 17.38 18.74 6.65 38.18 10.03 57.91 11.48 13.6 1 27.27.96 40.74 1.39.48-1.09.81-1.53.88-2.02 1.57-11.5 8.31-19.66 17.16-26.38 12.42-9.43 26.63-15.28 41.61-18.8 16.4-3.85 33.07-6.53 50.15-9.82 0-8.48.29-17.59-.16-26.66z"/>
|
||||
<path id="back_database_middle" d="M180.68 198.45c-28.62.19-56.91-2.42-84.24-11.34-16.17-5.28-32.21-11.28-41.15-28.43 0 18.85.3 37.04-.12 55.23-.23 9.86 3.9 16.92 11.31 22.68 10.34 8.05 22.31 12.66 34.7 16.26 27.72 8.05 56.13 10.39 84.86 9.93 1.91-.03 3.82-.2 5.83-.31v-64.02c-3.96 0-7.57-.02-11.19 0z"/>
|
||||
<path id="back_database_bottom" d="M187.02 284.97c-18.51.45-36.94-.35-55.26-3.15-17.51-2.67-34.73-6.51-50.85-14.11-10.44-4.92-20.32-10.66-25.61-22.09 0 18.74.14 37.48-.07 56.22-.08 7.28 2.44 13.17 7.56 18.11 8.83 8.52 19.73 13.38 31.12 17.2 29.71 9.96 60.42 12.65 91.53 12.22 2.05-.03 4.11-.18 6.34-.29v-64.12c-1.71.01-3.24-.03-4.76.01z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g id="front_database_top">
|
||||
<g id="front_database_group" stroke="none" stroke-width="1">
|
||||
<path id="front_database_border" d="M441.43 137.62c-6.45-3.29-13.17-6.21-20.01-8.56-26.35-9.03-53.65-12.61-81.37-13.71-32.69-1.29-65.04 1.1-96.79 9.27-16.45 4.23-32.4 9.8-46.07 20.4-8.33 6.46-13.24 14.4-12.8 25.51.41 10.25-.08 20.53.13 30.79-.03 41.65-.16 183.95.18 204.16.07 3.9 1.76 8.23 3.94 11.55 7.16 10.91 18.38 16.64 29.98 21.44 30.5 12.62 62.7 17.09 95.33 17.53 20.58.28 41.26-1.37 61.78-3.33 19.99-1.92 39.47-6.89 57.89-15.09 13.57-6.04 26.35-13.29 31.99-28.41V212.84v-23.59-27.28c-4.44-11.74-13.55-18.93-24.18-24.35zM198.4 182.01c-.4-10 4.03-17.15 11.53-22.96 12.31-9.54 26.67-14.55 41.48-18.36 28.58-7.36 57.7-9.51 87.13-8.35 24.95.99 49.53 4.22 73.25 12.34 6.17 2.11 12.21 4.74 18.02 7.7 9.58 4.88 17.78 11.35 21.74 21.91v45.79c-5.4 13.56-17.01 20.14-29.39 25.52-19.41 8.43-39.97 12.36-60.9 14.65-21.62 2.37-43.28 2.63-64.93.72-25.8-2.27-51.15-6.62-74.64-18.33-7.35-3.66-14.54-7.9-18.91-15.05-2.26-3.7-3.86-8.34-4.08-12.65-.57-10.96.14-21.97-.3-32.93zm253.15 214.81c-5.08 13.61-16.58 20.14-28.79 25.58-16.59 7.39-34.12 11.86-52.12 13.59-18.47 1.77-37.08 3.25-55.61 3-29.37-.4-58.36-4.42-85.82-15.78-10.44-4.32-20.54-9.48-26.98-19.3-1.96-2.99-3.48-6.89-3.54-10.4-.34-19.94-.17-39.89-.16-59.83 0-.33.17-.65.35-1.33 6.62 14.37 19.45 20.5 32.65 25.77 20.89 8.34 42.87 12.05 65.2 13.87 21.8 1.77 43.58 1.58 65.32-.82 19.45-2.15 38.58-5.84 56.78-13.21 13.65-5.53 26.49-12.35 32.72-27.01v65.87zm2.21-89.18c-5.19 14.12-17.18 20.68-29.82 26.12-20.45 8.8-42.11 12.68-64.15 14.85-18.83 1.85-37.68 2.17-56.53.73-27.32-2.08-54.16-6.35-79.09-18.57-7.74-3.79-15.1-8.4-19.72-15.94-1.94-3.17-3.5-7.16-3.56-10.81-.34-20.07-.16-40.16-.16-60.58 11.74 20.49 32.21 26.37 52.47 31.85 28.74 7.79 58.2 9.72 87.91 8.49 24.01-.99 47.66-4.07 70.59-11.51 11.49-3.72 22.84-8.1 31.76-16.51 4.15-3.91 6.92-9.3 10.31-14.01-.01 21.98-.01 43.94-.01 65.89z" fill="#000"/>
|
||||
<path id="front_database_top" d="M198.69 214.93c.22 4.3 1.82 8.95 4.08 12.65 4.38 7.15 11.57 11.39 18.91 15.05 23.49 11.71 48.84 16.06 74.64 18.33 21.65 1.91 43.31 1.65 64.93-.72 20.93-2.29 41.49-6.22 60.9-14.65 12.38-5.38 23.99-11.96 29.39-25.52v-45.79c-3.97-10.56-12.17-17.03-21.74-21.91-5.81-2.96-11.85-5.59-18.02-7.7-23.72-8.13-48.3-11.36-73.25-12.34-29.43-1.16-58.55.99-87.13 8.35-14.8 3.81-29.17 8.82-41.48 18.36-7.5 5.81-11.92 12.97-11.53 22.96.45 10.97-.26 21.98.3 32.93z" fill="#FFF"/>
|
||||
<path id="front_database_bottom" d="M418.82 357.95c-18.2 7.37-37.33 11.06-56.78 13.21-21.74 2.4-43.52 2.6-65.32.82-22.33-1.81-44.3-5.53-65.2-13.87-13.2-5.27-26.03-11.4-32.65-25.77-.19.68-.35 1-.35 1.33-.01 19.94-.18 39.89.16 59.83.06 3.51 1.58 7.41 3.54 10.4 6.44 9.82 16.55 14.98 26.98 19.3 27.46 11.36 56.44 15.38 85.82 15.78 18.53.25 37.14-1.23 55.61-3 17.99-1.73 35.53-6.2 52.12-13.59 12.22-5.44 23.72-11.97 28.79-25.58v-65.88c-6.22 14.67-19.06 21.49-32.72 27.02z" fill="#FFF"/>
|
||||
<path id="front_database_middle" d="M411.7 272.29c-22.93 7.43-46.58 10.52-70.59 11.51-29.71 1.22-59.17-.7-87.91-8.49-20.25-5.49-40.72-11.36-52.47-31.85 0 20.42-.18 40.51.16 60.58.06 3.65 1.62 7.64 3.56 10.81 4.62 7.53 11.98 12.14 19.72 15.94 24.93 12.22 51.78 16.49 79.09 18.57 18.85 1.44 37.7 1.12 56.53-.73 22.04-2.17 43.7-6.05 64.15-14.85 12.64-5.44 24.63-11.99 29.82-26.12v-65.88c-3.39 4.72-6.16 10.1-10.31 14.01-8.92 8.4-20.27 12.77-31.75 16.5z" fill="#FFF"/>
|
||||
</g>
|
||||
</g>
|
||||
<g id="star_group">
|
||||
<g id="star_animation" transform="matrix(0 0 0 0 184.363 136.918)">
|
||||
<path id="star" transform="translate(-152.005 -115.021)" fill="url(#star-fill)" stroke="#000" stroke-width="4" stroke-miterlimit="10" d="M215.98 160.29l-49.28-12.28-38.05 33.63-3.55-50.66-43.75-25.8 47.09-19.03 11.02-49.58 32.65 38.9 50.55-4.84-26.91 43.07z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 7.6 KiB |
Reference in New Issue
Block a user