waterdrop icon
waterdrop-bold from Solar by 480 Design · Bold · UI · CC-BY-4.0 Attribution required.
- Name
- waterdrop-bold
- Set
- Solar
- Style
- Bold
- 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"><path fill="currentColor" fill-rule="evenodd" d="M11.6115 22C6.85549 22 3 18.0569 3 13.1928V12.9281C3 8.31651 5.72854 4.16347 9.90329 2.42077C11.2473 1.85974 12.7527 1.85974 14.0967 2.42077C18.2715 4.16347 21 8.31651 21 12.9281V13.1928C21 18.0569 17.1445 22 12.3885 22H11.6115ZM12.0664 5.96145C12.2402 6.33741 12.0764 6.78313 11.7004 6.95699C10.155 7.6717 8.90712 9.12534 8.32961 10.9499C8.20462 11.3449 7.78316 11.5637 7.38826 11.4387C6.99335 11.3137 6.77454 10.8922 6.89954 10.4973C7.59154 8.31097 9.10593 6.50418 11.0708 5.59552C11.4468 5.42166 11.8925 5.5855 12.0664 5.96145Z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function SolarWaterdropBold(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" fillRule="evenodd" d="M11.6115 22C6.85549 22 3 18.0569 3 13.1928V12.9281C3 8.31651 5.72854 4.16347 9.90329 2.42077C11.2473 1.85974 12.7527 1.85974 14.0967 2.42077C18.2715 4.16347 21 8.31651 21 12.9281V13.1928C21 18.0569 17.1445 22 12.3885 22H11.6115ZM12.0664 5.96145C12.2402 6.33741 12.0764 6.78313 11.7004 6.95699C10.155 7.6717 8.90712 9.12534 8.32961 10.9499C8.20462 11.3449 7.78316 11.5637 7.38826 11.4387C6.99335 11.3137 6.77454 10.8922 6.89954 10.4973C7.59154 8.31097 9.10593 6.50418 11.0708 5.59552C11.4468 5.42166 11.8925 5.5855 12.0664 5.96145Z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11.6115 22C6.85549 22 3 18.0569 3 13.1928V12.9281C3 8.31651 5.72854 4.16347 9.90329 2.42077C11.2473 1.85974 12.7527 1.85974 14.0967 2.42077C18.2715 4.16347 21 8.31651 21 12.9281V13.1928C21 18.0569 17.1445 22 12.3885 22H11.6115ZM12.0664 5.96145C12.2402 6.33741 12.0764 6.78313 11.7004 6.95699C10.155 7.6717 8.90712 9.12534 8.32961 10.9499C8.20462 11.3449 7.78316 11.5637 7.38826 11.4387C6.99335 11.3137 6.77454 10.8922 6.89954 10.4973C7.59154 8.31097 9.10593 6.50418 11.0708 5.59552C11.4468 5.42166 11.8925 5.5855 12.0664 5.96145Z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-waterdrop-bold {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M11.6115%2022C6.85549%2022%203%2018.0569%203%2013.1928V12.9281C3%208.31651%205.72854%204.16347%209.90329%202.42077C11.2473%201.85974%2012.7527%201.85974%2014.0967%202.42077C18.2715%204.16347%2021%208.31651%2021%2012.9281V13.1928C21%2018.0569%2017.1445%2022%2012.3885%2022H11.6115ZM12.0664%205.96145C12.2402%206.33741%2012.0764%206.78313%2011.7004%206.95699C10.155%207.6717%208.90712%209.12534%208.32961%2010.9499C8.20462%2011.3449%207.78316%2011.5637%207.38826%2011.4387C6.99335%2011.3137%206.77454%2010.8922%206.89954%2010.4973C7.59154%208.31097%209.10593%206.50418%2011.0708%205.59552C11.4468%205.42166%2011.8925%205.5855%2012.0664%205.96145Z%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M11.6115%2022C6.85549%2022%203%2018.0569%203%2013.1928V12.9281C3%208.31651%205.72854%204.16347%209.90329%202.42077C11.2473%201.85974%2012.7527%201.85974%2014.0967%202.42077C18.2715%204.16347%2021%208.31651%2021%2012.9281V13.1928C21%2018.0569%2017.1445%2022%2012.3885%2022H11.6115ZM12.0664%205.96145C12.2402%206.33741%2012.0764%206.78313%2011.7004%206.95699C10.155%207.6717%208.90712%209.12534%208.32961%2010.9499C8.20462%2011.3449%207.78316%2011.5637%207.38826%2011.4387C6.99335%2011.3137%206.77454%2010.8922%206.89954%2010.4973C7.59154%208.31097%209.10593%206.50418%2011.0708%205.59552C11.4468%205.42166%2011.8925%205.5855%2012.0664%205.96145Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/waterdrop-bold.svg?color=%231a73e8&size=48
