baseline soap icon
baseline-soap from Google Material Icons by Material Design Authors · Baseline · Places · Apache-2.0 Free for personal and commercial use.
- Name
- baseline-soap
- Set
- Google Material Icons
- Style
- Baseline
- Category
- Places
- Viewbox
- 24×24
- License
- Apache 2.0
More places icons from Google Material Icons
baseline-ac-unitbaseline-airport-shuttlebaseline-all-inclusivebaseline-apartmentbaseline-baby-changing-stationbaseline-backpackbaseline-balconybaseline-bathtubbaseline-beach-accessbaseline-bentobaseline-bungalowbaseline-business-centerbaseline-cabinbaseline-carpenterbaseline-casinobaseline-chaletbaseline-charging-stationbaseline-checkroombaseline-child-carebaseline-child-friendlybaseline-corporate-farebaseline-cottagebaseline-countertopsbaseline-crib
Use the baseline soap icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m9.12 5l-7.18 6.79c-.6.56-.94 1.35-.94 2.18V20c0 1.66 1.34 3 3 3h13.75a1.25 1.25 0 0 0 0-2.5H12v-1h7.75a1.25 1.25 0 0 0 0-2.5H12v-1h8.75a1.25 1.25 0 0 0 0-2.5H12v-1h6.75a1.25 1.25 0 0 0 0-2.5H8.86c.64-1.11 1.48-2.58 1.49-2.61a1.065 1.065 0 0 0-.12-1.23C10.22 6.12 9.12 5 9.12 5M14 6.25c.41 0 .75.34.75.75s-.34.75-.75.75s-.75-.34-.75-.75s.34-.75.75-.75m0-1.5c-1.24 0-2.25 1.01-2.25 2.25S12.76 9.25 14 9.25S16.25 8.24 16.25 7S15.24 4.75 14 4.75m5.75.75c.28 0 .5.22.5.5s-.22.5-.5.5s-.5-.22-.5-.5s.22-.5.5-.5m0-1.5c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2M16.5 1c-.83 0-1.5.67-1.5 1.5S15.67 4 16.5 4S18 3.33 18 2.5S17.33 1 16.5 1"/></svg>
React
import type { SVGProps } from "react";
export function IcBaselineSoap(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="m9.12 5l-7.18 6.79c-.6.56-.94 1.35-.94 2.18V20c0 1.66 1.34 3 3 3h13.75a1.25 1.25 0 0 0 0-2.5H12v-1h7.75a1.25 1.25 0 0 0 0-2.5H12v-1h8.75a1.25 1.25 0 0 0 0-2.5H12v-1h6.75a1.25 1.25 0 0 0 0-2.5H8.86c.64-1.11 1.48-2.58 1.49-2.61a1.065 1.065 0 0 0-.12-1.23C10.22 6.12 9.12 5 9.12 5M14 6.25c.41 0 .75.34.75.75s-.34.75-.75.75s-.75-.34-.75-.75s.34-.75.75-.75m0-1.5c-1.24 0-2.25 1.01-2.25 2.25S12.76 9.25 14 9.25S16.25 8.24 16.25 7S15.24 4.75 14 4.75m5.75.75c.28 0 .5.22.5.5s-.22.5-.5.5s-.5-.22-.5-.5s.22-.5.5-.5m0-1.5c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2M16.5 1c-.83 0-1.5.67-1.5 1.5S15.67 4 16.5 4S18 3.33 18 2.5S17.33 1 16.5 1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m9.12 5l-7.18 6.79c-.6.56-.94 1.35-.94 2.18V20c0 1.66 1.34 3 3 3h13.75a1.25 1.25 0 0 0 0-2.5H12v-1h7.75a1.25 1.25 0 0 0 0-2.5H12v-1h8.75a1.25 1.25 0 0 0 0-2.5H12v-1h6.75a1.25 1.25 0 0 0 0-2.5H8.86c.64-1.11 1.48-2.58 1.49-2.61a1.065 1.065 0 0 0-.12-1.23C10.22 6.12 9.12 5 9.12 5M14 6.25c.41 0 .75.34.75.75s-.34.75-.75.75s-.75-.34-.75-.75s.34-.75.75-.75m0-1.5c-1.24 0-2.25 1.01-2.25 2.25S12.76 9.25 14 9.25S16.25 8.24 16.25 7S15.24 4.75 14 4.75m5.75.75c.28 0 .5.22.5.5s-.22.5-.5.5s-.5-.22-.5-.5s.22-.5.5-.5m0-1.5c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2M16.5 1c-.83 0-1.5.67-1.5 1.5S15.67 4 16.5 4S18 3.33 18 2.5S17.33 1 16.5 1"/></svg> </template>
CSS
.icon-baseline-soap {
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%22m9.12%205l-7.18%206.79c-.6.56-.94%201.35-.94%202.18V20c0%201.66%201.34%203%203%203h13.75a1.25%201.25%200%200%200%200-2.5H12v-1h7.75a1.25%201.25%200%200%200%200-2.5H12v-1h8.75a1.25%201.25%200%200%200%200-2.5H12v-1h6.75a1.25%201.25%200%200%200%200-2.5H8.86c.64-1.11%201.48-2.58%201.49-2.61a1.065%201.065%200%200%200-.12-1.23C10.22%206.12%209.12%205%209.12%205M14%206.25c.41%200%20.75.34.75.75s-.34.75-.75.75s-.75-.34-.75-.75s.34-.75.75-.75m0-1.5c-1.24%200-2.25%201.01-2.25%202.25S12.76%209.25%2014%209.25S16.25%208.24%2016.25%207S15.24%204.75%2014%204.75m5.75.75c.28%200%20.5.22.5.5s-.22.5-.5.5s-.5-.22-.5-.5s.22-.5.5-.5m0-1.5c-1.1%200-2%20.9-2%202s.9%202%202%202s2-.9%202-2s-.9-2-2-2M16.5%201c-.83%200-1.5.67-1.5%201.5S15.67%204%2016.5%204S18%203.33%2018%202.5S17.33%201%2016.5%201%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%22m9.12%205l-7.18%206.79c-.6.56-.94%201.35-.94%202.18V20c0%201.66%201.34%203%203%203h13.75a1.25%201.25%200%200%200%200-2.5H12v-1h7.75a1.25%201.25%200%200%200%200-2.5H12v-1h8.75a1.25%201.25%200%200%200%200-2.5H12v-1h6.75a1.25%201.25%200%200%200%200-2.5H8.86c.64-1.11%201.48-2.58%201.49-2.61a1.065%201.065%200%200%200-.12-1.23C10.22%206.12%209.12%205%209.12%205M14%206.25c.41%200%20.75.34.75.75s-.34.75-.75.75s-.75-.34-.75-.75s.34-.75.75-.75m0-1.5c-1.24%200-2.25%201.01-2.25%202.25S12.76%209.25%2014%209.25S16.25%208.24%2016.25%207S15.24%204.75%2014%204.75m5.75.75c.28%200%20.5.22.5.5s-.22.5-.5.5s-.5-.22-.5-.5s.22-.5.5-.5m0-1.5c-1.1%200-2%20.9-2%202s.9%202%202%202s2-.9%202-2s-.9-2-2-2M16.5%201c-.83%200-1.5.67-1.5%201.5S15.67%204%2016.5%204S18%203.33%2018%202.5S17.33%201%2016.5%201%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/baseline-soap.svg?color=%231a73e8&size=48
