Add icons to this collection by clicking the heart icon.
Shower icon - also known as animals, hygiene, shower, unicorn, fantasy, legend, smileys, folklore, and fairy tale. Created in a clean gradient style with a white, gray, navy, orange, and pink finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 502 502"
>
<linearGradient id="a">
<stop offset="0" stop-color="#cdd4d4" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<linearGradient
id="g"
x1="375.689"
x2="417.317"
y1="322.358"
y2="322.358"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#e08243" />
<stop offset="1" stop-color="#f0bb78" />
</linearGradient>
<linearGradient
id="h"
x1="440.325"
x2="440.325"
y1="340.385"
y2="304.868"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#b39bdb" />
<stop offset="1" stop-color="#d0c3e8" />
</linearGradient>
<linearGradient
id="i"
x1="151.435"
x2="31.59"
y1="168.297"
y2="168.297"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="238.934"
x2="238.934"
y1="94.14"
y2="11.449"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="331.79"
x2="331.79"
y1="129.782"
y2="47.052"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="256.169"
x2="256.169"
y1="276.07"
y2="449.146"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#d9e0e0" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<linearGradient
id="m"
x1="71.336"
x2="389.524"
y1="199.915"
y2="199.915"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="n"
x1="253.935"
x2="356.031"
y1="107.198"
y2="107.198"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4d952" />
<stop offset="1" stop-color="#f9edaf" />
</linearGradient>
<linearGradient
id="o"
x1="253.931"
x2="335.474"
y1="67.585"
y2="67.585"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ec6f80" />
<stop offset="1" stop-color="#eca0aa" />
</linearGradient>
<linearGradient
id="p"
x1="269.922"
x2="332.82"
y1="27.368"
y2="27.368"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7ed99e" />
<stop offset=".253" stop-color="#81daa3" />
<stop offset=".573" stop-color="#88ddb3" />
<stop offset=".926" stop-color="#95e2cd" />
<stop offset="1" stop-color="#98e3d3" />
</linearGradient>
<linearGradient
id="q"
x1="183.081"
x2="183.081"
y1="182.09"
y2="84.163"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="167.577"
x2="167.577"
y1="267.73"
y2="356.391"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="s"
x1="135.151"
x2="135.151"
y1="302.805"
y2="260.565"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#53aae6" />
<stop offset="1" stop-color="#a4d2f0" />
</linearGradient>
<linearGradient
id="t"
x1="154.199"
x2="246.311"
y1="-156.441"
y2="-156.441"
gradientTransform="rotate(-90 266.309 42.81)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient id="f">
<stop offset="0" stop-color="#74d2e8" />
<stop offset="1" stop-color="#baeaf5" />
</linearGradient>
<linearGradient
id="u"
x1="270.669"
x2="270.669"
y1="586.102"
y2="304.84"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="v"
x1="444.92"
x2="444.92"
y1="129.028"
y2="56.597"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="w"
x1="374.083"
x2="374.083"
y1="417.017"
y2="291.091"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="x"
x1="140.766"
x2="140.766"
y1="392.012"
y2="283.941"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="y"
x1="241.926"
x2="241.926"
y1="439.119"
y2="333.148"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<path
fill="url(#g)"
d="M441.74 336.072c2.082-18.957-10.321-41.86-26.633-45.563-22.507 12.046-55.4 13.828-71.493 6.465-13.259-6.064-28.923-.234-34.988 13.024-6.064 13.258-.234 28.923 13.024 34.988 33.864 15.49 84.464 10.759 120.09-8.914z"
/>
<path
fill="url(#h)"
d="M460.182 290.476c-8.805-11.62-25.363-13.902-36.984-5.097-2.485 1.883-5.207 3.587-8.091 5.13 2.523 18.41 14.269 39.279 26.633 45.563 4.734-2.614 9.215-5.482 13.345-8.612 11.621-8.806 13.903-25.363 5.097-36.984z"
/>
<path
fill="url(#i)"
d="M233.839 145.766c.129-41.137-33.492-75.941-74.628-75.951-41.235-.01-74.666 33.415-74.666 74.649 0 12.903-.126 38.506-20.502 50.4-18.964 11.07-19.092 38.626-.26 49.918 40.914 24.532 100.585 33.345 148.737 1.073 0 0 21.08-24.116 21.319-100.089z"
/>
<circle cx="238.934" cy="87.175" r="74.648" fill="url(#j)" />
<path
fill="url(#k)"
d="M355.926 51.379c-21.857-7.955-58.386 24.862-68 63.687-5.591 22.578 5.93 38.84 27.788 46.795 21.858 7.956 41.136 2.904 51.366-17.986 17.59-35.92 10.703-84.54-11.154-92.496z"
/>
<path
fill="url(#l)"
d="M311.705 261.829c67.957 65.99 59.07 132.92 40.251 152.757s-49.659 28.816-95.787 28.816-76.969-8.979-95.787-28.816c-18.819-19.837-27.706-86.767 40.251-152.757z"
/>
<path
fill="url(#m)"
d="M457.508 225.194c-2.967 56.696-45.886 87.459-159.16 87.459-113.275 0-154.762-44.454-154.762-108.86 0-64.407 43.713-116.618 129.186-116.618s188.531 65.496 184.736 138.019z"
/>
<ellipse cx="228.4" cy="213.956" fill="#eaadcd" rx="14.936" ry="12.003" />
<ellipse cx="404.171" cy="213.956" fill="#eaadcd" rx="14.936" ry="12.003" />
<circle cx="254.007" cy="184.338" r="29.618" fill="#fff" />
<circle
cx="265.972"
cy="184.338"
r="17.652"
fill="#3b3b44"
transform="rotate(-73.38 265.961 184.398)"
/>
<circle cx="378.564" cy="184.338" r="29.618" fill="#fff" />
<g fill="#3b3b44">
<circle
cx="390.467"
cy="184.338"
r="17.652"
transform="rotate(-45 390.464 184.424)"
/>
<ellipse cx="358.138" cy="256.473" rx="13.252" ry="17.352" />
</g>
<path
fill="url(#n)"
d="M256.264 101.33c-1.494 14.802 15.539 29.803 38.928 33.928 24.085 4.247 45.784-4.649 48.468-19.868 1.632-9.257 2.176-21.647 1.672-34.874-31.75-6.034-56.695-1.503-89.068 20.814z"
/>
<path
fill="#fcb500"
d="M290.043 103.751c-1.948-.961-3.447-1.957-4.48-2.807.251-1.058.542-2.168.852-3.301-9.951-.882-17.915-.676-30.149 3.688-1.085 10.756 7.607 21.617 21.418 28.334 8.537 4.152 18.679-1.048 20.328-10.396l.017-.094c1.119-6.354-2.201-12.568-7.986-15.424z"
/>
<path
fill="url(#o)"
d="M339.28 34.19c-23.089-1.582-45.653 1.672-67.272 20.547-7.586 16.286-13.406 33.029-15.565 45.275-.077.439-.134.879-.179 1.319 26.884-1.928 57.868-7.653 89.068-20.814-.591-15.525-2.629-32.198-6.052-46.327z"
/>
<path
fill="#e05d6f"
d="M285.83 57.713c-7.295-2.896-15.575.6-18.573 7.853-5.228 12.649-9.133 24.91-10.814 34.445-.077.439-.132.879-.177 1.319a302.245 302.245 0 0 0 30.149-3.688c1.707-6.245 4.267-13.55 7.373-21.072 3.06-7.412-.505-15.898-7.958-18.857z"
/>
<path
fill="url(#p)"
d="M339.28 34.19C334.827 15.811 328.03 1.744 319.015.154c-14.038-2.475-33.374 25.313-47.007 54.583 21.302-3.109 44.486-9.278 67.272-20.547z"
/>
<path
fill="url(#q)"
d="M158.945 52.436c21.858-7.956 58.386 24.862 68 63.687 5.591 22.579-5.93 38.84-27.788 46.795s-41.136 2.904-51.366-17.986c-17.59-35.921-10.703-84.541 11.154-92.496z"
/>
<path
fill="url(#r)"
d="M205.263 303.611c-17.426-12.758-29.666-24.624-41.828-40.961-13.661 0-39.426 4.13-44.349 28.781 15.93 21.887 32.52 38.332 54.987 54.781 11.734 8.591 28.257 6.091 36.895-5.706 8.613-11.764 6.058-28.283-5.705-36.895z"
/>
<path
fill="url(#s)"
d="M163.435 262.65a270.105 270.105 0 0 1-8.191-11.666c-8.077-12.138-24.465-15.428-36.602-7.351-12.137 8.078-15.428 24.465-7.35 36.603a325.732 325.732 0 0 0 7.794 11.195c14.285-4.179 34.468-16.041 44.349-28.781z"
/>
<circle cx="67.058" cy="108.863" r="46.056" fill="url(#t)" />
<path
fill="url(#u)"
d="M379.217 502c32.306 0 56.277-28.792 51.828-59.659-.583-4.042 2.078-7.888 6.082-8.693 21.438-4.308 37.493-23.492 36.916-46.33-.628-24.864-21.363-44.964-46.235-44.863-26.406.108-46.784 22.174-45.842 47.679.144 3.89-2.933 7.081-6.814 7.374a51.813 51.813 0 0 0-12.035 2.36c-4.336 1.4-8.795-1.557-9.372-6.077-4.2-32.903-32.357-57.86-65.861-57.86-11.03 0-21.426 2.695-30.579 7.455-3.26 1.695-7.259.461-9.065-2.738-10.254-18.167-29.734-30.434-52.083-30.434-17.427 0-33.1 7.467-44.024 19.367a6.882 6.882 0 0 1-7.134 1.918c-7.244-2.285-15.079-3.236-23.229-2.529-29.312 2.544-52.655 26.554-54.385 55.926-1.497 25.413 12.899 47.631 34.173 57.678a6.879 6.879 0 0 1 3.931 6.326c-.45 28.974 22.929 53.1 52.324 53.1z"
/>
<circle cx="444.92" cy="87.175" r="36.079" fill="url(#v)" />
<circle cx="374.083" cy="362.653" r="63.564" fill="url(#w)" />
<circle cx="140.765" cy="328.728" r="46.056" fill="url(#x)" />
<path
fill="#17c5d9"
d="M129.559 373.41c-17.158-4.291-30.5-18.208-33.963-35.679a60.387 60.387 0 0 0-22.628 25.396c9.85 19.335 27.718 33.931 49.2 39.356 9.444 2.385 18.599-4.826 18.599-14.567-.002-6.823-4.59-12.851-11.208-14.506z"
/>
<circle cx="241.926" cy="409.441" r="43.651" fill="url(#y)" />
<g fill="#dff7fa">
<path
d="M411.698 386.667a9.955 9.955 0 0 1-3.499-.636c-5.174-1.933-7.801-7.694-5.867-12.867a29.932 29.932 0 0 0 1.838-12.21c-.303-5.515 3.921-10.231 9.436-10.535 5.518-.289 10.23 3.922 10.535 9.436a49.869 49.869 0 0 1-3.074 20.31c-1.502 4.02-5.316 6.502-9.369 6.502zM393.073 337.337a9.963 9.963 0 0 1-4.75-1.207 30.32 30.32 0 0 0-3.297-1.535c-5.139-2.023-7.663-7.83-5.639-12.969 2.023-5.14 7.83-7.666 12.969-5.639a50.045 50.045 0 0 1 5.484 2.553c4.857 2.628 6.664 8.696 4.036 13.554a9.998 9.998 0 0 1-8.803 5.243z"
/>
</g>
</svg>
More icons in the same style and category