Add icons to this collection by clicking the heart icon.
Soap icon - also known as clean, soap, cleaning, hygiene, beauty, soaps, hotel service, and hobbies and free time. Created in a clean flat 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 128 128"
>
<linearGradient
id="c"
x1="64"
x2="64"
y1="-355"
y2="529.111"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd385" />
<stop offset=".824" stop-color="#ff9b34" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#e2dcca" />
<stop offset=".667" stop-color="#f4eadd" />
</linearGradient>
<linearGradient
id="d"
x1="65.389"
x2="65.056"
y1="5.439"
y2="16.106"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="65.725"
x2="62.392"
y1="14.352"
y2="147.018"
gradientUnits="userSpaceOnUse"
>
<stop offset=".04" stop-color="#fb9e4b" />
<stop offset=".809" stop-color="#f37e3e" />
</linearGradient>
<linearGradient
id="f"
x1="63.942"
x2="63.776"
y1="52.403"
y2="76.736"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#b9d9ef" />
<stop offset="1" stop-color="#9ecdef" />
</linearGradient>
<linearGradient
id="g"
x1="784"
x2="796"
y1="12"
y2="12"
gradientTransform="matrix(-1 0 0 1 800 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="788"
x2="794"
y1="31"
y2="31"
gradientTransform="matrix(-1 0 0 1 800 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="112"
x2="126"
y1="9"
y2="9"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="95"
x2="101"
y1="10"
y2="10"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="33.5"
x2="37.5"
y1="9"
y2="9"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="74"
x2="78"
y1="15"
y2="15"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="20"
x2="47"
y1="30"
y2="30"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="84"
x2="103"
y1="30"
y2="30"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="102"
x2="108"
y1="41"
y2="41"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="45"
x2="51"
y1="30"
y2="30"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="q"
x1="64"
x2="64"
y1="190.5"
y2="266"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#957e7f" />
<stop offset="1" stop-color="#373638" />
</linearGradient>
<path
fill="url(#c)"
d="M81.001 69.959c-3.772 1.784-10.001 4-17.001 4s-13.229-2.215-17.001-4c-15.998-7.569-32.998-.398-32.999 19-.001 21.786 28.162 24.881 50 25 21.838-.119 50.001-3.214 50-25-.001-19.398-17.001-26.569-32.999-19z"
/>
<path
fill="url(#d)"
d="M81.001 30.959c-3.772 1.784-10.001 4-17.001 4s-13.229-2.215-17.001-4c-15.998-7.569-32.998-.398-32.999 19-.001 21.786 28.162 24.881 50 25 21.838-.119 50.001-3.214 50-25-.001-19.398-17.001-26.569-32.999-19z"
/>
<path
fill="url(#e)"
d="M64 87.999c-7.633 0-14.196-2.565-17.429-4.095a1 1 0 0 1 .856-1.809c3.081 1.458 9.332 3.903 16.573 3.903s13.492-2.445 16.573-3.903a1 1 0 0 1 .856 1.809c-3.233 1.53-9.796 4.095-17.429 4.095z"
/>
<path
fill="url(#f)"
d="M64 48.999c-7.633 0-14.196-2.565-17.429-4.095a1 1 0 0 1 .856-1.809c3.081 1.458 9.332 3.903 16.573 3.903s13.492-2.445 16.573-3.903a1 1 0 0 1 .856 1.809c-3.233 1.53-9.796 4.095-17.429 4.095z"
/>
<circle cx="10" cy="12" r="6" fill="url(#g)" />
<circle cx="9" cy="31" r="3" fill="url(#h)" />
<circle cx="119" cy="9" r="7" fill="url(#i)" />
<circle cx="98" cy="10" r="3" fill="url(#j)" />
<circle cx="35.5" cy="9" r="2" fill="url(#k)" />
<circle cx="76" cy="15" r="2" fill="url(#l)" />
<path
fill="url(#m)"
d="M27 33c-.654 1.318-1.429 2-3 2a4 4 0 0 1 0-8c.46-2.287 2.578-4 5-4 1.853 0 4 1.458 4 3 .326-.326.792-.917 2-1 1.954-.135 2.496 1.052 3 2 .851-1.543 2.113-3 4-3a5 5 0 0 1 0 10 4.929 4.929 0 0 1-3-1 4 4 0 0 1-8 0c0-.153-.017-.852 0-1 0 0-1.208 2.521-4 1z"
/>
<path
fill="url(#n)"
d="M99 26c-1.218 0-2.266.141-3 1-.294-3.039-2.884-5-6-5a6 6 0 1 0 0 12h1a4 4 0 0 0 8 0 4 4 0 0 0 0-8z"
/>
<circle cx="105" cy="41" r="3" fill="url(#o)" />
<circle cx="48" cy="30" r="3" fill="url(#p)" />
<path
fill="url(#q)"
d="M121.592 126H6.408A4.407 4.407 0 0 1 2 121.592v-8.184A4.407 4.407 0 0 1 6.408 109h115.184a4.408 4.408 0 0 1 4.408 4.408v8.184a4.407 4.407 0 0 1-4.408 4.408z"
/>
</svg>
More icons in the same style and category