waterdrop icon
waterdrop-bold-duotone from Solar by 480 Design · Bold Duotone · UI · CC-BY-4.0 Attribution required.
- Name
- waterdrop-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- Category
- UI
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More ui icons from Solar
accessibility-boldadd-boldadd-circle-boldadd-square-boldaugmented-reality-boldballoon-boldbattery-charge-boldbattery-charge-minimalistic-boldbattery-full-boldbattery-full-minimalistic-boldbattery-half-boldbattery-half-minimalistic-boldbattery-low-boldbattery-low-minimalistic-boldblocks-boldbody-boldbolt-boldbolt-circle-boldbox-boldbox-minimalistic-boldbroom-boldcat-boldcheck-circle-boldcheck-square-bold
Use the waterdrop icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M11.6115 22H12.3885C17.1445 22 21 18.0569 21 13.1928V12.9281C21 8.31651 18.2715 4.16347 14.0967 2.42077C12.7527 1.85974 11.2473 1.85974 9.90329 2.42077C5.72854 4.16347 3 8.31651 3 12.9281V13.1928C3 18.0569 6.85549 22 11.6115 22Z" opacity=".5"/><path d="M12.0663 5.96126C12.2401 6.33722 12.0763 6.78293 11.7003 6.95679C10.1548 7.6715 8.90701 9.12514 8.3295 10.9497C8.20451 11.3447 7.78305 11.5635 7.38814 11.4385C6.99324 11.3135 6.77443 10.892 6.89942 10.4971C7.59142 8.31077 9.10582 6.50399 11.0707 5.59533C11.4467 5.42146 11.8924 5.5853 12.0663 5.96126Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarWaterdropBoldDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M11.6115 22H12.3885C17.1445 22 21 18.0569 21 13.1928V12.9281C21 8.31651 18.2715 4.16347 14.0967 2.42077C12.7527 1.85974 11.2473 1.85974 9.90329 2.42077C5.72854 4.16347 3 8.31651 3 12.9281V13.1928C3 18.0569 6.85549 22 11.6115 22Z" opacity=".5"/><path d="M12.0663 5.96126C12.2401 6.33722 12.0763 6.78293 11.7003 6.95679C10.1548 7.6715 8.90701 9.12514 8.3295 10.9497C8.20451 11.3447 7.78305 11.5635 7.38814 11.4385C6.99324 11.3135 6.77443 10.892 6.89942 10.4971C7.59142 8.31077 9.10582 6.50399 11.0707 5.59533C11.4467 5.42146 11.8924 5.5853 12.0663 5.96126Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M11.6115 22H12.3885C17.1445 22 21 18.0569 21 13.1928V12.9281C21 8.31651 18.2715 4.16347 14.0967 2.42077C12.7527 1.85974 11.2473 1.85974 9.90329 2.42077C5.72854 4.16347 3 8.31651 3 12.9281V13.1928C3 18.0569 6.85549 22 11.6115 22Z" opacity=".5"/><path d="M12.0663 5.96126C12.2401 6.33722 12.0763 6.78293 11.7003 6.95679C10.1548 7.6715 8.90701 9.12514 8.3295 10.9497C8.20451 11.3447 7.78305 11.5635 7.38814 11.4385C6.99324 11.3135 6.77443 10.892 6.89942 10.4971C7.59142 8.31077 9.10582 6.50399 11.0707 5.59533C11.4467 5.42146 11.8924 5.5853 12.0663 5.96126Z"/></g></svg> </template>
CSS
.icon-waterdrop-bold-duotone {
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%22currentColor%22%3E%3Cpath%20d%3D%22M11.6115%2022H12.3885C17.1445%2022%2021%2018.0569%2021%2013.1928V12.9281C21%208.31651%2018.2715%204.16347%2014.0967%202.42077C12.7527%201.85974%2011.2473%201.85974%209.90329%202.42077C5.72854%204.16347%203%208.31651%203%2012.9281V13.1928C3%2018.0569%206.85549%2022%2011.6115%2022Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M12.0663%205.96126C12.2401%206.33722%2012.0763%206.78293%2011.7003%206.95679C10.1548%207.6715%208.90701%209.12514%208.3295%2010.9497C8.20451%2011.3447%207.78305%2011.5635%207.38814%2011.4385C6.99324%2011.3135%206.77443%2010.892%206.89942%2010.4971C7.59142%208.31077%209.10582%206.50399%2011.0707%205.59533C11.4467%205.42146%2011.8924%205.5853%2012.0663%205.96126Z%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%22currentColor%22%3E%3Cpath%20d%3D%22M11.6115%2022H12.3885C17.1445%2022%2021%2018.0569%2021%2013.1928V12.9281C21%208.31651%2018.2715%204.16347%2014.0967%202.42077C12.7527%201.85974%2011.2473%201.85974%209.90329%202.42077C5.72854%204.16347%203%208.31651%203%2012.9281V13.1928C3%2018.0569%206.85549%2022%2011.6115%2022Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M12.0663%205.96126C12.2401%206.33722%2012.0763%206.78293%2011.7003%206.95679C10.1548%207.6715%208.90701%209.12514%208.3295%2010.9497C8.20451%2011.3447%207.78305%2011.5635%207.38814%2011.4385C6.99324%2011.3135%206.77443%2010.892%206.89942%2010.4971C7.59142%208.31077%209.10582%206.50399%2011.0707%205.59533C11.4467%205.42146%2011.8924%205.5853%2012.0663%205.96126Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/waterdrop-bold-duotone.svg?color=%231a73e8&size=48
