Add icons to this collection by clicking the heart icon.
Soap icon - also known as soap, washing, laundry, bubbles, wellness, 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 454.035 454.035"
>
<linearGradient
id="a"
x1="227.018"
x2="227.018"
y1="473.018"
y2="-16.982"
gradientTransform="matrix(1 0 0 -1 0 456.036)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M370.48 211.692c-38.463-25.887-89.411-40.144-143.463-40.144s-105 14.257-143.463 40.144c-39.676 26.706-61.527 62.61-61.527 101.1s21.851 74.394 61.527 101.1c38.463 25.886 89.411 40.143 143.463 40.143s105-14.257 143.463-40.144c39.676-26.706 61.527-62.61 61.527-101.1s-21.851-74.393-61.527-101.099zm-11.162 185.607c-35.2 23.69-82.179 36.736-132.3 36.736s-97.1-13.046-132.3-36.736c-33.976-22.872-52.69-52.881-52.69-84.508s18.714-61.635 52.695-84.507c35.2-23.689 82.179-36.736 132.3-36.736s97.1 13.047 132.3 36.736c33.981 22.872 52.695 52.884 52.695 84.507s-18.725 61.636-52.7 84.508z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="227.018"
x2="227.018"
y1="473.018"
y2="-16.982"
gradientTransform="matrix(1 0 0 -1 0 456.036)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M316.107 250.854c-23.946-15.309-55.59-23.736-89.09-23.736s-65.144 8.431-89.09 23.74c-25.333 16.2-39.285 38.192-39.285 61.937s13.952 45.742 39.285 61.938c23.946 15.309 55.586 23.74 89.09 23.74s65.144-8.431 89.09-23.74c25.333-16.2 39.285-38.192 39.285-61.938s-13.952-45.745-39.285-61.941zm-10.773 107.024c-20.769 13.278-48.583 20.591-78.317 20.591s-57.548-7.313-78.317-20.591c-19.383-12.392-30.058-28.4-30.058-45.087s10.675-32.694 30.058-45.086c20.769-13.278 48.583-20.587 78.317-20.587s57.548 7.313 78.317 20.591c19.383 12.392 30.058 28.4 30.058 45.086s-10.675 32.691-30.058 45.083z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="328.545"
x2="328.545"
y1="473.018"
y2="-16.982"
gradientTransform="matrix(1 0 0 -1 0 456.036)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M328.544 169.267c21.815 0 39.5-17.685 39.5-39.5s-17.685-39.5-39.5-39.5-39.5 17.685-39.5 39.5c.025 21.805 17.695 39.476 39.5 39.5zm0-59c10.77 0 19.5 8.73 19.5 19.5s-8.73 19.5-19.5 19.5-19.5-8.73-19.5-19.5c.013-10.764 8.736-19.486 19.5-19.498v-.002z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="220.202"
x2="220.202"
y1="473.018"
y2="-16.982"
gradientTransform="matrix(1 0 0 -1 0 456.036)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M220.202 110.168c30.422-.001 55.084-24.663 55.083-55.085S250.623-.001 220.201 0c-30.422.001-55.083 24.662-55.083 55.084.034 30.408 24.676 55.05 55.084 55.084zm0-90.167c19.376.001 35.084 15.709 35.083 35.085S239.576 90.17 220.2 90.169s-35.084-15.709-35.083-35.085c.023-19.367 15.718-35.062 35.085-35.083z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="149.895"
x2="149.895"
y1="473.018"
y2="-16.982"
gradientTransform="matrix(1 0 0 -1 0 456.036)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<path
d="M149.894 160.173c19.195.001 34.756-15.56 34.757-34.755.001-19.195-15.56-34.756-34.755-34.757s-34.756 15.56-34.757 34.755v.002c.025 19.184 15.571 34.73 34.755 34.755zm0-49.512c8.15-.001 14.756 6.605 14.757 14.755s-6.605 14.756-14.755 14.757c-8.15.001-14.756-6.605-14.757-14.755.01-8.145 6.61-14.747 14.755-14.757z"
fill="url(#e)"
/>
</svg>
More icons in the same style and category