droplet icon
droplet from Reicon by REICON · Outline · Nature · MIT Free for personal and commercial use.
- Name
- droplet
- Set
- Reicon
- Style
- Outline
- Category
- Nature
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
All droplet icons →dropletBootstrap IconsdropletBoxIcons v2dropletBoxIcons v2 SoliddropletEmoji One (Colored)droplet-fillEva IconsdropletFont Awesome 6 SoliddropletFont Awesome SoliddropletFeather IconsdropletFluent EmojidropletFluent Emoji FlatdropletFluent Emoji High ContrastdropletFirefox OS EmojidropletHuge IconsdropletHumbleiconsdropletIconoirdropletKeyline IconsdropletLucidedropletMyna UI IconsdropletNoto EmojidropletOpenMojidropletStreamline EmojisdropletTabler IconsdropletTwitter Emoji
More nature icons from Reicon
Use the droplet 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.113 1.62a1.246 1.246 0 0 1 1.774 0c1.913 1.935 3.745 3.943 5.1 6.056c1.357 2.117 2.263 4.383 2.263 6.824c0 4.281-3.297 8.25-8.25 8.25s-8.25-3.969-8.25-8.25c0-2.441.906-4.707 2.263-6.824c1.354-2.113 3.187-4.121 5.1-6.055M12 2.858c-1.828 1.858-3.498 3.716-4.724 5.629C6.012 10.456 5.25 12.44 5.25 14.5c0 3.532 2.703 6.75 6.75 6.75s6.75-3.218 6.75-6.75c0-2.059-.762-4.043-2.026-6.014C15.498 6.573 13.827 4.715 12 2.857" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconDroplet(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.113 1.62a1.246 1.246 0 0 1 1.774 0c1.913 1.935 3.745 3.943 5.1 6.056c1.357 2.117 2.263 4.383 2.263 6.824c0 4.281-3.297 8.25-8.25 8.25s-8.25-3.969-8.25-8.25c0-2.441.906-4.707 2.263-6.824c1.354-2.113 3.187-4.121 5.1-6.055M12 2.858c-1.828 1.858-3.498 3.716-4.724 5.629C6.012 10.456 5.25 12.44 5.25 14.5c0 3.532 2.703 6.75 6.75 6.75s6.75-3.218 6.75-6.75c0-2.059-.762-4.043-2.026-6.014C15.498 6.573 13.827 4.715 12 2.857" 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.113 1.62a1.246 1.246 0 0 1 1.774 0c1.913 1.935 3.745 3.943 5.1 6.056c1.357 2.117 2.263 4.383 2.263 6.824c0 4.281-3.297 8.25-8.25 8.25s-8.25-3.969-8.25-8.25c0-2.441.906-4.707 2.263-6.824c1.354-2.113 3.187-4.121 5.1-6.055M12 2.858c-1.828 1.858-3.498 3.716-4.724 5.629C6.012 10.456 5.25 12.44 5.25 14.5c0 3.532 2.703 6.75 6.75 6.75s6.75-3.218 6.75-6.75c0-2.059-.762-4.043-2.026-6.014C15.498 6.573 13.827 4.715 12 2.857" clip-rule="evenodd"/></svg> </template>
CSS
.icon-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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.113%201.62a1.246%201.246%200%200%201%201.774%200c1.913%201.935%203.745%203.943%205.1%206.056c1.357%202.117%202.263%204.383%202.263%206.824c0%204.281-3.297%208.25-8.25%208.25s-8.25-3.969-8.25-8.25c0-2.441.906-4.707%202.263-6.824c1.354-2.113%203.187-4.121%205.1-6.055M12%202.858c-1.828%201.858-3.498%203.716-4.724%205.629C6.012%2010.456%205.25%2012.44%205.25%2014.5c0%203.532%202.703%206.75%206.75%206.75s6.75-3.218%206.75-6.75c0-2.059-.762-4.043-2.026-6.014C15.498%206.573%2013.827%204.715%2012%202.857%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.113%201.62a1.246%201.246%200%200%201%201.774%200c1.913%201.935%203.745%203.943%205.1%206.056c1.357%202.117%202.263%204.383%202.263%206.824c0%204.281-3.297%208.25-8.25%208.25s-8.25-3.969-8.25-8.25c0-2.441.906-4.707%202.263-6.824c1.354-2.113%203.187-4.121%205.1-6.055M12%202.858c-1.828%201.858-3.498%203.716-4.724%205.629C6.012%2010.456%205.25%2012.44%205.25%2014.5c0%203.532%202.703%206.75%206.75%206.75s6.75-3.218%206.75-6.75c0-2.059-.762-4.043-2.026-6.014C15.498%206.573%2013.827%204.715%2012%202.857%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/reicon/droplet.svg?color=%231a73e8&size=48
