droplet off icon
droplet-off-duotone from Keyline Icons by Keyline Icons · Duotone · MIT Free for personal and commercial use.
- Name
- droplet-off-duotone
- Set
- Keyline Icons
- Style
- Duotone
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
Use the droplet off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M9.4815 4.0247L10.4 2.8C10.7777 2.2965 11.3703 2 12 2C12.6297 2 13.2223 2.2965 13.5999 2.7999L18.4 9.2C19.2768 10.369 19.8167 11.756 19.9609 13.2103C20.0536 14.1451 18.9229 14.6803 18.2587 14.0161L9.5744 5.3318C9.2225 4.9799 9.1829 4.4228 9.4815 4.0247ZM18.5678 18.5678C17.0723 20.718 14.6191 22 12 22C7.5817 22 4 18.4183 4 14C4 12.269 4.5614 10.5847 5.6 9.2L7.1429 7.1429Z" stroke="none"/><path d="M2 2L22 22"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsDropletOffDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" fillOpacity=".4" d="M9.4815 4.0247L10.4 2.8C10.7777 2.2965 11.3703 2 12 2C12.6297 2 13.2223 2.2965 13.5999 2.7999L18.4 9.2C19.2768 10.369 19.8167 11.756 19.9609 13.2103C20.0536 14.1451 18.9229 14.6803 18.2587 14.0161L9.5744 5.3318C9.2225 4.9799 9.1829 4.4228 9.4815 4.0247ZM18.5678 18.5678C17.0723 20.718 14.6191 22 12 22C7.5817 22 4 18.4183 4 14C4 12.269 4.5614 10.5847 5.6 9.2L7.1429 7.1429Z" stroke="none"/><path d="M2 2L22 22"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M9.4815 4.0247L10.4 2.8C10.7777 2.2965 11.3703 2 12 2C12.6297 2 13.2223 2.2965 13.5999 2.7999L18.4 9.2C19.2768 10.369 19.8167 11.756 19.9609 13.2103C20.0536 14.1451 18.9229 14.6803 18.2587 14.0161L9.5744 5.3318C9.2225 4.9799 9.1829 4.4228 9.4815 4.0247ZM18.5678 18.5678C17.0723 20.718 14.6191 22 12 22C7.5817 22 4 18.4183 4 14C4 12.269 4.5614 10.5847 5.6 9.2L7.1429 7.1429Z" stroke="none"/><path d="M2 2L22 22"/></g></svg> </template>
CSS
.icon-droplet-off-duotone {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M9.4815%204.0247L10.4%202.8C10.7777%202.2965%2011.3703%202%2012%202C12.6297%202%2013.2223%202.2965%2013.5999%202.7999L18.4%209.2C19.2768%2010.369%2019.8167%2011.756%2019.9609%2013.2103C20.0536%2014.1451%2018.9229%2014.6803%2018.2587%2014.0161L9.5744%205.3318C9.2225%204.9799%209.1829%204.4228%209.4815%204.0247ZM18.5678%2018.5678C17.0723%2020.718%2014.6191%2022%2012%2022C7.5817%2022%204%2018.4183%204%2014C4%2012.269%204.5614%2010.5847%205.6%209.2L7.1429%207.1429Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M2%202L22%2022%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M9.4815%204.0247L10.4%202.8C10.7777%202.2965%2011.3703%202%2012%202C12.6297%202%2013.2223%202.2965%2013.5999%202.7999L18.4%209.2C19.2768%2010.369%2019.8167%2011.756%2019.9609%2013.2103C20.0536%2014.1451%2018.9229%2014.6803%2018.2587%2014.0161L9.5744%205.3318C9.2225%204.9799%209.1829%204.4228%209.4815%204.0247ZM18.5678%2018.5678C17.0723%2020.718%2014.6191%2022%2012%2022C7.5817%2022%204%2018.4183%204%2014C4%2012.269%204.5614%2010.5847%205.6%209.2L7.1429%207.1429Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M2%202L22%2022%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/droplet-off-duotone.svg?color=%231a73e8&size=48
