Add icons to this collection by clicking the heart icon.
Soap icon - also known as soap, beauty, cosmetics, foam, products, shampoo, and skincare. 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="625.476"
height="625.476"
viewBox="0 0 469.107 469.107"
>
<linearGradient id="a">
<stop offset="0" stop-color="#bc4e9c" />
<stop offset="1" stop-color="#f80759" />
</linearGradient>
<linearGradient
id="b"
x1="-14.334"
x2="490.125"
y1="225.81"
y2="225.81"
gradientTransform="matrix(.99977 0 0 -.99977 0 460.258)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-14.337"
x2="490.126"
y1="315.722"
y2="315.722"
gradientTransform="matrix(.99977 0 0 -.99977 0 460.258)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-14.334"
x2="490.125"
y1="155.444"
y2="155.444"
gradientTransform="matrix(.99977 0 0 -.99977 0 460.258)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-14.334"
x2="490.124"
y1="69.441"
y2="69.441"
gradientTransform="matrix(.99977 0 0 -.99977 0 460.258)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-14.334"
x2="490.124"
y1="163.262"
y2="163.262"
gradientTransform="matrix(.99977 0 0 -.99977 0 460.258)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-14.334"
x2="490.125"
y1="350.905"
y2="350.905"
gradientTransform="matrix(.99977 0 0 -.99977 0 460.258)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-14.334"
x2="490.124"
y1="413.452"
y2="413.452"
gradientTransform="matrix(.99977 0 0 -.99977 0 460.258)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="-14.333"
x2="490.126"
y1="167.171"
y2="167.171"
gradientTransform="matrix(.99977 0 0 -.99977 0 460.258)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="-14.334"
x2="490.124"
y1="73.35"
y2="73.35"
gradientTransform="matrix(.99977 0 0 -.99977 0 460.258)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M70.352 469h218.867c4.316 0 7.816-3.5 7.816-7.816V148.516a7.82 7.82 0 0 0-7.816-7.817h-31.27v-39.082c0-4.316-3.5-7.816-7.816-7.816h-23.45V46.898h93.801v23.454c0 4.316 3.5 7.816 7.817 7.816h31.265a7.82 7.82 0 0 0 7.817-7.816V7.816c0-4.316-3.5-7.816-7.817-7.816H117.25a7.817 7.817 0 0 0-7.816 7.816v31.266c0 4.316 3.5 7.816 7.816 7.816h31.266v46.903h-23.45a7.817 7.817 0 0 0-7.816 7.816V140.7H70.352c-4.32 0-7.817 3.5-7.817 7.817v312.668A7.815 7.815 0 0 0 70.352 469zM351.75 62.535h-15.633V15.633h15.633zm-31.266-31.27h-54.718V15.634h54.718zM125.066 15.634h125.067v15.633H125.066zm39.082 31.265h46.903v46.903h-46.903zm-31.265 62.536h109.433v31.265H132.883zm-54.715 46.898h203.23v297.035H78.168zm0 0"
/>
<path
fill="url(#c)"
d="M364.379 185.3a25.516 25.516 0 0 0 4.375-22.382l-17.281-63.36a7.815 7.815 0 0 0-9.598-5.48 7.806 7.806 0 0 0-5.484 5.48l-17.282 63.36c-3.738 13.707 4.34 27.852 18.047 31.59a25.723 25.723 0 0 0 27.223-9.207zm-12.422-9.488c-3.652 4.434-10.203 5.063-14.637 1.41a10.458 10.458 0 0 1-1.41-1.41 10.02 10.02 0 0 1-1.715-8.78l9.739-35.708 9.738 35.707a10.02 10.02 0 0 1-1.715 8.781zm0 0"
/>
<path
fill="url(#d)"
d="M257.95 234.5H101.616a7.817 7.817 0 0 0-7.816 7.816v125.067c0 4.316 3.5 7.816 7.816 7.816H257.95c4.317 0 7.817-3.5 7.817-7.816V242.316c0-4.316-3.5-7.816-7.817-7.816zm-7.817 125.066h-140.7V250.133h140.7zm0 0"
/>
<path
fill="url(#e)"
d="M351.75 351.75c-21.586 0-39.082 17.496-39.082 39.082 0 21.586 17.496 39.082 39.082 39.082s39.082-17.496 39.082-39.082c-.023-21.574-17.508-39.055-39.082-39.082zm0 62.535c-12.953 0-23.45-10.5-23.45-23.453 0-12.95 10.497-23.45 23.45-23.45 12.95 0 23.45 10.5 23.45 23.45-.016 12.945-10.505 23.438-23.45 23.453zm0 0"
/>
<path
fill="url(#f)"
d="M414.285 242.316c-30.223 0-54.719 24.496-54.719 54.72 0 30.218 24.496 54.714 54.72 54.714 30.218 0 54.714-24.496 54.714-54.715-.035-30.207-24.512-54.683-54.715-54.719zm0 93.801c-21.586 0-39.086-17.5-39.086-39.082 0-21.586 17.5-39.086 39.086-39.086 21.582 0 39.082 17.5 39.082 39.086-.027 21.57-17.508 39.055-39.082 39.082zm0 0"
/>
<path
fill="url(#g)"
d="M93.8 109.434c0-12.954-10.5-23.45-23.448-23.45-12.954 0-23.454 10.496-23.454 23.45 0 12.949 10.5 23.449 23.454 23.449 12.945-.016 23.433-10.504 23.449-23.45zm-31.265 0a7.817 7.817 0 1 1 7.816 7.816 7.822 7.822 0 0 1-7.816-7.816zm0 0"
/>
<path
fill="url(#h)"
d="M31.266 78.168c17.27 0 31.27-14 31.27-31.27 0-17.265-14-31.265-31.27-31.265C14 15.633 0 29.633 0 46.898c.02 17.262 14.008 31.25 31.266 31.27zm0-46.902c8.636 0 15.632 7 15.632 15.632 0 8.637-6.996 15.637-15.632 15.637-8.633 0-15.633-7-15.633-15.637.008-8.628 7.004-15.625 15.633-15.632zm0 0"
/>
<path
fill="url(#i)"
d="M406.465 273.582c-13.149 0-23.45 13.734-23.45 31.27a7.817 7.817 0 0 0 15.633 0c0-9.543 4.63-15.633 7.817-15.633 4.316 0 7.816-3.5 7.816-7.817 0-4.32-3.496-7.82-7.816-7.82zm0 0"
/>
<path
fill="url(#j)"
d="M351.75 375.2a7.813 7.813 0 0 0-7.813 7.812c0 4.312 3.5 7.808 7.813 7.808v.012c0 4.32 3.5 7.816 7.816 7.816s7.817-3.496 7.817-7.816c-.008-8.629-7.004-15.625-15.633-15.633zm0 0"
/>
</svg>
More icons in the same style and category