Add icons to this collection by clicking the heart icon.
Foam icon - also known as water, nature, soap, cleaning, wash, wiping, bubbles, foam, miscellaneous, and soap bubbles. Created in a clean flat style with a white, silver, and gray 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"
>
<circle
cx="156.431"
cy="103.242"
r="49.514"
fill="#a3defe"
transform="rotate(-45 156.425 103.28)"
/>
<path
fill="#7acefa"
d="M156.431 152.757c14.38 0 27.322-6.135 36.368-15.925-70.814 4.039-73.337-59.251-56.32-78.906-17.406 7.675-29.563 25.071-29.563 45.317.001 27.346 22.169 49.514 49.515 49.514z"
/>
<circle cx="124.352" cy="298.928" r="65.859" fill="#a3defe" />
<path
fill="#7acefa"
d="M124.352 364.787c36.373 0 65.86-29.486 65.86-65.859a65.55 65.55 0 0 0-8.29-31.986c-27.551 1.441-53.905 12.506-74.24 31.099a119.028 119.028 0 0 0-49.157 2.127c.663 35.799 29.87 64.619 65.827 64.619z"
/>
<path
fill="#a3defe"
d="M236.4 346.807c0-46.56 38.09-85.742 84.65-85.566 25.524.096 48.371 11.534 63.771 29.534 3.523 4.117 9.175 5.664 14.272 3.825 10.15-3.661 21.201-5.435 32.737-4.879 43.183 2.081 78.168 37.194 80.084 80.385 2.144 48.319-36.395 88.166-84.24 88.166H236.4z"
/>
<path
fill="#7acefa"
d="M392.009 295.068a13.078 13.078 0 0 1-7.188-4.294c-15.4-18-38.247-29.438-63.771-29.534-46.56-.175-84.65 39.006-84.65 85.566v111.465h191.274a84.156 84.156 0 0 0 28.639-4.995c-67.059-31.859-74.089-110.844-64.304-158.208z"
/>
<path
fill="#ceeafb"
d="M380.387 411.853a80.365 80.365 0 0 0-.051-1.091c-2.331-44.487-38.173-80.594-82.641-83.265-10.325-.62-20.285.557-29.615 3.227a14.579 14.579 0 0 1-14.819-4.215c-16.121-17.708-39.35-28.829-65.185-28.829-25.54 0-48.534 10.868-64.631 28.225-3.502 3.776-8.838 5.334-13.833 4.079a88.392 88.392 0 0 0-26.455-2.512C38.544 329.931 2.479 366.044.091 410.66c-.02.365-.037.729-.052 1.092-1.053 25.398 19.376 46.519 44.796 46.519h290.823c25.37.001 45.752-21.068 44.729-46.418z"
/>
<circle
cx="302.18"
cy="168.225"
r="58.758"
fill="#a3defe"
transform="rotate(-76.35 302.248 168.146)"
/>
<path
fill="#7acefa"
d="M287.953 225.238a58.886 58.886 0 0 0 14.227 1.744c32.451 0 58.758-26.307 58.758-58.758a58.49 58.49 0 0 0-6.201-26.269c-35.564 12.696-62.044 44.673-66.784 83.283z"
/>
<circle
cx="388.81"
cy="237.693"
r="70.716"
fill="#ceeafb"
transform="rotate(-76.17 388.954 237.683)"
/>
<path
fill="#a3defe"
d="M150.428 458.272c-61.377-35.073-56.923-96.441-45.909-129.391a88.617 88.617 0 0 0-21.362-1.408C38.544 329.932 2.479 366.044.091 410.661c-.019.365-.037.729-.052 1.093-1.053 25.398 19.376 46.519 44.796 46.519h105.593z"
/>
<g fill="#fff">
<ellipse cx="112.057" cy="412.395" rx="29.792" ry="23.725" />
<ellipse cx="273.541" cy="412.395" rx="29.792" ry="23.725" />
</g>
<g fill="#4e5660">
<path
d="M143.601 394.078a7.5 7.5 0 0 1-7.5-7.5c0-3.684-2.997-6.681-6.681-6.681s-6.681 2.997-6.681 6.681c0 4.143-3.358 7.5-7.5 7.5s-7.5-3.357-7.5-7.5c0-11.955 9.726-21.681 21.681-21.681s21.681 9.726 21.681 21.681a7.5 7.5 0 0 1-7.5 7.5zM270.359 394.078a7.5 7.5 0 0 1-7.5-7.5c0-3.684-2.997-6.681-6.681-6.681s-6.68 2.997-6.68 6.681c0 4.143-3.358 7.5-7.5 7.5s-7.5-3.357-7.5-7.5c0-11.955 9.726-21.681 21.68-21.681 11.955 0 21.681 9.726 21.681 21.681a7.5 7.5 0 0 1-7.5 7.5zM192.799 417.505a27.452 27.452 0 0 1-20.696-9.425 7.5 7.5 0 1 1 11.308-9.855 12.454 12.454 0 0 0 9.388 4.28 12.46 12.46 0 0 0 9.388-4.28 7.5 7.5 0 1 1 11.308 9.855 27.455 27.455 0 0 1-20.696 9.425z"
/>
</g>
</svg>
More icons in the same style and category