drop icon
drop from Reicon by REICON · Outline · UI · MIT Free for personal and commercial use.
- Name
- drop
- Set
- Reicon
- Style
- Outline
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All drop icons →More ui icons from Reicon
Use the drop 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.7 6.957a.75.75 0 1 0-.629-1.361c-1.965.908-3.48 2.715-4.171 4.901a.75.75 0 0 0 1.43.453c.577-1.825 1.825-3.278 3.37-3.993"/><path fill-rule="evenodd" d="M14.386 1.729a6.18 6.18 0 0 0-4.772 0C5.154 3.59 2.25 8.022 2.25 12.929v.264c0 5.262 4.175 9.557 9.362 9.557h.777c5.186 0 9.361-4.295 9.361-9.557v-.265c0-4.906-2.903-9.337-7.364-11.2m-4.194 1.384a4.68 4.68 0 0 1 3.616 0c3.888 1.623 6.442 5.498 6.442 9.815v.265c0 4.466-3.535 8.057-7.861 8.057h-.777c-4.326 0-7.862-3.591-7.862-8.057v-.265c0-4.317 2.554-8.192 6.442-9.815" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconDrop(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.7 6.957a.75.75 0 1 0-.629-1.361c-1.965.908-3.48 2.715-4.171 4.901a.75.75 0 0 0 1.43.453c.577-1.825 1.825-3.278 3.37-3.993"/><path fillRule="evenodd" d="M14.386 1.729a6.18 6.18 0 0 0-4.772 0C5.154 3.59 2.25 8.022 2.25 12.929v.264c0 5.262 4.175 9.557 9.362 9.557h.777c5.186 0 9.361-4.295 9.361-9.557v-.265c0-4.906-2.903-9.337-7.364-11.2m-4.194 1.384a4.68 4.68 0 0 1 3.616 0c3.888 1.623 6.442 5.498 6.442 9.815v.265c0 4.466-3.535 8.057-7.861 8.057h-.777c-4.326 0-7.862-3.591-7.862-8.057v-.265c0-4.317 2.554-8.192 6.442-9.815" clipRule="evenodd"/></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.7 6.957a.75.75 0 1 0-.629-1.361c-1.965.908-3.48 2.715-4.171 4.901a.75.75 0 0 0 1.43.453c.577-1.825 1.825-3.278 3.37-3.993"/><path fill-rule="evenodd" d="M14.386 1.729a6.18 6.18 0 0 0-4.772 0C5.154 3.59 2.25 8.022 2.25 12.929v.264c0 5.262 4.175 9.557 9.362 9.557h.777c5.186 0 9.361-4.295 9.361-9.557v-.265c0-4.906-2.903-9.337-7.364-11.2m-4.194 1.384a4.68 4.68 0 0 1 3.616 0c3.888 1.623 6.442 5.498 6.442 9.815v.265c0 4.466-3.535 8.057-7.861 8.057h-.777c-4.326 0-7.862-3.591-7.862-8.057v-.265c0-4.317 2.554-8.192 6.442-9.815" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-drop {
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.7%206.957a.75.75%200%201%200-.629-1.361c-1.965.908-3.48%202.715-4.171%204.901a.75.75%200%200%200%201.43.453c.577-1.825%201.825-3.278%203.37-3.993%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M14.386%201.729a6.18%206.18%200%200%200-4.772%200C5.154%203.59%202.25%208.022%202.25%2012.929v.264c0%205.262%204.175%209.557%209.362%209.557h.777c5.186%200%209.361-4.295%209.361-9.557v-.265c0-4.906-2.903-9.337-7.364-11.2m-4.194%201.384a4.68%204.68%200%200%201%203.616%200c3.888%201.623%206.442%205.498%206.442%209.815v.265c0%204.466-3.535%208.057-7.861%208.057h-.777c-4.326%200-7.862-3.591-7.862-8.057v-.265c0-4.317%202.554-8.192%206.442-9.815%22%20clip-rule%3D%22evenodd%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.7%206.957a.75.75%200%201%200-.629-1.361c-1.965.908-3.48%202.715-4.171%204.901a.75.75%200%200%200%201.43.453c.577-1.825%201.825-3.278%203.37-3.993%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M14.386%201.729a6.18%206.18%200%200%200-4.772%200C5.154%203.59%202.25%208.022%202.25%2012.929v.264c0%205.262%204.175%209.557%209.362%209.557h.777c5.186%200%209.361-4.295%209.361-9.557v-.265c0-4.906-2.903-9.337-7.364-11.2m-4.194%201.384a4.68%204.68%200%200%201%203.616%200c3.888%201.623%206.442%205.498%206.442%209.815v.265c0%204.466-3.535%208.057-7.861%208.057h-.777c-4.326%200-7.862-3.591-7.862-8.057v-.265c0-4.317%202.554-8.192%206.442-9.815%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/drop.svg?color=%231a73e8&size=48
