Add icons to this collection by clicking the heart icon.
Foam icon - also known as soap, beauty, foam, products, shampoo, furniture and household, and skincare. Created in a clean lineal color style with a white, silver, gray, black, 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="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 0 30-35h35.001a5.002 5.002 0 0 0 4.705-3.306l6.619-18.388A5 5 0 0 1 81.029-60h29.716c3.413 0 5.823 3.343 4.743 6.581l-9.829 29.487A35 35 0 0 1 72.455 0Z"
transform="translate(191.447 474.5)"
fill="#a8a8a8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-29c-5.523 0-10-4.477-10-10v-30h49v30C10-4.477 5.523 0 0 0"
transform="translate(187.447 504.5)"
fill="#e0e0e0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-57c-11.046 0-20-8.954-20-20v-60h97v60C20-8.954 11.046 0 0 0"
transform="translate(201.447 474.5)"
fill="#bfbfbf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-50h-30V0c0 11.05-8.95 20-20 20h30C-8.95 20 0 11.05 0 0"
transform="translate(222.447 454.5)"
fill="#a8a8a8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-117c-8.284 0-15-6.716-15-15v-30H15v30C15-6.716 8.284 0 0 0"
transform="translate(231.447 404.5)"
fill="#e0e0e0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-30h-30V0c0 1.75-.3 3.43-.86 5-2.05 5.82-7.61 10-14.14 10h30C-6.72 15 0 8.28 0 0"
transform="translate(247.447 389.5)"
fill="#bfbfbf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-16.569-13.431-30-30-30h-163c-16.569 0-30 13.431-30 30v302c0 16.569 13.431 30 30 30h163c16.5 0 30-13.5 30-30z"
transform="translate(284.447 37.5)"
fill="#b7b3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-302c0-16.57-13.43-30-30-30h-30c16.57 0 30 13.43 30 30V0c0 16.5-13.5 30-30 30h30C-13.5 30 0 16.5 0 0"
transform="translate(284.447 339.5)"
fill="#9292ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M284.447 53.5h-223v271h223z"
fill="#ffdede"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M254.447 83.5h30v211h-30z"
fill="#ffb8b8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-24.577-19.923-44.5-44.5-44.5S-89-24.577-89 0s19.923 44.5 44.5 44.5S0 24.577 0 0Z"
transform="translate(217.447 189)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M284.447 53.5h-223v30h223z"
fill="#ffb8b8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M254.447 53.5h30v30h-30z"
fill="#ef9595"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M284.447 294.5h-223v30h223z"
fill="#ffb8b8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M254.447 294.5h30v30h-30z"
fill="#ef9595"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-.135c-2.761 0-4.682 2.239-4.682 5v10.135C-4.817 26.106-14.029 35-25 35h-7.135c-2.761 0-4.682 2.239-4.682 5v.135C-36.817 56.629-50.506 70-67 70h-19.135c7.531-9 9.697-17.507 6.216-25.872-2.31-5.554-7.795-9.128-13.81-9.128h-4.406c-11.045 0-19.682-8.954-19.682-20V5c0-2.761-2.397-5-5.159-5h.08c-11.046 0-19.921-8.954-19.921-20v-25h163v25.135C20.183-8.894 10.971 0 0 0"
transform="translate(321.264 158.5)"
fill="#d2f1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-25.13h-30V0c0 10.98-9.21 19.87-20.18 19.87h-.14c-2.76 0-4.68 2.24-4.68 5V35c0 10.98-9.21 19.87-20.18 19.87h-7.14c-2.76 0-4.68 2.24-4.68 5V60c0 11.78-6.98 21.96-16.97 26.82-.71 1.01-1.5 2.03-2.35 3.05h19.14C-70.69 89.87-57 76.5-57 60v-.13c0-2.76 1.92-5 4.68-5h7.14C-34.21 54.87-25 45.98-25 35V24.87c0-2.76 1.92-5 4.68-5h.14C-9.21 19.87 0 10.98 0 0"
transform="translate(341.447 138.63)"
fill="#9cdbef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-30.804 35.161c-3.784 4.336-9.257 6.68-15.012 6.68h-156.342c-11.003 0-19.923 9.065-19.923 20.068v.005c0 11.003 8.92 19.927 19.923 19.927h174.079c22.663 0 44.232-9.677 59.21-26.684l14.728-16.689Z"
transform="translate(374.785 41.658)"
fill="#f7d194"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-34.87c-11 0-19.92 9.06-19.92 20.07 0 5.51 2.23 10.49 5.84 14.09A19.82 19.82 0 0 0-34.87 40H0c-5.51 0-10.49-2.23-14.09-5.84-3.61-3.6-5.84-8.58-5.84-14.09C-19.93 9.06-11.01 0 0 0"
transform="translate(207.497 83.5)"
fill="#e8ba7c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 60.826 51.039c4.199 3.523 10.459 2.976 13.983-1.224l15.949-19.008c3.524-4.199 2.976-10.459-1.223-13.983L28.709-34.214c-4.199-3.524-10.459-2.976-13.983 1.223L-1.223-13.983C-4.747-9.784-4.199-3.523 0 0"
transform="translate(357.472 44.037)"
fill="#9ae29c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 15.954-19.013c3.522-4.198 2.975-10.453-1.23-13.982L-8.258-52.279c4.206 3.529 4.753 9.784 1.231 13.982l-15.954 19.013c-3.523 4.198-9.778 4.746-13.984 1.217l22.982 19.283C-9.778 4.745-3.522 4.198 0 0"
transform="translate(432.278 93.855)"
fill="#75cc75"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v75.5c0 16.569 13.431 30 30 30h163c16.5 0 30-13.5 30-30V-65.333"
transform="translate(61.447 264)"
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 0v-45.079c0-16.568-13.431-30-30-30h-163c-16.569 0-30 13.432-30 30v191.5"
transform="translate(284.447 82.579)"
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 0h223"
transform="translate(61.447 324.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 0h-223"
transform="translate(284.447 53.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 0v20c0 8.284-6.716 15-15 15h-117c-8.284 0-15-6.716-15-15V0"
transform="translate(246.447 369.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 0v50c0 11.046-8.954 20-20 20h-57c-11.046 0-20-8.954-20-20V0"
transform="translate(221.447 404.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 0h35.001a5.002 5.002 0 0 0 4.705-3.306l6.619-18.388A5 5 0 0 1 51.029-25h29.716c3.413 0 5.823 3.343 4.743 6.581l-9.829 29.487A35 35 0 0 1 42.455 35H-20"
transform="translate(221.447 439.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 0h-111.819C-122.822 0-132 9.064-132 20.067v.005C-132 31.075-122.822 40-111.819 40H62.26c22.663 0 44.231-9.678 59.21-26.685l4.746-5.378"
transform="translate(284.447 83.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-20.432 23.321c-3.783 4.337-9.257 6.681-15.012 6.681h-9.522"
transform="translate(364.413 53.498)"
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 60.826 51.039c4.199 3.523 10.459 2.976 13.983-1.224l15.949-19.008c3.524-4.199 2.976-10.459-1.223-13.983L28.709-34.214c-4.199-3.524-10.459-2.976-13.983 1.223L-1.223-13.983C-4.747-9.784-4.199-3.523 0 0Z"
transform="translate(357.472 44.037)"
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-9.454C-20.457 0-29.5 9.064-29.5 20.067v.005C-29.5 31.075-20.457 40-9.454 40H0"
transform="translate(216.947 83.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 0v15.135C0 26.106-8.894 35-19.865 35h-.453A4.682 4.682 0 0 0-25 39.682v10.135C-25 60.964-34.036 70-45.183 70h-7.135A4.682 4.682 0 0 0-57 74.682v.453C-57 91.629-70.371 105-86.865 105h-10.043c-3.766 0-6.148-3.996-4.411-7.338 3.285-6.318 3.735-12.43 1.245-18.467C-102.377 73.61-107.87 70-113.912 70H-118c-11.046 0-20-8.954-20-20V40c0-2.761-2.398-5-5.159-5h.08C-154.125 35-163 26.046-163 15V0"
transform="translate(341.447 123.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 0h60"
transform="translate(142.947 263.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 0h222"
transform="translate(61.841 294.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 0h-121"
transform="translate(182.947 83.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 0v20c0 5.523-4.477 10-10 10h-29c-5.523 0-10-4.477-10-10V0"
transform="translate(197.447 474.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 0a44.92 44.92 0 0 0-5.447-.33v0c-24.577 0-44.5 19.923-44.5 44.5v0c0 24.577 19.923 44.5 44.5 44.5v0c23.023 0 41.963-17.485 44.265-39.9"
transform="translate(178.447 144.83)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category