soap dispenser droplet icon
soap-dispenser-droplet from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- soap-dispenser-droplet
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the soap dispenser droplet icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="square" stroke-linejoin="round" d="M16.492 22c1.933 0 3.5-1.54 3.5-3.44c0-1.48-1.27-3.139-2.28-4.223c-.52-.558-.78-.837-1.22-.837s-.7.279-1.22.837c-1.01 1.084-2.28 2.743-2.28 4.223c0 1.9 1.567 3.44 3.5 3.44Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M12.992 10a5 5 0 0 0-9 3v5c0 1.886 0 2.828.586 3.414S6.107 22 7.992 22h2"/><path stroke-linecap="round" d="M9.992 12.338c-1.717.69-3.45 2.142-6 1.504"/><path stroke-linecap="round" stroke-linejoin="round" d="M6.992 8V7c0-.943 0-1.414.293-1.707S8.05 5 8.992 5s1.414 0 1.707.293s.293.764.293 1.707v1m-2-3V2m0 0h-2m2 0h3.423c.989 0 1.827.39 2.577 1"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsSoapDispenserDroplet(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path strokeLinecap="square" strokeLinejoin="round" d="M16.492 22c1.933 0 3.5-1.54 3.5-3.44c0-1.48-1.27-3.139-2.28-4.223c-.52-.558-.78-.837-1.22-.837s-.7.279-1.22.837c-1.01 1.084-2.28 2.743-2.28 4.223c0 1.9 1.567 3.44 3.5 3.44Z"/><path strokeLinecap="round" strokeLinejoin="round" d="M12.992 10a5 5 0 0 0-9 3v5c0 1.886 0 2.828.586 3.414S6.107 22 7.992 22h2"/><path strokeLinecap="round" d="M9.992 12.338c-1.717.69-3.45 2.142-6 1.504"/><path strokeLinecap="round" strokeLinejoin="round" d="M6.992 8V7c0-.943 0-1.414.293-1.707S8.05 5 8.992 5s1.414 0 1.707.293s.293.764.293 1.707v1m-2-3V2m0 0h-2m2 0h3.423c.989 0 1.827.39 2.577 1"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="square" stroke-linejoin="round" d="M16.492 22c1.933 0 3.5-1.54 3.5-3.44c0-1.48-1.27-3.139-2.28-4.223c-.52-.558-.78-.837-1.22-.837s-.7.279-1.22.837c-1.01 1.084-2.28 2.743-2.28 4.223c0 1.9 1.567 3.44 3.5 3.44Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M12.992 10a5 5 0 0 0-9 3v5c0 1.886 0 2.828.586 3.414S6.107 22 7.992 22h2"/><path stroke-linecap="round" d="M9.992 12.338c-1.717.69-3.45 2.142-6 1.504"/><path stroke-linecap="round" stroke-linejoin="round" d="M6.992 8V7c0-.943 0-1.414.293-1.707S8.05 5 8.992 5s1.414 0 1.707.293s.293.764.293 1.707v1m-2-3V2m0 0h-2m2 0h3.423c.989 0 1.827.39 2.577 1"/></g></svg> </template>
CSS
.icon-soap-dispenser-droplet {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%20d%3D%22M16.492%2022c1.933%200%203.5-1.54%203.5-3.44c0-1.48-1.27-3.139-2.28-4.223c-.52-.558-.78-.837-1.22-.837s-.7.279-1.22.837c-1.01%201.084-2.28%202.743-2.28%204.223c0%201.9%201.567%203.44%203.5%203.44Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12.992%2010a5%205%200%200%200-9%203v5c0%201.886%200%202.828.586%203.414S6.107%2022%207.992%2022h2%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M9.992%2012.338c-1.717.69-3.45%202.142-6%201.504%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6.992%208V7c0-.943%200-1.414.293-1.707S8.05%205%208.992%205s1.414%200%201.707.293s.293.764.293%201.707v1m-2-3V2m0%200h-2m2%200h3.423c.989%200%201.827.39%202.577%201%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%20d%3D%22M16.492%2022c1.933%200%203.5-1.54%203.5-3.44c0-1.48-1.27-3.139-2.28-4.223c-.52-.558-.78-.837-1.22-.837s-.7.279-1.22.837c-1.01%201.084-2.28%202.743-2.28%204.223c0%201.9%201.567%203.44%203.5%203.44Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12.992%2010a5%205%200%200%200-9%203v5c0%201.886%200%202.828.586%203.414S6.107%2022%207.992%2022h2%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M9.992%2012.338c-1.717.69-3.45%202.142-6%201.504%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6.992%208V7c0-.943%200-1.414.293-1.707S8.05%205%208.992%205s1.414%200%201.707.293s.293.764.293%201.707v1m-2-3V2m0%200h-2m2%200h3.423c.989%200%201.827.39%202.577%201%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/soap-dispenser-droplet.svg?color=%231a73e8&size=48
