droplets icon
droplets-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- droplets-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
The same icon in other sets
Use the droplets icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.274 2.304a.75.75 0 0 0-.975.418c-.45 1.129-1.216 2.152-2.125 3.166c-.454.505-.932.998-1.419 1.499l-.014.014c-.478.492-.965.993-1.42 1.502c-.911 1.023-1.746 2.14-2.175 3.423c-.44 1.314-.435 2.75.235 4.36l.124.283C5.841 19.858 8.812 21.75 12 21.75l.308-.006c3.173-.121 6.082-2.106 7.311-5.058a.75.75 0 0 0-1.384-.577c-1.002 2.406-3.388 4.036-5.983 4.136L12 20.25c-2.608 0-5.044-1.556-6.134-3.91l-.1-.23c-.536-1.286-.52-2.349-.199-3.308c.332-.99 1.004-1.923 1.875-2.9a47 47 0 0 1 1.388-1.47a53 53 0 0 0 1.461-1.543c.952-1.062 1.853-2.24 2.4-3.61a.75.75 0 0 0-.418-.975"/><path d="M14.996 4.25c.31 0 .588.19.7.478l.086.203c.217.469.539.916.931 1.373c.223.26.462.515.71.778l.103.109c.213.225.433.458.643.692c.9 1.005 1.808 2.25 1.531 3.918l-.072.34a4 4 0 0 1-.085.29l-.107.294c-.688 1.7-2.29 2.871-4.076 3.011l-.36.014c-1.807 0-3.48-1.065-4.286-2.692l-.15-.333c-.32-.79-.384-1.53-.245-2.225c.138-.684.463-1.277.842-1.8c.376-.518.834-1.003 1.261-1.455l.021-.022c.432-.457.836-.885 1.18-1.337l.206-.286a4.4 4.4 0 0 0 .469-.871l.05-.104a.75.75 0 0 1 .648-.375"/></g></svg>
React
import type { SVGProps } from "react";
export function MynauiDropletsSolid(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="M12.274 2.304a.75.75 0 0 0-.975.418c-.45 1.129-1.216 2.152-2.125 3.166c-.454.505-.932.998-1.419 1.499l-.014.014c-.478.492-.965.993-1.42 1.502c-.911 1.023-1.746 2.14-2.175 3.423c-.44 1.314-.435 2.75.235 4.36l.124.283C5.841 19.858 8.812 21.75 12 21.75l.308-.006c3.173-.121 6.082-2.106 7.311-5.058a.75.75 0 0 0-1.384-.577c-1.002 2.406-3.388 4.036-5.983 4.136L12 20.25c-2.608 0-5.044-1.556-6.134-3.91l-.1-.23c-.536-1.286-.52-2.349-.199-3.308c.332-.99 1.004-1.923 1.875-2.9a47 47 0 0 1 1.388-1.47a53 53 0 0 0 1.461-1.543c.952-1.062 1.853-2.24 2.4-3.61a.75.75 0 0 0-.418-.975"/><path d="M14.996 4.25c.31 0 .588.19.7.478l.086.203c.217.469.539.916.931 1.373c.223.26.462.515.71.778l.103.109c.213.225.433.458.643.692c.9 1.005 1.808 2.25 1.531 3.918l-.072.34a4 4 0 0 1-.085.29l-.107.294c-.688 1.7-2.29 2.871-4.076 3.011l-.36.014c-1.807 0-3.48-1.065-4.286-2.692l-.15-.333c-.32-.79-.384-1.53-.245-2.225c.138-.684.463-1.277.842-1.8c.376-.518.834-1.003 1.261-1.455l.021-.022c.432-.457.836-.885 1.18-1.337l.206-.286a4.4 4.4 0 0 0 .469-.871l.05-.104a.75.75 0 0 1 .648-.375"/></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="M12.274 2.304a.75.75 0 0 0-.975.418c-.45 1.129-1.216 2.152-2.125 3.166c-.454.505-.932.998-1.419 1.499l-.014.014c-.478.492-.965.993-1.42 1.502c-.911 1.023-1.746 2.14-2.175 3.423c-.44 1.314-.435 2.75.235 4.36l.124.283C5.841 19.858 8.812 21.75 12 21.75l.308-.006c3.173-.121 6.082-2.106 7.311-5.058a.75.75 0 0 0-1.384-.577c-1.002 2.406-3.388 4.036-5.983 4.136L12 20.25c-2.608 0-5.044-1.556-6.134-3.91l-.1-.23c-.536-1.286-.52-2.349-.199-3.308c.332-.99 1.004-1.923 1.875-2.9a47 47 0 0 1 1.388-1.47a53 53 0 0 0 1.461-1.543c.952-1.062 1.853-2.24 2.4-3.61a.75.75 0 0 0-.418-.975"/><path d="M14.996 4.25c.31 0 .588.19.7.478l.086.203c.217.469.539.916.931 1.373c.223.26.462.515.71.778l.103.109c.213.225.433.458.643.692c.9 1.005 1.808 2.25 1.531 3.918l-.072.34a4 4 0 0 1-.085.29l-.107.294c-.688 1.7-2.29 2.871-4.076 3.011l-.36.014c-1.807 0-3.48-1.065-4.286-2.692l-.15-.333c-.32-.79-.384-1.53-.245-2.225c.138-.684.463-1.277.842-1.8c.376-.518.834-1.003 1.261-1.455l.021-.022c.432-.457.836-.885 1.18-1.337l.206-.286a4.4 4.4 0 0 0 .469-.871l.05-.104a.75.75 0 0 1 .648-.375"/></g></svg> </template>
CSS
.icon-droplets-solid {
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%22M12.274%202.304a.75.75%200%200%200-.975.418c-.45%201.129-1.216%202.152-2.125%203.166c-.454.505-.932.998-1.419%201.499l-.014.014c-.478.492-.965.993-1.42%201.502c-.911%201.023-1.746%202.14-2.175%203.423c-.44%201.314-.435%202.75.235%204.36l.124.283C5.841%2019.858%208.812%2021.75%2012%2021.75l.308-.006c3.173-.121%206.082-2.106%207.311-5.058a.75.75%200%200%200-1.384-.577c-1.002%202.406-3.388%204.036-5.983%204.136L12%2020.25c-2.608%200-5.044-1.556-6.134-3.91l-.1-.23c-.536-1.286-.52-2.349-.199-3.308c.332-.99%201.004-1.923%201.875-2.9a47%2047%200%200%201%201.388-1.47a53%2053%200%200%200%201.461-1.543c.952-1.062%201.853-2.24%202.4-3.61a.75.75%200%200%200-.418-.975%22%2F%3E%3Cpath%20d%3D%22M14.996%204.25c.31%200%20.588.19.7.478l.086.203c.217.469.539.916.931%201.373c.223.26.462.515.71.778l.103.109c.213.225.433.458.643.692c.9%201.005%201.808%202.25%201.531%203.918l-.072.34a4%204%200%200%201-.085.29l-.107.294c-.688%201.7-2.29%202.871-4.076%203.011l-.36.014c-1.807%200-3.48-1.065-4.286-2.692l-.15-.333c-.32-.79-.384-1.53-.245-2.225c.138-.684.463-1.277.842-1.8c.376-.518.834-1.003%201.261-1.455l.021-.022c.432-.457.836-.885%201.18-1.337l.206-.286a4.4%204.4%200%200%200%20.469-.871l.05-.104a.75.75%200%200%201%20.648-.375%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%22M12.274%202.304a.75.75%200%200%200-.975.418c-.45%201.129-1.216%202.152-2.125%203.166c-.454.505-.932.998-1.419%201.499l-.014.014c-.478.492-.965.993-1.42%201.502c-.911%201.023-1.746%202.14-2.175%203.423c-.44%201.314-.435%202.75.235%204.36l.124.283C5.841%2019.858%208.812%2021.75%2012%2021.75l.308-.006c3.173-.121%206.082-2.106%207.311-5.058a.75.75%200%200%200-1.384-.577c-1.002%202.406-3.388%204.036-5.983%204.136L12%2020.25c-2.608%200-5.044-1.556-6.134-3.91l-.1-.23c-.536-1.286-.52-2.349-.199-3.308c.332-.99%201.004-1.923%201.875-2.9a47%2047%200%200%201%201.388-1.47a53%2053%200%200%200%201.461-1.543c.952-1.062%201.853-2.24%202.4-3.61a.75.75%200%200%200-.418-.975%22%2F%3E%3Cpath%20d%3D%22M14.996%204.25c.31%200%20.588.19.7.478l.086.203c.217.469.539.916.931%201.373c.223.26.462.515.71.778l.103.109c.213.225.433.458.643.692c.9%201.005%201.808%202.25%201.531%203.918l-.072.34a4%204%200%200%201-.085.29l-.107.294c-.688%201.7-2.29%202.871-4.076%203.011l-.36.014c-1.807%200-3.48-1.065-4.286-2.692l-.15-.333c-.32-.79-.384-1.53-.245-2.225c.138-.684.463-1.277.842-1.8c.376-.518.834-1.003%201.261-1.455l.021-.022c.432-.457.836-.885%201.18-1.337l.206-.286a4.4%204.4%200%200%200%20.469-.871l.05-.104a.75.75%200%200%201%20.648-.375%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/droplets-solid.svg?color=%231a73e8&size=48
