Add icons to this collection by clicking the heart icon.
Soap icon - also known as soap, beauty, handmade, DIY, and skincare. Created in a clean flat style with a silver, gray, yellow, purple, orange, and pink 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="512"
height="512"
viewBox="0 0 512 512"
>
<path
fill="#cfb2ed"
d="M310.115 8.836v293.262c0 4.646-3.76 8.417-8.406 8.417H8.417A8.42 8.42 0 0 1 0 302.098V8.836C0 4.19 3.77.43 8.417.43H301.71a8.401 8.401 0 0 1 8.405 8.406z"
/>
<path
fill="#bf98e6"
d="M151.349 271.367H44.473a8.417 8.417 0 0 1-8.417-8.417V.43H8.417A8.416 8.416 0 0 0 0 8.846v293.251a8.417 8.417 0 0 0 8.416 8.417h293.293a8.406 8.406 0 0 0 8.406-8.406V154.349c-64.884 3.696-119.382 46.126-140.766 104.517-2.758 7.533-9.978 12.501-18 12.501z"
/>
<path
fill="#fed22b"
d="M0 204.71V8.831C0 4.185 3.771.425 8.417.425h197.287C207.541 112.347 114.449 206.892 0 204.71zM176.275 236.245a7.726 7.726 0 0 0-9.669 5.091l-5.914 19.068a7.728 7.728 0 0 0 14.76 4.578l5.914-19.068a7.728 7.728 0 0 0-5.091-9.669zM253.261 180.358a7.727 7.727 0 0 0-10.814 1.565l-11.949 15.994c-3.827 5.123-.102 12.351 6.184 12.351a7.715 7.715 0 0 0 6.196-3.103l11.949-15.994a7.727 7.727 0 0 0-1.566-10.813z"
/>
<path
fill="#eb5793"
d="m176.996 182.84-19.391 4.755a7.727 7.727 0 0 0 3.68 15.008l19.391-4.755a7.727 7.727 0 0 0-3.68-15.008z"
/>
<path
fill="#fed22b"
d="m269.797 116.123-14.578-13.642a7.727 7.727 0 0 0-10.559 11.283c15.637 14.633 15.879 15.727 19.855 15.727 6.977 0 10.39-8.588 5.282-13.368z"
/>
<path
fill="#eb5793"
d="M253.908 59.886a7.726 7.726 0 1 0 15.33-1.942l-2.508-19.806a7.722 7.722 0 0 0-8.636-6.694 7.726 7.726 0 0 0-6.694 8.636zM106.86 250.312a7.727 7.727 0 0 0-10.559 11.283l14.577 13.642a7.726 7.726 0 1 0 10.559-11.283z"
/>
<path
fill="#fed22b"
d="M55.651 232.975a7.73 7.73 0 0 0-10.686 2.283L34.11 252.013c-3.345 5.162.414 11.929 6.477 11.929a7.72 7.72 0 0 0 6.491-3.526l10.856-16.755a7.726 7.726 0 0 0-2.283-10.686z"
/>
<path
fill="#eb5793"
d="M512 351.887c0 2.586-.062 5.161-.185 7.726-3.904 82.044-69.733 147.862-151.777 151.766a161.298 161.298 0 0 1-15.452 0c-82.054-3.904-147.882-69.723-151.787-151.766a161.267 161.267 0 0 1 0-15.452c3.904-82.033 69.733-147.862 151.787-151.766a161.298 161.298 0 0 1 15.452 0c82.044 3.904 147.872 69.733 151.777 151.766.123 2.564.185 5.14.185 7.726z"
/>
<path
fill="#fdc202"
d="M36.056.43v201.74A201.107 201.107 0 0 1 0 204.715V8.836a8.372 8.372 0 0 1 3.379-6.737A8.298 8.298 0 0 1 5.141 1.09c.258-.103.515-.196.773-.278A8.384 8.384 0 0 1 8.417.43z"
/>
<path
fill="#fdc202"
d="M147.481 74.438a158.17 158.17 0 0 1-7.613 13.454c-12.888 20.459-30.308 37.952-50.922 50.932a157.811 157.811 0 0 1-13.454 7.613C52.941 157.78 27.3 164.023 0 163.508V8.836C0 4.19 3.77.43 8.417.43h156.072c.433 26.383-5.718 51.612-17.008 74.008z"
/>
<path
fill="#f0a70a"
d="M36.056.43v159.75A162.316 162.316 0 0 1 0 163.507V8.836A8.4 8.4 0 0 1 8.417.43z"
/>
<path
fill="#e38803"
d="M139.868 87.892 20.871 20.045l68.074 118.78a157.811 157.811 0 0 1-13.454 7.613L0 14.708V8.836C0 4.19 3.77.43 8.417.43h9.261l129.803 74.008a158.444 158.444 0 0 1-7.613 13.454z"
/>
<path
fill="#e7387f"
d="M370.34 510.555c-92.416 10.361-173.189-59.494-177.541-150.942-4.727-98.098 79.382-177.404 177.541-166.395-77.202 8.664-137.745 72.37-141.485 150.942-4.079 84.646 58.485 157.08 141.485 166.395z"
/>
<path
fill="#fed22b"
d="m352.307 351.892-35.525-67.574c-7.41-14.095-26.081-17.501-37.991-6.929-12.969 11.512-10.218 32.478 5.28 40.257z"
/>
<path
fill="#fed22b"
d="m352.239 351.892 35.525-67.574c7.41-14.095 26.081-17.501 37.991-6.929 12.969 11.512 10.218 32.478-5.28 40.257z"
/>
<path
fill="#fed22b"
d="m445.715 426-87.825-79.426c-3.029-3.191-8.167-3.228-11.234-.001L258.831 426c-5.251 4.747-1.841 13.457 5.184 13.457 4.239 0-1.632 4.164 88.258-77.129 90.007 81.4 84.028 77.129 88.258 77.129 7.023 0 10.437-8.707 5.184-13.457z"
/>
<g fill="#dfcbf3">
<circle cx="388.711" cy="235.996" r="11.333" />
<circle cx="315.904" cy="234.966" r="11.333" />
<circle cx="234.513" cy="312.23" r="11.333" />
<circle cx="470.102" cy="312.23" r="11.333" />
<circle cx="315.904" cy="467.787" r="11.333" />
<circle cx="388.711" cy="468.817" r="11.333" />
<circle cx="470.102" cy="391.554" r="11.333" />
<circle cx="234.513" cy="391.554" r="11.333" />
</g>
<path
fill="#fed22b"
d="M512 351.887c0 2.586-.062 5.161-.185 7.726H360.038v151.766a161.298 161.298 0 0 1-15.452 0V359.613H192.798a161.267 161.267 0 0 1 0-15.452h151.787V192.394a161.298 161.298 0 0 1 15.452 0V344.16h151.777c.124 2.565.186 5.141.186 7.727z"
/>
<path
fill="#f0a70a"
d="M370.34 193.218a161.196 161.196 0 0 0-25.755-.824v5.893c8.331-2.381 16.993-4.081 25.755-5.069zM192.798 344.16a160.886 160.886 0 0 0 0 15.453h36.046c-.237-5.099-.237-10.25.01-15.453zM344.585 505.497v5.882c8.81.422 17.525.109 25.755-.824a159.93 159.93 0 0 1-25.755-5.058z"
/>
<path
fill="#e7387f"
d="M360.038 192.394v2.328c3.41-.618 6.851-1.113 10.302-1.504-3.4-.381-6.841-.659-10.302-.824zM360.038 511.379c3.503-.165 6.943-.443 10.302-.824a157.402 157.402 0 0 1-10.302-1.504z"
/>
</svg>
More icons in the same style and category