soap icon

soap-rounded from Material Symbols by Google · Rounded · Household · Apache-2.0 Free for personal and commercial use.

Name: soap-rounded
Set: Material Symbols
Style: Rounded
Category: Household
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols

soap soap-outline soap-outline-rounded soap-outline-sharp soap-sharp

The same icon in other sets

soapFont Awesome 6 Solid soapFont Awesome Solid soapFluent Emoji soapFluent Emoji Flat soapFluent Emoji High Contrast soapIconoir soapMaterial Symbols Light soapNoto Emoji soapOpenMoji soapTwitter Emoji

More household icons from Material Symbols

Use the soap icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6 22q-1.65 0-2.825-1.175T2 18v-5.4q0-.775.363-1.437t1.012-1.088l7.65-4.975q.275-.175.575-.137t.525.262q.5.5.588 1.188T12.425 7.7L11.3 9.5H19q.425 0 .713.288T20 10.5t-.288.713T19 11.5h-7V13h9q.425 0 .713.288T22 14t-.288.713T21 15h-9v1.5h8q.425 0 .713.288T21 17.5t-.288.713T20 18.5h-8V20h6q.425 0 .713.288T19 21t-.288.713T18 22zm8.513-14.513Q14 6.975 14 6.25t.513-1.237T15.75 4.5t1.238.513t.512 1.237t-.513 1.238T15.75 8t-1.237-.513m1.924-3.925Q16 3.125 16 2.5t.438-1.062T17.5 1t1.063.438T19 2.5t-.437 1.063T17.5 4t-1.062-.437m3.15 3.85Q19 6.825 19 6t.588-1.412T21 4t1.413.588T23 6t-.587 1.413T21 8t-1.412-.587"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsSoapRounded(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6 22q-1.65 0-2.825-1.175T2 18v-5.4q0-.775.363-1.437t1.012-1.088l7.65-4.975q.275-.175.575-.137t.525.262q.5.5.588 1.188T12.425 7.7L11.3 9.5H19q.425 0 .713.288T20 10.5t-.288.713T19 11.5h-7V13h9q.425 0 .713.288T22 14t-.288.713T21 15h-9v1.5h8q.425 0 .713.288T21 17.5t-.288.713T20 18.5h-8V20h6q.425 0 .713.288T19 21t-.288.713T18 22zm8.513-14.513Q14 6.975 14 6.25t.513-1.237T15.75 4.5t1.238.513t.512 1.237t-.513 1.238T15.75 8t-1.237-.513m1.924-3.925Q16 3.125 16 2.5t.438-1.062T17.5 1t1.063.438T19 2.5t-.437 1.063T17.5 4t-1.062-.437m3.15 3.85Q19 6.825 19 6t.588-1.412T21 4t1.413.588T23 6t-.587 1.413T21 8t-1.412-.587"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6 22q-1.65 0-2.825-1.175T2 18v-5.4q0-.775.363-1.437t1.012-1.088l7.65-4.975q.275-.175.575-.137t.525.262q.5.5.588 1.188T12.425 7.7L11.3 9.5H19q.425 0 .713.288T20 10.5t-.288.713T19 11.5h-7V13h9q.425 0 .713.288T22 14t-.288.713T21 15h-9v1.5h8q.425 0 .713.288T21 17.5t-.288.713T20 18.5h-8V20h6q.425 0 .713.288T19 21t-.288.713T18 22zm8.513-14.513Q14 6.975 14 6.25t.513-1.237T15.75 4.5t1.238.513t.512 1.237t-.513 1.238T15.75 8t-1.237-.513m1.924-3.925Q16 3.125 16 2.5t.438-1.062T17.5 1t1.063.438T19 2.5t-.437 1.063T17.5 4t-1.062-.437m3.15 3.85Q19 6.825 19 6t.588-1.412T21 4t1.413.588T23 6t-.587 1.413T21 8t-1.412-.587"/></svg>
</template>

CSS

.icon-soap-rounded {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6%2022q-1.65%200-2.825-1.175T2%2018v-5.4q0-.775.363-1.437t1.012-1.088l7.65-4.975q.275-.175.575-.137t.525.262q.5.5.588%201.188T12.425%207.7L11.3%209.5H19q.425%200%20.713.288T20%2010.5t-.288.713T19%2011.5h-7V13h9q.425%200%20.713.288T22%2014t-.288.713T21%2015h-9v1.5h8q.425%200%20.713.288T21%2017.5t-.288.713T20%2018.5h-8V20h6q.425%200%20.713.288T19%2021t-.288.713T18%2022zm8.513-14.513Q14%206.975%2014%206.25t.513-1.237T15.75%204.5t1.238.513t.512%201.237t-.513%201.238T15.75%208t-1.237-.513m1.924-3.925Q16%203.125%2016%202.5t.438-1.062T17.5%201t1.063.438T19%202.5t-.437%201.063T17.5%204t-1.062-.437m3.15%203.85Q19%206.825%2019%206t.588-1.412T21%204t1.413.588T23%206t-.587%201.413T21%208t-1.412-.587%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6%2022q-1.65%200-2.825-1.175T2%2018v-5.4q0-.775.363-1.437t1.012-1.088l7.65-4.975q.275-.175.575-.137t.525.262q.5.5.588%201.188T12.425%207.7L11.3%209.5H19q.425%200%20.713.288T20%2010.5t-.288.713T19%2011.5h-7V13h9q.425%200%20.713.288T22%2014t-.288.713T21%2015h-9v1.5h8q.425%200%20.713.288T21%2017.5t-.288.713T20%2018.5h-8V20h6q.425%200%20.713.288T19%2021t-.288.713T18%2022zm8.513-14.513Q14%206.975%2014%206.25t.513-1.237T15.75%204.5t1.238.513t.512%201.237t-.513%201.238T15.75%208t-1.237-.513m1.924-3.925Q16%203.125%2016%202.5t.438-1.062T17.5%201t1.063.438T19%202.5t-.437%201.063T17.5%204t-1.062-.437m3.15%203.85Q19%206.825%2019%206t.588-1.412T21%204t1.413.588T23%206t-.587%201.413T21%208t-1.412-.587%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/soap-rounded.svg?color=%231a73e8&size=48