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 lineal color style with a silver, gray, black, yellow, purple, and orange 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-284.67c0-4.51-3.65-8.17-8.16-8.17h-284.7c-4.51 0-8.17 3.66-8.17 8.17V0c0 4.51 3.66 8.16 8.17 8.16h284.7C-3.65 8.16 0 4.51 0 0"
transform="translate(308.53 495.92)"
fill="#cfb2ed"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-103.745a8.17 8.17 0 0 0-8.17 8.17V263h-26.83a8.17 8.17 0 0 1-8.17-8.17V-29.83a8.17 8.17 0 0 1 8.17-8.17H145.955a8.16 8.16 0 0 1 8.16 8.16v143.43C91.132 110.002 38.23 68.815 17.473 12.135 14.795 4.823 7.787 0 0 0"
transform="translate(154.415 241.08)"
fill="#bf98e6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v190.14c0 4.51 3.66 8.16 8.171 8.16h191.507C201.46 89.656 111.096-2.118 0 0"
transform="translate(7.5 305.785)"
fill="#fed22b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-2.51-.061-5.01-.18-7.5-3.79-79.64-67.69-143.53-147.33-147.32a155.784 155.784 0 0 0-15 0c-79.65 3.79-143.55 67.68-147.34 147.32a155.784 155.784 0 0 0 0 15c3.79 79.63 67.69 143.53 147.34 147.32a155.784 155.784 0 0 0 15 0C-67.87 151.03-3.97 87.13-.18 7.5-.061 5.01 0 2.51 0 0"
transform="translate(504.5 162.92)"
fill="#eb5793"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-195.83c-11.36-1.84-23.06-2.7-35-2.47V-8.16a8.13 8.13 0 0 0 3.28 6.54c.21.16.43.3.65.44.34.2.69.39 1.06.54.25.1.5.19.75.27.77.24 1.59.37 2.43.37z"
transform="translate(42.5 504.08)"
fill="#fdc202"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.25-4.48-4.72-8.83-7.39-13.06C-19.9-32.92-36.81-49.9-56.82-62.5c-4.22-2.67-8.57-5.13-13.06-7.39-21.89-11.01-46.78-17.07-73.28-16.57V63.68c0 4.51 3.66 8.16 8.17 8.16h151.5C16.93 46.23 10.96 21.74 0 0"
transform="translate(150.66 432.24)"
fill="#fdc202"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-155.07a157.544 157.544 0 0 0-35-3.23V-8.16C-35-3.65-31.356 0-26.83 0z"
transform="translate(42.5 504.08)"
fill="#f0a70a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-89.708-10.058-168.116 57.751-172.34 146.52C-176.929 241.744-95.284 318.727 0 308.04c-74.94-8.41-133.71-70.25-137.34-146.52C-141.3 79.354-80.568 9.042 0 0"
transform="translate(366.99 8.9)"
fill="#e7387f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-34.485 65.595c-7.193 13.682-25.317 16.988-36.878 6.725-12.589-11.174-9.919-31.527 5.126-39.077z"
transform="translate(349.486 162.915)"
fill="#fed22b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 34.484 65.595c7.194 13.682 25.318 16.988 36.878 6.725 12.589-11.174 9.919-31.527-5.126-39.077Z"
transform="translate(349.42 162.915)"
fill="#fed22b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-2.26c3.31.6 6.649 1.08 10 1.46-3.301.37-6.641.64-10 .8"
transform="translate(356.99 317.74)"
fill="#e7387f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c3.399.16 6.74.43 10 .8-3.38.38-6.721.87-10 1.46Z"
transform="translate(356.99 8.1)"
fill="#e7387f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v183.47c0 4.51-3.65 8.16-8.16 8.16h-284.7c-4.51 0-8.17-3.65-8.17-8.16V-101.2c0-4.51 3.66-8.17 8.17-8.17h184.06"
transform="translate(308.53 312.45)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v190.14c0 4.51 3.66 8.16 8.171 8.16h191.507C201.46 89.656 111.096-2.118 0 0Z"
transform="translate(7.5 305.785)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v150.14c0 4.51 3.66 8.16 8.171 8.16h151.503C161.092 71.901 89.761-1.711 0 0Z"
transform="translate(7.5 345.785)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="503,30"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="m0 0 76.577-132.63"
transform="translate(9.69 501.485)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 132.422-76.44"
transform="translate(11.5 502.945)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 5.741 18.51"
transform="translate(170.648 249.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 11.599 15.525"
transform="translate(237.253 307.89)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 18.823 4.616"
transform="translate(162.273 315.114)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-14.15 13.242"
transform="translate(264.268 386.3)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-2.435 19.226"
transform="translate(261.41 447.309)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-14.15 13.242"
transform="translate(120.255 242.8)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 10.538 16.264"
transform="translate(46.905 255.79)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-85.604-69.402-155-155.014-155-85.612 0-155.014 69.396-155.014 155s69.402 155 155.014 155C-69.402 155 0 85.604 0 0Z"
transform="translate(504.5 162.915)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="380,30"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0v-306.5"
transform="translate(349.486 316.165)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-306.528"
transform="translate(502.75 162.915)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-34.485 65.595c-7.193 13.682-25.317 16.988-36.878 6.725-12.589-11.174-9.919-31.527 5.126-39.077z"
transform="translate(349.486 162.915)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 34.484 65.595c7.194 13.682 25.318 16.988 36.878 6.725 12.589-11.174 9.919-31.527-5.126-39.077Z"
transform="translate(349.42 162.915)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 85.695-77.5"
transform="translate(349.432 162.915)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-85.695-77.5"
transform="translate(349.474 162.915)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.075-4.925-11-11.001-11-6.075 0-11.001 4.925-11.001 11s4.926 11 11.001 11C-4.925 11 0 6.075 0 0"
transform="translate(395.823 275.415)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-6.075-4.925-11-11.001-11-6.075 0-11.001 4.925-11.001 11s4.926 11 11.001 11C-4.925 11 0 6.075 0 0"
transform="translate(325.15 276.415)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-6.075-4.925-11-11.001-11S-22.002-6.075-22.002 0s4.925 11 11.001 11S0 6.075 0 0"
transform="translate(246.143 201.415)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-6.075-4.926-11-11.001-11-6.076 0-11.001 4.925-11.001 11s4.925 11 11.001 11C-4.926 11 0 6.075 0 0"
transform="translate(474.831 201.415)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 6.075 4.926 11 11.001 11 6.076 0 11.001-4.925 11.001-11s-4.925-11-11.001-11C4.926-11 0-6.075 0 0"
transform="translate(303.148 50.415)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 6.075 4.926 11 11.001 11 6.076 0 11.001-4.925 11.001-11s-4.925-11-11.001-11C4.926-11 0-6.075 0 0"
transform="translate(373.821 49.415)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 6.075 4.925 11 11.001 11 6.075 0 11.001-4.925 11.001-11s-4.926-11-11.001-11C4.925-11 0-6.075 0 0"
transform="translate(452.83 124.415)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 6.075 4.925 11 11.001 11S22.002 6.075 22.002 0s-4.925-11-11.001-11S0-6.075 0 0"
transform="translate(224.141 124.415)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category