Add icons to this collection by clicking the heart icon.
Soap icon - also known as soap, hygiene, bathing, bathroom, Tools and utensils, beauty, and miscellaneous. Created in a clean 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-58.875"
x2="5.355"
y1="600.235"
y2="600.235"
gradientTransform="matrix(8 0 0 -8 455 5049)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path
d="m198.688 252.568 19.128 3.2a135.116 135.116 0 0 0 44.352 0l19.152-3.2a8 8 0 1 0-2.64-15.776l-19.152 3.2a119.527 119.527 0 0 1-39.08 0l-19.136-3.2a8 8 0 0 0-2.624 15.776z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-58.875"
x2="5.355"
y1="591.625"
y2="591.625"
gradientTransform="matrix(8 0 0 -8 455 5049)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path
d="M472 308h-32.496c.264-3.016.496-6.04.496-9.104-.005-56.819-46.069-102.876-102.888-102.872-5.663 0-11.317.469-16.904 1.4l-65.92 10.992a86.948 86.948 0 0 1-28.576 0l-65.92-10.992c-56.046-9.34-109.052 28.522-118.392 84.568a102.934 102.934 0 0 0-1.4 16.904c0 3.064.232 6.088.496 9.104H8a8 8 0 0 0-8 8v48c.044 39.746 32.254 71.956 72 72h336c39.746-.044 71.956-32.254 72-72v-48a8 8 0 0 0-8-8zM86.72 232.616a86.745 86.745 0 0 1 70.448-19.416l65.92 10.992a102.129 102.129 0 0 0 33.824 0l65.92-10.992c47.331-7.881 92.089 24.099 99.97 71.43s-24.099 92.089-71.43 99.97a86.9 86.9 0 0 1-28.541 0l-65.92-11a102.83 102.83 0 0 0-33.824 0l-65.92 10.992c-47.327 7.903-92.1-24.057-100.003-71.385a86.879 86.879 0 0 1 29.555-80.615l.001.024zM464 364c-.04 30.911-25.089 55.96-56 56H72c-30.911-.04-55.96-25.089-56-56v-40h27.2c12.97 51.983 63.738 85.247 116.576 76.384l65.92-10.992a86.948 86.948 0 0 1 28.576 0l65.92 10.992C373.041 409.266 423.829 375.997 436.8 324H464v40z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-58.875"
x2="5.355"
y1="611.125"
y2="611.125"
gradientTransform="matrix(8 0 0 -8 455 5049)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path
d="M308 180c11.046 0 20-8.954 20-20s-8.954-20-20-20-20 8.954-20 20 8.954 20 20 20zm0-24a4 4 0 1 1 0 8 4 4 0 0 1 0-8z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-58.875"
x2="5.355"
y1="617.625"
y2="617.625"
gradientTransform="matrix(8 0 0 -8 455 5049)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path
d="M336 108c0 17.673 14.327 32 32 32s32-14.327 32-32-14.327-32-32-32-32 14.327-32 32zm48 0c0 8.837-7.163 16-16 16s-16-7.163-16-16 7.163-16 16-16 16 7.163 16 16z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-58.875"
x2="5.355"
y1="621.625"
y2="621.625"
gradientTransform="matrix(8 0 0 -8 455 5049)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path
d="M320 76c0-17.673-14.327-32-32-32s-32 14.327-32 32 14.327 32 32 32 32-14.327 32-32zm-32 16c-8.837 0-16-7.163-16-16s7.163-16 16-16 16 7.163 16 16-7.163 16-16 16z"
fill="url(#e)"
/>
</svg>
More icons in the same style and category