Add icons to this collection by clicking the heart icon.
Foam icon - also known as beauty, cosmetics, foam, beauty salon, wellness, grooming, facial mask, and facial foam. Created in a clean lineal 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M0 0v40.336h-65.507V0"
transform="matrix(1.33333 0 0 -1.33333 274.67 141.81)"
fill="#9d9ae8"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M216.002 502h-85.507v-56.021h85.507z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#faf7f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M216.002 502h-85.507v-56.021h85.507z"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-197.988v324.174c0 38.413 31.139 69.552 69.551 69.552h58.886C-31.139 393.726 0 362.587 0 324.174v-38.876"
transform="translate(272.243 10)"
fill="#ccf5fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-152.532v201.659H45.457V62.596"
transform="translate(226.787 93.639)"
fill="#99ebfa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-152.532v201.659H45.457"
transform="translate(226.787 93.639)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-27.074-21.948-49.021-49.021-49.021-27.074 0-49.022 21.947-49.022 49.021 0 27.073 21.948 49.021 49.022 49.021C-21.948 49.021 0 27.073 0 0"
transform="translate(222.27 196.863)"
fill="#ffdfe5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-27.074-21.948-49.021-49.021-49.021-27.074 0-49.022 21.947-49.022 49.021 0 27.073 21.948 49.021 49.022 49.021C-21.948 49.021 0 27.073 0 0Z"
transform="translate(222.27 196.863)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-18.178C-6.799 0 2.66 9.081 2.766 20.46l.001.25v.73c0 14.706-11.948 26.626-26.687 26.626h-20.107c14.739 0 26.687 11.922 26.687 26.627 0 14.705-11.948 26.627-26.687 26.627h-19.858a49.811 49.811 0 0 0-13.881 9.785c-12.124 12.096-16.368 28.971-13.418 44.603-9.535-1.792-18.985-6.47-26.363-13.831-11.111-11.086-15.881-26.095-14.332-40.557h-16.736c-14.738 0-26.686-11.922-26.686-26.627 0-14.705 11.948-26.627 26.686-26.627h-20.106c-14.739 0-26.687-11.92-26.687-26.626v-.73l.001-.25C-195.302 9.081-185.842 0-174.463 0h-13.985c-11.955 0-21.647-9.692-21.647-21.648s9.692-21.648 21.647-21.648H0c11.956 0 21.647 9.692 21.647 21.648S11.956 0 0 0"
transform="translate(416.098 53.296)"
fill="#faf7f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-18.178C-6.799 0 2.66 9.081 2.766 20.46l.001.25v.73c0 14.706-11.948 26.626-26.687 26.626h-20.107c14.739 0 26.687 11.922 26.687 26.627 0 14.705-11.948 26.627-26.687 26.627h-19.858a49.811 49.811 0 0 0-13.881 9.785c-12.124 12.096-16.368 28.971-13.418 44.603-9.535-1.792-18.985-6.47-26.363-13.831-11.111-11.086-15.881-26.095-14.332-40.557h-16.736c-14.738 0-26.686-11.922-26.686-26.627 0-14.705 11.948-26.627 26.686-26.627h-20.106c-14.739 0-26.687-11.92-26.687-26.626v-.73l.001-.25C-195.302 9.081-185.842 0-174.463 0h-13.985c-11.955 0-21.647-9.692-21.647-21.648s9.692-21.648 21.647-21.648H0c11.956 0 21.647 9.692 21.647 21.648S11.956 0 0 0Z"
transform="translate(416.098 53.296)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h100.233"
transform="translate(241.635 52.93)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v30.086"
transform="translate(272.243 157.766)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v40.794"
transform="translate(272.243 278.264)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(272.243 232.874)"
fill="none"
stroke="#000"
stroke-width="20"
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