Add icons to this collection by clicking the heart icon.
Soap icon - also known as soap, hygiene, bathroom, Tools and utensils, beauty, liquid soap, 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="-83.627"
x2="-18.004"
y1="584.125"
y2="584.125"
gradientTransform="matrix(8 0 0 -8 622.98 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path
d="M80.003 96a8 8 0 0 0 8 8h81.472c-4.53 12.207 1.694 25.775 13.901 30.305.208.077.417.151.627.223v38.864c-46.2 15.776-80 64.744-80 122.608a140.3 140.3 0 0 0 24 79.2V472a8 8 0 0 0 8 8h160a8 8 0 0 0 8-8v-96.8a140.3 140.3 0 0 0 24-79.2c0-57.864-33.8-106.832-80-122.608v-38.864c12.419-4.306 18.996-17.865 14.689-30.284a23.794 23.794 0 0 0-6.689-10.004V64a8 8 0 0 0-8-8h-160a8 8 0 0 0-8 8v32zm232 200a123.811 123.811 0 0 1-22.496 72 8 8 0 0 0-1.504 4.672V464h-144v-91.352a7.996 7.996 0 0 0-1.504-4.648 123.811 123.811 0 0 1-22.496-72c0-61.76 43.064-112 96-112s96 50.24 96 112zm-96-128a97.986 97.986 0 0 0-16 1.464V136h32v33.464a97.986 97.986 0 0 0-16-1.464zm24-48h-48a8 8 0 0 1 0-16h48a8 8 0 0 1 0 16zm-144-48h144v16h-144V72z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-83.627"
x2="-18.004"
y1="596.602"
y2="596.602"
gradientTransform="matrix(8 0 0 -8 622.98 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path
d="M98.907 200.952a33.138 33.138 0 0 0 1.736-32.216l-21.44-44.224a8.329 8.329 0 0 0-14.4 0l-21.44 44.224a33.138 33.138 0 0 0 1.736 32.216c9.129 14.859 28.575 19.504 43.433 10.375a31.581 31.581 0 0 0 10.375-10.375zm-40.248-8.496a17.222 17.222 0 0 1-.896-16.744l14.24-29.376 14.24 29.376a17.222 17.222 0 0 1-.896 16.744c-4.437 7.37-14.009 9.747-21.378 5.31a15.578 15.578 0 0 1-5.31-5.31z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-83.627"
x2="-18.004"
y1="569.625"
y2="569.625"
gradientTransform="matrix(8 0 0 -8 622.98 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path
d="M384.003 384c0-13.255-10.745-24-24-24s-24 10.745-24 24 10.745 24 24 24 24-10.745 24-24zm-32 0a8 8 0 1 1 16 0 8 8 0 0 1-16 0z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-83.627"
x2="-18.004"
y1="577.625"
y2="577.625"
gradientTransform="matrix(8 0 0 -8 622.98 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path
d="M416.003 344c13.255 0 24-10.745 24-24s-10.745-24-24-24-24 10.745-24 24 10.745 24 24 24zm0-32a8 8 0 1 1 0 16 8 8 0 0 1 0-16z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-83.627"
x2="-18.004"
y1="612.625"
y2="612.625"
gradientTransform="matrix(8 0 0 -8 622.98 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path
d="M344.003 8a8 8 0 0 0-16 0c0 13.255-10.745 24-24 24a8 8 0 0 0 0 16c13.255 0 24 10.745 24 24a8 8 0 0 0 16 0c0-13.255 10.745-24 24-24a8 8 0 0 0 0-16c-13.255 0-24-10.745-24-24zm-8 40a40.586 40.586 0 0 0-8-8 40.586 40.586 0 0 0 8-8 40.586 40.586 0 0 0 8 8 40.586 40.586 0 0 0-8 8z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-83.627"
x2="-18.004"
y1="584.625"
y2="584.625"
gradientTransform="matrix(8 0 0 -8 622.98 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path
d="M376.003 248a8 8 0 0 0-16 0v8h-8a8 8 0 0 0 0 16h8v8a8 8 0 0 0 16 0v-8h8a8 8 0 0 0 0-16h-8v-8z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-83.627"
x2="-18.004"
y1="574.125"
y2="574.125"
gradientTransform="matrix(8 0 0 -8 622.98 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<path
d="M160.003 272v152a8 8 0 0 0 8 8h96a8 8 0 0 0 8-8V272a8 8 0 0 0-8-8h-96a8 8 0 0 0-8 8zm16 8h80v136h-80V280z"
fill="url(#g)"
/>
</svg>
More icons in the same style and category