flower off icon
flower-off from Tabler Icons by Paweł Kuna · Outline · MIT Free for personal and commercial use.
- Name
- flower-off
- Set
- Tabler Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
Use the flower 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 d="M9.875 9.882a3 3 0 0 0 4.247 4.238m.581-3.423a3 3 0 0 0-1.418-1.409"/><path d="M9 5a3 3 0 0 1 6 0q0 .843-.776 2.64L13.5 9l1.76-1.893q.748-.899 1.27-1.205a2.97 2.97 0 0 1 4.07 1.099a3.01 3.01 0 0 1-1.09 4.098q-.561.326-1.846.535l-1.779.244m.292.282l1.223.166c1 .145 1.698.337 2.11.576a3.01 3.01 0 0 1 1.226 3.832m-2.277 1.733a2.97 2.97 0 0 1-1.929-.369q-.522-.303-1.27-1.205L13.5 15l.724 1.36q.775 1.799.776 2.64a3 3 0 0 1-6 0q0-.843.776-2.64L10.5 15l-1.76 1.893q-.748.9-1.27 1.205A2.97 2.97 0 0 1 3.4 17a3.01 3.01 0 0 1 1.09-4.098q.561-.326 1.846-.536L9 12l-2.4-.325c-1-.145-1.698-.337-2.11-.576A3.01 3.01 0 0 1 3.4 7a2.97 2.97 0 0 1 2.134-1.467M3 3l18 18"/></g></svg>
React
import type { SVGProps } from "react";
export function TablerFlowerOff(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 d="M9.875 9.882a3 3 0 0 0 4.247 4.238m.581-3.423a3 3 0 0 0-1.418-1.409"/><path d="M9 5a3 3 0 0 1 6 0q0 .843-.776 2.64L13.5 9l1.76-1.893q.748-.899 1.27-1.205a2.97 2.97 0 0 1 4.07 1.099a3.01 3.01 0 0 1-1.09 4.098q-.561.326-1.846.535l-1.779.244m.292.282l1.223.166c1 .145 1.698.337 2.11.576a3.01 3.01 0 0 1 1.226 3.832m-2.277 1.733a2.97 2.97 0 0 1-1.929-.369q-.522-.303-1.27-1.205L13.5 15l.724 1.36q.775 1.799.776 2.64a3 3 0 0 1-6 0q0-.843.776-2.64L10.5 15l-1.76 1.893q-.748.9-1.27 1.205A2.97 2.97 0 0 1 3.4 17a3.01 3.01 0 0 1 1.09-4.098q.561-.326 1.846-.536L9 12l-2.4-.325c-1-.145-1.698-.337-2.11-.576A3.01 3.01 0 0 1 3.4 7a2.97 2.97 0 0 1 2.134-1.467M3 3l18 18"/></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 d="M9.875 9.882a3 3 0 0 0 4.247 4.238m.581-3.423a3 3 0 0 0-1.418-1.409"/><path d="M9 5a3 3 0 0 1 6 0q0 .843-.776 2.64L13.5 9l1.76-1.893q.748-.899 1.27-1.205a2.97 2.97 0 0 1 4.07 1.099a3.01 3.01 0 0 1-1.09 4.098q-.561.326-1.846.535l-1.779.244m.292.282l1.223.166c1 .145 1.698.337 2.11.576a3.01 3.01 0 0 1 1.226 3.832m-2.277 1.733a2.97 2.97 0 0 1-1.929-.369q-.522-.303-1.27-1.205L13.5 15l.724 1.36q.775 1.799.776 2.64a3 3 0 0 1-6 0q0-.843.776-2.64L10.5 15l-1.76 1.893q-.748.9-1.27 1.205A2.97 2.97 0 0 1 3.4 17a3.01 3.01 0 0 1 1.09-4.098q.561-.326 1.846-.536L9 12l-2.4-.325c-1-.145-1.698-.337-2.11-.576A3.01 3.01 0 0 1 3.4 7a2.97 2.97 0 0 1 2.134-1.467M3 3l18 18"/></g></svg> </template>
CSS
.icon-flower-off {
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%20d%3D%22M9.875%209.882a3%203%200%200%200%204.247%204.238m.581-3.423a3%203%200%200%200-1.418-1.409%22%2F%3E%3Cpath%20d%3D%22M9%205a3%203%200%200%201%206%200q0%20.843-.776%202.64L13.5%209l1.76-1.893q.748-.899%201.27-1.205a2.97%202.97%200%200%201%204.07%201.099a3.01%203.01%200%200%201-1.09%204.098q-.561.326-1.846.535l-1.779.244m.292.282l1.223.166c1%20.145%201.698.337%202.11.576a3.01%203.01%200%200%201%201.226%203.832m-2.277%201.733a2.97%202.97%200%200%201-1.929-.369q-.522-.303-1.27-1.205L13.5%2015l.724%201.36q.775%201.799.776%202.64a3%203%200%200%201-6%200q0-.843.776-2.64L10.5%2015l-1.76%201.893q-.748.9-1.27%201.205A2.97%202.97%200%200%201%203.4%2017a3.01%203.01%200%200%201%201.09-4.098q.561-.326%201.846-.536L9%2012l-2.4-.325c-1-.145-1.698-.337-2.11-.576A3.01%203.01%200%200%201%203.4%207a2.97%202.97%200%200%201%202.134-1.467M3%203l18%2018%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%20d%3D%22M9.875%209.882a3%203%200%200%200%204.247%204.238m.581-3.423a3%203%200%200%200-1.418-1.409%22%2F%3E%3Cpath%20d%3D%22M9%205a3%203%200%200%201%206%200q0%20.843-.776%202.64L13.5%209l1.76-1.893q.748-.899%201.27-1.205a2.97%202.97%200%200%201%204.07%201.099a3.01%203.01%200%200%201-1.09%204.098q-.561.326-1.846.535l-1.779.244m.292.282l1.223.166c1%20.145%201.698.337%202.11.576a3.01%203.01%200%200%201%201.226%203.832m-2.277%201.733a2.97%202.97%200%200%201-1.929-.369q-.522-.303-1.27-1.205L13.5%2015l.724%201.36q.775%201.799.776%202.64a3%203%200%200%201-6%200q0-.843.776-2.64L10.5%2015l-1.76%201.893q-.748.9-1.27%201.205A2.97%202.97%200%200%201%203.4%2017a3.01%203.01%200%200%201%201.09-4.098q.561-.326%201.846-.536L9%2012l-2.4-.325c-1-.145-1.698-.337-2.11-.576A3.01%203.01%200%200%201%203.4%207a2.97%202.97%200%200%201%202.134-1.467M3%203l18%2018%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tabler/flower-off.svg?color=%231a73e8&size=48
