Add icons to this collection by clicking the heart icon.
Soap icon - also known as clean, soap, bar, wash, hygiene, and wellness. 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="512"
height="512"
viewBox="0 0 510 510"
>
<linearGradient id="a">
<stop offset="0" stop-color="#f8f6f7" />
<stop offset=".179" stop-color="#f8f6f7" />
<stop offset="1" stop-color="#e7e6f5" />
</linearGradient>
<linearGradient
id="c"
x1="225"
x2="329.69"
y1="424.064"
y2="424.064"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#c2fae3" />
<stop offset=".573" stop-color="#00f2a6" />
<stop offset="1" stop-color="#07b27b" />
</linearGradient>
<linearGradient
id="d"
x1="-64.971"
x2="555.247"
y1="255"
y2="255"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="e"
x1="-259"
x2="491.291"
y1="107.234"
y2="107.234"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="-259"
x2="491.291"
y1="255"
y2="255"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="-259"
x2="491.291"
y1="417.256"
y2="417.256"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="-192.834"
x2="488.986"
y1="255"
y2="255"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="155"
x2="426.312"
y1="255"
y2="255"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="162.38"
x2="449.919"
y1="255"
y2="255"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="162.38"
x2="449.919"
y1="255.135"
y2="255.135"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="162.38"
x2="449.919"
y1="254.323"
y2="254.323"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="162.38"
x2="449.919"
y1="254.729"
y2="254.729"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="99"
x2="199.045"
y1="82.56"
y2="82.56"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="216"
x2="277"
y1="70.044"
y2="70.044"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="406"
x2="469.008"
y1="29.916"
y2="29.916"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="342"
x2="400.078"
y1="480.084"
y2="480.084"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<circle cx="278.169" cy="424.064" r="52.795" fill="url(#c)" />
<path
fill="url(#d)"
d="M61.761 67.672C27.651 67.672 0 95.323 0 129.433v251.135c0 34.109 27.651 61.761 61.761 61.761 30.726 0 60.944-7.842 87.793-22.785 65.563-36.488 145.33-36.488 210.892 0a180.539 180.539 0 0 0 87.793 22.785c34.109 0 61.761-27.651 61.761-61.761V129.433c0-34.109-27.651-61.761-61.761-61.761a180.528 180.528 0 0 0-87.793 22.785c-65.563 36.488-145.329 36.488-210.892 0a180.528 180.528 0 0 0-87.793-22.785z"
/>
<path
fill="url(#e)"
d="M149.554 90.457a180.535 180.535 0 0 0-87.793-22.784 61.89 61.89 0 0 0-14.785 1.794 181.065 181.065 0 0 1 29.639 6.771A52.599 52.599 0 0 0 73.532 94c0 29.158 23.637 52.795 52.795 52.795 22.028 0 40.886-13.499 48.799-32.67a217.077 217.077 0 0 0 59.864 2.768 216.653 216.653 0 0 1-85.436-26.436z"
/>
<path
fill="url(#f)"
d="M448.239 67.672c-8.471 0-16.901.618-25.235 1.794 26.967 6.627 46.975 30.955 46.975 59.966v251.135c0 29.012-20.008 53.339-46.975 59.966a180.432 180.432 0 0 0 25.234 1.794c34.109 0 61.761-27.651 61.761-61.761V129.433c.001-34.11-27.65-61.761-61.76-61.761z"
/>
<path
fill="url(#g)"
d="M109.534 419.543a180.505 180.505 0 0 1-62.559 20.99 61.845 61.845 0 0 0 14.785 1.794c30.726 0 60.944-7.842 87.793-22.784a216.653 216.653 0 0 1 85.436-26.436c-42.867-3.969-86.649 4.839-125.455 26.436z"
/>
<path
fill="url(#h)"
d="M383.538 352.125H126.462c-36.579 0-66.232-29.653-66.232-66.232v-61.786c0-36.579 29.653-66.232 66.232-66.232h257.075c36.579 0 66.232 29.653 66.232 66.232v61.786c.001 36.579-29.652 66.232-66.231 66.232z"
/>
<path
fill="url(#i)"
d="M383.538 157.875h-25.011c36.579 0 66.232 29.653 66.232 66.232v61.786c0 36.579-29.653 66.232-66.232 66.232h25.011c36.579 0 66.232-29.653 66.232-66.232v-61.786c0-36.579-29.653-66.232-66.232-66.232z"
/>
<path
fill="url(#j)"
d="M148.662 277.675c0-16.38-42.913-13.537-42.913-45.215 0-20.306 17.734-28.022 34.656-28.022 7.175 0 26.939 1.354 26.939 11.913 0 3.655-2.436 11.1-8.393 11.1-4.873 0-7.445-5.144-18.546-5.144-9.612 0-13.537 3.926-13.537 8.123 0 13.537 42.913 10.965 42.913 45.079 0 19.494-14.214 30.053-33.843 30.053-17.734 0-32.625-8.664-32.625-17.599 0-4.603 4.061-11.371 9.206-11.371 6.362 0 10.424 10.017 23.013 10.017 6.226 0 13.13-2.436 13.13-8.934z"
/>
<path
fill="url(#k)"
d="M179.122 273.072v-35.874c0-23.284 14.485-31.948 33.166-31.948s33.302 8.664 33.302 31.948v35.874c0 23.284-14.62 31.948-33.302 31.948s-33.166-8.664-33.166-31.948zm45.35-35.874c0-9.341-4.603-13.537-12.184-13.537s-12.048 4.196-12.048 13.537v35.874c0 9.341 4.467 13.537 12.048 13.537s12.184-4.196 12.184-13.537z"
/>
<path
fill="url(#l)"
d="M252.361 295.544c0-.406.135-.948.271-1.489l25.18-82.578c1.489-4.738 7.581-7.039 13.808-7.039s12.319 2.301 13.808 7.039l25.315 82.578c.135.541.271 1.083.271 1.489 0 5.009-7.716 8.664-13.537 8.664-3.385 0-6.092-1.083-6.904-3.926l-4.603-16.922h-28.564l-4.603 16.922c-.812 2.843-3.52 3.926-6.904 3.926-5.822 0-13.538-3.655-13.538-8.664zm49.141-28.428-9.882-36.28-9.882 36.28z"
/>
<path
fill="url(#m)"
d="M338.866 211.613c0-3.385 3.114-6.363 7.852-6.363h28.022c17.869 0 31.948 8.393 31.948 31.136v.677c0 22.743-14.62 31.407-33.302 31.407h-13.402v29.241c0 4.332-5.28 6.498-10.559 6.498-5.28 0-10.559-2.166-10.559-6.498zm21.118 12.048v28.564h13.402c7.581 0 12.184-4.332 12.184-13.537v-1.489c0-9.205-4.603-13.537-12.184-13.537h-13.402z"
/>
<circle cx="147.879" cy="82.56" r="52.795" fill="url(#n)" />
<circle cx="245.59" cy="70.044" r="29.916" fill="url(#o)" />
<circle cx="437.264" cy="29.916" r="29.916" fill="url(#p)" />
<circle cx="372.777" cy="480.084" r="29.916" fill="url(#q)" />
</svg>
More icons in the same style and category