Add icons to this collection by clicking the heart icon.
Soap icon - also known as soap, animals, pawprint, grooming, and pet care. Created in a clean color 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="#feaee1" />
<stop offset=".196" stop-color="#fea3d7" />
<stop offset=".537" stop-color="#fe87bf" />
<stop offset=".979" stop-color="#fe5996" />
<stop offset="1" stop-color="#fe5694" />
</linearGradient>
<linearGradient
id="f"
x1="289.068"
x2="289.068"
y1="26"
y2="59.095"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fe0364" stop-opacity="0" />
<stop offset=".399" stop-color="#f70360" stop-opacity=".399" />
<stop offset=".974" stop-color="#e40257" stop-opacity=".974" />
<stop offset="1" stop-color="#e30256" />
</linearGradient>
<linearGradient
id="g"
x1="292.37"
x2="258.356"
y1="47.076"
y2="47.076"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#f9f5f3" />
<stop offset="1" stop-color="#efe2dd" />
</linearGradient>
<linearGradient
id="h"
x1="203.37"
x2="221.37"
y1="110.839"
y2="110.839"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#e1d3ce" stop-opacity="0" />
<stop offset=".23" stop-color="#dfceca" stop-opacity=".23" />
<stop offset=".493" stop-color="#d9c1bd" stop-opacity=".493" />
<stop offset=".772" stop-color="#cfaaa8" stop-opacity=".773" />
<stop offset="1" stop-color="#c59191" />
</linearGradient>
<linearGradient
id="i"
x1="213.838"
x2="214.838"
y1="101.335"
y2="81.001"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="j"
x1="209.429"
x2="217.762"
y1="97.754"
y2="125.42"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="k"
x1="186.704"
x2="246.162"
y1="160.907"
y2="160.907"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="184.551"
x2="161.869"
y1="152.955"
y2="152.955"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="211.042"
x2="188.361"
y1="152.955"
y2="152.955"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="237.534"
x2="214.853"
y1="152.955"
y2="152.955"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="o"
x1="264.026"
x2="241.344"
y1="152.955"
y2="152.955"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="p"
x1="213.37"
x2="213.37"
y1="69"
y2="83.337"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="q"
x1="205.57"
x2="234.57"
y1="8.396"
y2="73.896"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="218.478"
x2="218.478"
y1="43.5"
y2="67.5"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="s"
x1="213.37"
x2="213.37"
y1="157.333"
y2="178.024"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="t"
x1="107.033"
x2="300.962"
y1="254.337"
y2="448.266"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="321.37"
x2="377.102"
y1="341.199"
y2="341.199"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="v"
x1="213.371"
x2="213.371"
y1="451"
y2="515.031"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="w"
x1="158.988"
x2="342.423"
y1="293.383"
y2="476.818"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fef0ae" />
<stop offset="1" stop-color="#fac600" />
</linearGradient>
<linearGradient
id="x"
x1="296.488"
x2="164.473"
y1="430.883"
y2="298.868"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fea613" stop-opacity="0" />
<stop offset="1" stop-color="#e94444" />
</linearGradient>
<linearGradient
id="y"
x1="172.439"
x2="251.853"
y1="306.833"
y2="386.248"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bbec6c" />
<stop offset="1" stop-color="#81b823" />
</linearGradient>
<linearGradient id="e">
<stop offset="0" stop-color="#78a91f" stop-opacity="0" />
<stop offset=".163" stop-color="#73a620" stop-opacity=".163" />
<stop offset=".354" stop-color="#659e24" stop-opacity=".354" />
<stop offset=".559" stop-color="#4e912b" stop-opacity=".559" />
<stop offset=".774" stop-color="#2d8034" stop-opacity=".774" />
<stop offset=".994" stop-color="#036941" stop-opacity=".994" />
<stop offset="1" stop-color="#026841" />
</linearGradient>
<linearGradient
id="z"
x1="213.37"
x2="213.37"
y1="348.782"
y2="418.59"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="A"
x1="-1469.019"
x2="-1469.019"
y1="-876.926"
y2="-807.118"
gradientTransform="rotate(-45 852.219 -2295.93)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="B"
x1="128.773"
x2="250.811"
y1="269.473"
y2="418.041"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="C"
x1="115.471"
x2="237.509"
y1="280.4"
y2="428.968"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="D"
x1="173.691"
x2="295.729"
y1="232.576"
y2="381.144"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="E"
x1="143.753"
x2="265.791"
y1="257.168"
y2="405.736"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="F"
x1="169.177"
x2="291.214"
y1="236.285"
y2="384.853"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="G"
x1="424.436"
x2="434.299"
y1="227.293"
y2="237.156"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="H"
x1="351.824"
x2="366.427"
y1="138.134"
y2="152.737"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="I"
x1="351.33"
x2="383.47"
y1="332.041"
y2="364.181"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="J"
x1="344.058"
x2="364.064"
y1="385.725"
y2="405.731"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#f)"
d="M316.333 71.885c-5.679 0-10.338-4.546-10.451-10.25l-.044-2.214c-.179-8.954-7.612-16.24-16.57-16.24h-27.47c-5.775 0-10.457-4.682-10.457-10.457s4.682-10.457 10.457-10.457h27.47c20.262 0 37.075 16.481 37.48 36.739l.044 2.216c.114 5.774-4.474 10.548-10.248 10.662l-.211.001z"
/>
<path
fill="url(#g)"
d="M316.333 71.885c-5.679 0-10.338-4.546-10.451-10.25l-.044-2.214c-.179-8.954-7.612-16.24-16.57-16.24h-27.47c-5.775 0-10.457-4.682-10.457-10.457s4.682-10.457 10.457-10.457h27.47c20.262 0 37.075 16.481 37.48 36.739l.044 2.216c.114 5.774-4.474 10.548-10.248 10.662l-.211.001z"
/>
<path fill="url(#h)" d="M195.251 60.294h36.24v101.09h-36.24z" />
<path fill="url(#i)" d="M195.251 60.294h36.24v101.09h-36.24z" />
<path fill="url(#j)" d="M195.251 60.294h36.24v101.09h-36.24z" />
<path
fill="url(#k)"
d="M252.497 119.422h-78.253c-13.153 0-23.816 10.663-23.816 23.816v59.154h125.885v-59.154c0-13.153-10.663-23.816-23.816-23.816z"
/>
<path
fill="url(#l)"
d="M173.633 130.384a6.91 6.91 0 0 0-6.91 6.909v31.323a6.91 6.91 0 0 0 13.82 0v-31.323a6.91 6.91 0 0 0-6.91-6.909z"
/>
<path
fill="url(#m)"
d="M200.125 130.384a6.91 6.91 0 0 0-6.91 6.909v31.323a6.91 6.91 0 0 0 13.82 0v-31.323a6.91 6.91 0 0 0-6.91-6.909z"
/>
<path
fill="url(#n)"
d="M226.616 130.384a6.91 6.91 0 0 0-6.91 6.909v31.323a6.91 6.91 0 0 0 13.82 0v-31.323a6.91 6.91 0 0 0-6.91-6.909z"
/>
<path
fill="url(#o)"
d="M253.108 130.384a6.91 6.91 0 0 0-6.91 6.909v31.323a6.91 6.91 0 0 0 13.82 0v-31.323a6.91 6.91 0 0 0-6.91-6.909z"
/>
<path
fill="url(#p)"
d="M231.407 86.688h-36.074a8.371 8.371 0 0 1-8.371-8.371v-20a8.371 8.371 0 0 1 8.371-8.371h36.074a8.371 8.371 0 0 1 8.371 8.371v19.999a8.37 8.37 0 0 1-8.371 8.372z"
/>
<path
fill="url(#q)"
d="M255.574 63.15h-74.192c-8.015 0-14.513-6.498-14.513-14.513V29.679C166.869 13.288 180.157 0 196.548 0h43.86c16.391 0 29.679 13.288 29.679 29.679v18.959c0 8.015-6.498 14.512-14.513 14.512z"
/>
<path
fill="url(#r)"
d="M166.869 29.679v18.958c0 8.015 6.497 14.513 14.513 14.513h74.192c8.015 0 14.513-6.498 14.513-14.513V29.679c0-2.56-.324-5.044-.933-7.413H167.802a29.74 29.74 0 0 0-.933 7.413z"
/>
<path
fill="url(#s)"
d="M150.428 143.238v59.154h125.885v-59.154c0-1.331-.114-2.634-.324-3.905H150.752a23.937 23.937 0 0 0-.324 3.905z"
/>
<path
fill="url(#t)"
d="M246.563 172.398h-66.384a94.092 94.092 0 0 0-73.168 34.933L78.065 243.13a94.094 94.094 0 0 0-20.925 59.16v130.697c0 42.534 34.48 77.013 77.012 77.013h158.437c42.533 0 77.012-34.479 77.012-77.012V302.29a94.094 94.094 0 0 0-20.925-59.16l-28.945-35.799a94.095 94.095 0 0 0-73.168-34.933z"
/>
<path
fill="url(#u)"
d="M319.731 207.331a94.092 94.092 0 0 0-73.168-34.933H213.37V510h79.218c42.533 0 77.012-34.479 77.012-77.012V302.29a94.094 94.094 0 0 0-20.925-59.16z"
/>
<path
fill="url(#v)"
d="M57.14 341.199v91.789c0 42.533 34.48 77.012 77.012 77.012h158.437c42.533 0 77.012-34.479 77.012-77.012v-91.789z"
/>
<path
fill="url(#w)"
d="m332.541 361.496-10.369 13.851a22.917 22.917 0 0 0-4.568 14.06l.249 17.291a22.912 22.912 0 0 1-16.157 22.224l-16.512 5.093a22.91 22.91 0 0 0-11.99 8.716l-9.921 14.11a22.913 22.913 0 0 1-26.163 8.499l-16.319-5.586a22.92 22.92 0 0 0-14.841 0l-16.319 5.586a22.911 22.911 0 0 1-26.163-8.499l-9.922-14.11a22.92 22.92 0 0 0-11.99-8.716l-16.512-5.093a22.912 22.912 0 0 1-16.157-22.224l.249-17.291a22.905 22.905 0 0 0-4.568-14.06L94.2 361.496a22.913 22.913 0 0 1 0-27.461l10.369-13.851a22.917 22.917 0 0 0 4.568-14.06l-.249-17.291a22.912 22.912 0 0 1 16.157-22.224l16.512-5.093a22.91 22.91 0 0 0 11.99-8.716l9.921-14.11a22.913 22.913 0 0 1 26.163-8.499l16.319 5.586a22.92 22.92 0 0 0 14.841 0l16.319-5.586a22.911 22.911 0 0 1 26.163 8.499l9.922 14.11a22.92 22.92 0 0 0 11.99 8.716l16.512 5.093a22.912 22.912 0 0 1 16.157 22.224l-.249 17.291a22.905 22.905 0 0 0 4.568 14.06l10.369 13.852a22.913 22.913 0 0 1-.001 27.46z"
/>
<path
fill="url(#x)"
d="M270.185 290.951 156.556 404.58 261.976 510h30.613c42.533 0 77.012-34.479 77.012-77.012v-42.621z"
/>
<circle cx="213.37" cy="347.765" r="80.348" fill="url(#y)" />
<path
fill="url(#z)"
d="M133.023 347.765c0 44.375 35.973 80.348 80.348 80.348s80.348-35.973 80.348-80.348a80.17 80.17 0 0 0-4.788-27.366H137.81a80.198 80.198 0 0 0-4.787 27.366z"
/>
<path
fill="url(#A)"
d="M156.556 404.58c31.378 31.378 82.251 31.378 113.629 0s31.378-82.251 0-113.629a80.209 80.209 0 0 0-22.736-15.966L140.59 381.844a80.188 80.188 0 0 0 15.966 22.736z"
/>
<path
fill="url(#B)"
d="M230.144 396.707a77.051 77.051 0 0 0-33.548 0c-16.294 3.634-31.048-10.466-28.154-26.909 3.126-17.763 18.558-30.716 36.594-30.716h16.667c18.036 0 33.468 12.953 36.594 30.716 2.895 16.442-11.858 30.543-28.153 26.909z"
/>
<path
fill="url(#C)"
d="M173.234 331.616c5.482 5.482 6.069 13.784 1.311 18.542s-13.06 4.171-18.542-1.311-6.069-13.784-1.311-18.542 13.06-4.171 18.542 1.311z"
/>
<path
fill="url(#D)"
d="M253.507 331.616c-5.482 5.482-6.069 13.784-1.311 18.542s13.06 4.171 18.542-1.311 6.069-13.784 1.311-18.542c-4.759-4.758-13.06-4.171-18.542 1.311z"
/>
<path
fill="url(#E)"
d="M207.181 312.469c2.249 9.608-2.689 18.979-11.028 20.931s-16.922-4.255-19.171-13.863 2.689-18.979 11.028-20.931 16.922 4.255 19.171 13.863z"
/>
<path
fill="url(#F)"
d="M219.56 312.469c-2.249 9.608 2.689 18.979 11.028 20.931s16.922-4.255 19.171-13.863-2.689-18.979-11.028-20.931c-8.339-1.951-16.922 4.255-19.171 13.863z"
/>
<circle cx="430.61" cy="233.467" r="22.25" fill="url(#G)" />
<circle cx="360.965" cy="147.275" r="32.944" fill="url(#H)" />
<circle cx="370.484" cy="351.195" r="45.622" fill="url(#I)" />
<circle cx="355.151" cy="396.818" r="22.25" fill="url(#J)" />
</svg>
More icons in the same style and category