Add icons to this collection by clicking the heart icon.
Hand Soap icon - also known as hand, hygiene, hand wash, coronavirus, healthcare and medical, hand soap, hand washing, washing hands, 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#3d9ae2" />
<stop offset="1" stop-color="#5aaae7" />
</linearGradient>
<linearGradient
id="c"
x1="45.5"
x2="45.5"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="46"
x2="46"
y1="64"
y2="20"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ffc477" />
<stop offset="1" stop-color="#ffdaaa" />
</linearGradient>
<linearGradient
id="e"
x1="39"
x2="39"
y1="52"
y2="32"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="46"
x2="46"
y1="20.08"
y2="13"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffa733" />
<stop offset="1" stop-color="#ffb655" />
</linearGradient>
<linearGradient
id="g"
x1="46"
x2="46"
y1="20"
y2="17"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="50"
x2="50"
y1="20"
y2="17"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="42"
x2="42"
y1="20"
y2="17"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="21"
x2="21"
y1="35"
y2="15"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="32"
x2="32"
y1="16"
y2="9"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#165c92" />
<stop offset="1" stop-color="#1e81ce" />
</linearGradient>
<linearGradient
id="l"
x1="41"
x2="41"
y1="9"
y2="0"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#c)"
d="M56 20.071V18c0-2.757-2.243-5-5-5h-2V9h3a1 1 0 0 0 1-1V4c0-2.206-1.794-4-4-4H37c-4.411 0-8 3.589-8 8a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1c0-1.103.897-2 2-2h3v2a1 1 0 0 0 1 1h2v4h-2c-2.757 0-5 2.243-5 5v2.071c-3.388.487-6 3.408-6 6.929v32c0 2.757 2.243 5 5 5h22c2.757 0 5-2.243 5-5V27c0-3.521-2.612-6.442-6-6.929z"
/>
<path
fill="url(#d)"
d="M55 20H37c-3.859 0-7 3.14-7 7v32c0 2.757 2.243 5 5 5h22c2.757 0 5-2.243 5-5V27c0-3.86-3.141-7-7-7z"
/>
<path
fill="url(#e)"
d="M47 32H31a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V33a1 1 0 0 0-1-1z"
/>
<path
fill="url(#f)"
d="M37 20h18c.341 0 .673.033 1 .08V18c0-2.757-2.243-5-5-5H41c-2.757 0-5 2.243-5 5v2.08c.327-.047.659-.08 1-.08z"
/>
<path fill="url(#g)" d="M47 18a1 1 0 1 0-2 0v2h2z" />
<path fill="url(#h)" d="M51 18a1 1 0 1 0-2 0v2h2z" />
<path fill="url(#i)" d="M43 18a1 1 0 1 0-2 0v2h2z" />
<path
fill="url(#j)"
d="M39.121 15.879c-1.133-1.134-3.109-1.134-4.242 0L27.758 23H21a1.001 1.001 0 0 1 0-2h5c1.654 0 3-1.346 3-3v-2a1 1 0 0 0-1-1H15c-.801 0-1.555.312-2.115.873L2.299 26.287a.996.996 0 0 0-.006 1.42l7 7a.997.997 0 0 0 1.414 0L16.414 29H29c.801 0 1.555-.312 2.121-.879l8-8c.566-.566.879-1.32.879-2.121s-.313-1.555-.879-2.121z"
/>
<path
fill="url(#k)"
d="M30.396 9C29.759 10.354 29 12.142 29 13c0 1.654 1.346 3 3 3s3-1.346 3-3c0-.858-.759-2.646-1.397-4z"
/>
<path
fill="url(#l)"
d="M49 0H37c-4.411 0-8 3.589-8 8a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1c0-1.103.897-2 2-2h3v2a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1V4c0-2.206-1.794-4-4-4z"
/>
</svg>
More icons in the same style and category