Add icons to this collection by clicking the heart icon.
Soap icon - also known as soap, hygiene, bathing, bathroom, Tools and utensils, and beauty. Created in a clean gradient style with a white and yellow finish, 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="512pt"
height="512pt"
viewBox="0 0 512 512"
>
<linearGradient
id="c"
x1="74.981"
x2="437.019"
y1="74.981"
y2="437.019"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7a78" />
<stop offset="1" stop-color="#ff5552" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ffeea6" />
<stop offset="1" stop-color="#ffcd00" />
</linearGradient>
<linearGradient
id="d"
x1="84.777"
x2="256"
y1="183.188"
y2="183.188"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fff7d3" />
<stop offset="1" stop-color="#ffeea6" />
</linearGradient>
<linearGradient
id="e"
x1="175.288"
x2="301"
y1="85.288"
y2="211"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="228.856"
x2="318.856"
y1="103.144"
y2="193.144"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="85.857"
x2="199.286"
y1="199.286"
y2="312.714"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="312.714"
x2="426.143"
y1="199.286"
y2="312.714"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="193.144"
x2="283.144"
y1="318.856"
y2="408.856"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="211"
x2="336.712"
y1="301"
y2="426.712"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="84.777"
x2="256"
y1="328.812"
y2="328.812"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="188.383"
x2="323.617"
y1="188.383"
y2="323.617"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#c)"
d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
/>
<path
fill="#ffdf5e"
d="M427.223 200.367c-11.852-36.5-35.043-67.879-65.422-89.988L256 256zm0 0"
/>
<path
fill="url(#d)"
d="M150.2 110.379c-30.38 22.11-53.571 53.488-65.423 89.988L256 256zm0 0"
/>
<path
fill="url(#e)"
d="M256 76c-39.543 0-76.102 12.762-105.8 34.379L256 256zm0 0"
/>
<path
fill="url(#f)"
d="M361.8 110.379C332.103 88.762 295.544 76 256 76v180zm0 0"
/>
<path
fill="url(#g)"
d="M84.777 200.367C79.086 217.887 76 236.582 76 256s3.086 38.113 8.777 55.633L256 256zm0 0"
/>
<path
fill="url(#h)"
d="M427.223 200.367 256 256l171.223 55.633C432.914 294.113 436 275.418 436 256s-3.086-38.113-8.777-55.633zm0 0"
/>
<path
fill="#ffdf5e"
d="M361.8 401.621c30.38-22.11 53.571-53.488 65.423-89.988L256 256zm0 0"
/>
<path
fill="url(#i)"
d="M150.2 401.621C179.897 423.238 216.456 436 256 436V256zm0 0"
/>
<path
fill="url(#j)"
d="M256 436c39.543 0 76.102-12.762 105.8-34.379L256 256zm0 0"
/>
<path
fill="url(#k)"
d="M84.777 311.633c11.852 36.5 35.043 67.879 65.422 89.988L256 256zm0 0"
/>
<path
fill="url(#l)"
d="M351.625 256c0 52.813-42.813 95.625-95.625 95.625S160.375 308.812 160.375 256s42.813-95.625 95.625-95.625 95.625 42.813 95.625 95.625zm0 0"
/>
<path fill="#fff7d3" d="M287.64 245.453h21.094v21.094h-21.093zm0 0" />
<g fill="#fff">
<path
d="M245.453 245.453h21.094v21.094h-21.094zM203.266 245.453h21.093v21.094h-21.093zm0 0"
/>
<path
d="M256 149.828c-58.543 0-106.172 47.629-106.172 106.172S197.457 362.172 256 362.172 362.172 314.543 362.172 256 314.543 149.828 256 149.828zm0 191.25c-46.91 0-85.078-38.168-85.078-85.078S209.09 170.922 256 170.922 341.078 209.09 341.078 256 302.91 341.078 256 341.078zm0 0"
/>
</g>
</svg>
More icons in the same style and category