droplet icon
droplet-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- droplet-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
dropletBootstrap IconsdropletBoxIcons v2dropletBoxIcons v2 SoliddropletEmoji One (Colored)droplet-fillEva IconsdropletFont Awesome 6 SoliddropletFont Awesome SoliddropletFeather IconsdropletFluent EmojidropletFluent Emoji FlatdropletFluent Emoji High ContrastdropletFirefox OS EmojidropletHuge IconsdropletHumbleiconsdropletIconoirdropletLucidedropletNoto EmojidropletOpenMojidropletStreamline EmojisdropletTabler IconsdropletTwitter Emoji
Related icons in Myna UI Icons
Use the droplet icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M7.741 7.4c-.478.493-.965.994-1.42 1.503c-.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.058l.118-.3c.552-1.49.53-2.83.118-4.062c-.43-1.283-1.265-2.4-2.177-3.423a48 48 0 0 0-1.435-1.516l-.031-.033m-6.404 9.16c.534.378 1.19.66 1.89.724l.302.014l.076.004a.75.75 0 0 1 0 1.492L12 18.75l-.222-.005c-1.097-.05-2.08-.474-2.836-1.008c-.786-.555-1.42-1.297-1.654-2a.75.75 0 0 1 1.423-.474c.1.297.467.805 1.097 1.25"/><path d="M12.692 2.72c.452 1.13 1.219 2.153 2.13 3.167c.444.494.913.976 1.39 1.465l.031.033A48 48 0 0 1 17.678 8.9c.912 1.023 1.747 2.14 2.177 3.423c.412 1.232.434 2.572-.118 4.062l-.118.3c-1.23 2.952-4.138 4.937-7.311 5.058L12 21.75c-3.188 0-6.159-1.892-7.495-4.781l-.124-.284c-.67-1.61-.675-3.045-.235-4.359c.429-1.283 1.264-2.4 2.175-3.423c.455-.51.942-1.01 1.42-1.502l.014-.014c.487-.5.965-.994 1.419-1.5c.91-1.013 1.675-2.036 2.125-3.165l.05-.102a.75.75 0 0 1 1.342.1M9.808 16.514c-.63-.445-.998-.953-1.097-1.25a.75.75 0 1 0-1.423.474c.234.703.868 1.445 1.654 2c.756.534 1.739.957 2.836 1.008l.222.005l.076-.004a.75.75 0 0 0 0-1.492L12 17.25l-.303-.014c-.7-.064-1.355-.346-1.89-.723"/></g></svg>
React
import type { SVGProps } from "react";
export function MynauiDropletSolid(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="M7.741 7.4c-.478.493-.965.994-1.42 1.503c-.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.058l.118-.3c.552-1.49.53-2.83.118-4.062c-.43-1.283-1.265-2.4-2.177-3.423a48 48 0 0 0-1.435-1.516l-.031-.033m-6.404 9.16c.534.378 1.19.66 1.89.724l.302.014l.076.004a.75.75 0 0 1 0 1.492L12 18.75l-.222-.005c-1.097-.05-2.08-.474-2.836-1.008c-.786-.555-1.42-1.297-1.654-2a.75.75 0 0 1 1.423-.474c.1.297.467.805 1.097 1.25"/><path d="M12.692 2.72c.452 1.13 1.219 2.153 2.13 3.167c.444.494.913.976 1.39 1.465l.031.033A48 48 0 0 1 17.678 8.9c.912 1.023 1.747 2.14 2.177 3.423c.412 1.232.434 2.572-.118 4.062l-.118.3c-1.23 2.952-4.138 4.937-7.311 5.058L12 21.75c-3.188 0-6.159-1.892-7.495-4.781l-.124-.284c-.67-1.61-.675-3.045-.235-4.359c.429-1.283 1.264-2.4 2.175-3.423c.455-.51.942-1.01 1.42-1.502l.014-.014c.487-.5.965-.994 1.419-1.5c.91-1.013 1.675-2.036 2.125-3.165l.05-.102a.75.75 0 0 1 1.342.1M9.808 16.514c-.63-.445-.998-.953-1.097-1.25a.75.75 0 1 0-1.423.474c.234.703.868 1.445 1.654 2c.756.534 1.739.957 2.836 1.008l.222.005l.076-.004a.75.75 0 0 0 0-1.492L12 17.25l-.303-.014c-.7-.064-1.355-.346-1.89-.723"/></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="M7.741 7.4c-.478.493-.965.994-1.42 1.503c-.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.058l.118-.3c.552-1.49.53-2.83.118-4.062c-.43-1.283-1.265-2.4-2.177-3.423a48 48 0 0 0-1.435-1.516l-.031-.033m-6.404 9.16c.534.378 1.19.66 1.89.724l.302.014l.076.004a.75.75 0 0 1 0 1.492L12 18.75l-.222-.005c-1.097-.05-2.08-.474-2.836-1.008c-.786-.555-1.42-1.297-1.654-2a.75.75 0 0 1 1.423-.474c.1.297.467.805 1.097 1.25"/><path d="M12.692 2.72c.452 1.13 1.219 2.153 2.13 3.167c.444.494.913.976 1.39 1.465l.031.033A48 48 0 0 1 17.678 8.9c.912 1.023 1.747 2.14 2.177 3.423c.412 1.232.434 2.572-.118 4.062l-.118.3c-1.23 2.952-4.138 4.937-7.311 5.058L12 21.75c-3.188 0-6.159-1.892-7.495-4.781l-.124-.284c-.67-1.61-.675-3.045-.235-4.359c.429-1.283 1.264-2.4 2.175-3.423c.455-.51.942-1.01 1.42-1.502l.014-.014c.487-.5.965-.994 1.419-1.5c.91-1.013 1.675-2.036 2.125-3.165l.05-.102a.75.75 0 0 1 1.342.1M9.808 16.514c-.63-.445-.998-.953-1.097-1.25a.75.75 0 1 0-1.423.474c.234.703.868 1.445 1.654 2c.756.534 1.739.957 2.836 1.008l.222.005l.076-.004a.75.75 0 0 0 0-1.492L12 17.25l-.303-.014c-.7-.064-1.355-.346-1.89-.723"/></g></svg> </template>
CSS
.icon-droplet-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%22M7.741%207.4c-.478.493-.965.994-1.42%201.503c-.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.058l.118-.3c.552-1.49.53-2.83.118-4.062c-.43-1.283-1.265-2.4-2.177-3.423a48%2048%200%200%200-1.435-1.516l-.031-.033m-6.404%209.16c.534.378%201.19.66%201.89.724l.302.014l.076.004a.75.75%200%200%201%200%201.492L12%2018.75l-.222-.005c-1.097-.05-2.08-.474-2.836-1.008c-.786-.555-1.42-1.297-1.654-2a.75.75%200%200%201%201.423-.474c.1.297.467.805%201.097%201.25%22%2F%3E%3Cpath%20d%3D%22M12.692%202.72c.452%201.13%201.219%202.153%202.13%203.167c.444.494.913.976%201.39%201.465l.031.033A48%2048%200%200%201%2017.678%208.9c.912%201.023%201.747%202.14%202.177%203.423c.412%201.232.434%202.572-.118%204.062l-.118.3c-1.23%202.952-4.138%204.937-7.311%205.058L12%2021.75c-3.188%200-6.159-1.892-7.495-4.781l-.124-.284c-.67-1.61-.675-3.045-.235-4.359c.429-1.283%201.264-2.4%202.175-3.423c.455-.51.942-1.01%201.42-1.502l.014-.014c.487-.5.965-.994%201.419-1.5c.91-1.013%201.675-2.036%202.125-3.165l.05-.102a.75.75%200%200%201%201.342.1M9.808%2016.514c-.63-.445-.998-.953-1.097-1.25a.75.75%200%201%200-1.423.474c.234.703.868%201.445%201.654%202c.756.534%201.739.957%202.836%201.008l.222.005l.076-.004a.75.75%200%200%200%200-1.492L12%2017.25l-.303-.014c-.7-.064-1.355-.346-1.89-.723%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%22M7.741%207.4c-.478.493-.965.994-1.42%201.503c-.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.058l.118-.3c.552-1.49.53-2.83.118-4.062c-.43-1.283-1.265-2.4-2.177-3.423a48%2048%200%200%200-1.435-1.516l-.031-.033m-6.404%209.16c.534.378%201.19.66%201.89.724l.302.014l.076.004a.75.75%200%200%201%200%201.492L12%2018.75l-.222-.005c-1.097-.05-2.08-.474-2.836-1.008c-.786-.555-1.42-1.297-1.654-2a.75.75%200%200%201%201.423-.474c.1.297.467.805%201.097%201.25%22%2F%3E%3Cpath%20d%3D%22M12.692%202.72c.452%201.13%201.219%202.153%202.13%203.167c.444.494.913.976%201.39%201.465l.031.033A48%2048%200%200%201%2017.678%208.9c.912%201.023%201.747%202.14%202.177%203.423c.412%201.232.434%202.572-.118%204.062l-.118.3c-1.23%202.952-4.138%204.937-7.311%205.058L12%2021.75c-3.188%200-6.159-1.892-7.495-4.781l-.124-.284c-.67-1.61-.675-3.045-.235-4.359c.429-1.283%201.264-2.4%202.175-3.423c.455-.51.942-1.01%201.42-1.502l.014-.014c.487-.5.965-.994%201.419-1.5c.91-1.013%201.675-2.036%202.125-3.165l.05-.102a.75.75%200%200%201%201.342.1M9.808%2016.514c-.63-.445-.998-.953-1.097-1.25a.75.75%200%201%200-1.423.474c.234.703.868%201.445%201.654%202c.756.534%201.739.957%202.836%201.008l.222.005l.076-.004a.75.75%200%200%200%200-1.492L12%2017.25l-.303-.014c-.7-.064-1.355-.346-1.89-.723%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/droplet-solid.svg?color=%231a73e8&size=48
