Add icons to this collection by clicking the heart icon.
Hand Soap icon - also known as clean, hand, automatic, electronics, dispenser, sterilization, prevention, hand soap, and hand sanitizer. Created in a clean flat gradient style, 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 63.996 63.996"
>
<linearGradient
id="c"
x1="21.54"
x2="21.54"
y1="0"
y2="63.996"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#259ffc" />
<stop offset="1" stop-color="#1a6fb0" />
</linearGradient>
<linearGradient
id="d"
x1="21.54"
x2="21.54"
y1="63.996"
y2="0"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7fc3f8" />
<stop offset="1" stop-color="#2488ff" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#e5e4e7" />
<stop offset="1" stop-color="#d8d7da" />
</linearGradient>
<linearGradient
id="e"
x1="43.998"
x2="43.998"
y1="17.996"
y2="31.996"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="14.998"
x2="14.998"
y1="12.996"
y2="16.996"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="14.998"
x2="14.998"
y1="14.997"
y2="20.996"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#7fc3f8" />
<stop offset="1" stop-color="#78b9eb" />
</linearGradient>
<linearGradient
id="h"
x1="33.998"
x2="33.998"
y1="33.996"
y2="41.996"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="32.498"
x2="32.498"
y1="36.996"
y2="41.996"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="25.582"
x2="25.582"
y1="28.996"
y2="63.996"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#c)"
d="M38.884.599a3.034 3.034 0 0 0-2.637-.484l-31.083 9a3.015 3.015 0 0 0-2.166 2.882c0 3.161 1.433 6.261 2.818 9.259 1.114 2.409 2.266 4.9 2.266 6.741 0 4.601-.902 7.666-1.947 11.22-1.471 4.999-3.137 10.664-3.137 21.78 0 1.654 1.346 3 3 3h23.084c1.654 0 3-1.346 3-3 0-3.958-.772-7.652-2.49-11.872a3.975 3.975 0 0 0 1.282-1.815 3.973 3.973 0 0 0-.181-3.057c-.487-1.006-.99-1.999-1.494-2.991-.509-1.005-1.012-1.998-1.485-2.989-.748-1.563-2.524-2.484-4.215-2.221-.965-2.578-1.417-4.839-1.417-7.055 0-6.789 5.422-11.277 10.206-15.238 4.182-3.461 7.794-6.45 7.794-10.762 0-.938-.448-1.835-1.198-2.398z"
/>
<path
fill="url(#d)"
d="M38.884.599a3.034 3.034 0 0 0-2.637-.484l-31.083 9a3.015 3.015 0 0 0-2.166 2.882c0 3.161 1.433 6.261 2.818 9.259 1.114 2.409 2.266 4.9 2.266 6.741 0 4.601-.902 7.666-1.947 11.22-1.471 4.999-3.137 10.664-3.137 21.78 0 1.654 1.346 3 3 3h13.084a1 1 0 0 0 .878-.521c4.271-7.83 3.649-14.193 2.862-22.251-.347-3.556-.74-7.585-.74-12.227 0-6.789 5.422-11.277 10.206-15.238 4.182-3.461 7.794-6.45 7.794-10.762 0-.939-.448-1.836-1.198-2.399z"
/>
<path
fill="url(#e)"
d="M59.998 20.996h-5.597c-.892-.836-3.396-3-5.403-3h-9c-1.654 0-3 1.346-3 3s1.346 3 3 3h6a1 1 0 0 1 0 2H36.05l-4.178-3.342a3 3 0 0 0-4.856 2.674 2.977 2.977 0 0 0 1.107 2.011l5 3.999a3 3 0 0 0 1.874.658h25a1 1 0 0 0 1-1v-9a.998.998 0 0 0-.999-1z"
/>
<path
fill="url(#f)"
d="M14.998 16.996a1 1 0 0 1-1-1v-2a1 1 0 1 1 2 0v2a1 1 0 0 1-1 1z"
/>
<path
fill="url(#g)"
d="M14.998 20.996c-2.206 0-4-1.794-4-4 0-.437.082-.876.252-1.342a1 1 0 0 1 1.879.683 1.932 1.932 0 0 0-.131.658c0 1.102.897 2 2 2 1.102 0 2-.898 2-2 0-.2-.043-.415-.131-.658a.999.999 0 1 1 1.879-.683c.17.466.252.905.252 1.342 0 2.206-1.794 4-4 4z"
/>
<path
fill="url(#h)"
d="M36.998 41.996a1 1 0 0 1-1-1c0-2.757-2.243-5-5-5a1 1 0 1 1 0-2c3.859 0 7 3.141 7 7a1 1 0 0 1-1 1z"
/>
<path
fill="url(#i)"
d="M33.998 41.996a1 1 0 0 1-1-1c0-1.102-.898-2-2-2a1 1 0 1 1 0-2c2.206 0 4 1.794 4 4a1 1 0 0 1-1 1z"
/>
<path
fill="url(#j)"
d="M22.082 28.996c0 4.643.393 8.672.74 12.227.787 8.058 1.408 14.421-2.862 22.251a1 1 0 0 1-.878.521h10c1.654 0 3-1.346 3-3 0-7.417-2.823-12.986-5.555-18.372-2.286-4.51-4.445-8.769-4.445-13.627z"
/>
</svg>
More icons in the same style and category