flower icon
flower from Myna UI Icons by Praveen Juge · Regular · MIT Free for personal and commercial use.
- Name
- flower
- Set
- Myna UI Icons
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
The same icon in other sets
Related icons in Myna UI Icons
Use the flower icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11 10c-.679-1.266-1.75-3.272-1.75-4.28C9.25 4.228 10.515 3 12 3s2.75 1.227 2.75 2.72c0 1.008-1.071 3.014-1.75 4.28m.319.184c.757-1.221 1.958-3.151 2.83-3.655c1.295-.747 2.99-.265 3.732 1.021c.743 1.286.313 2.995-.981 3.742c-.873.504-3.145.579-4.581.624m0 .368c1.435.045 3.708.12 4.58.624c1.295.747 1.725 2.456.982 3.742s-2.437 1.768-3.731 1.021c-.873-.504-2.074-2.434-2.831-3.655M13 14.2c.679 1.266 1.75 3.272 1.75 4.28c0 1.494-1.264 2.72-2.75 2.72s-2.75-1.226-2.75-2.72c0-1.008 1.071-3.014 1.75-4.28m-.319-.184c-.757 1.221-1.958 3.151-2.83 3.655c-1.295.747-2.99.265-3.732-1.021c-.743-1.286-.313-2.995.981-3.742c.873-.504 3.146-.579 4.581-.624m0-.368c-1.435-.045-3.708-.12-4.58-.624c-1.295-.747-1.725-2.456-.982-3.742S6.556 5.782 7.85 6.529c.873.504 2.074 2.434 2.831 3.655M14 12a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/></svg>
React
import type { SVGProps } from "react";
export function MynauiFlower(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M11 10c-.679-1.266-1.75-3.272-1.75-4.28C9.25 4.228 10.515 3 12 3s2.75 1.227 2.75 2.72c0 1.008-1.071 3.014-1.75 4.28m.319.184c.757-1.221 1.958-3.151 2.83-3.655c1.295-.747 2.99-.265 3.732 1.021c.743 1.286.313 2.995-.981 3.742c-.873.504-3.145.579-4.581.624m0 .368c1.435.045 3.708.12 4.58.624c1.295.747 1.725 2.456.982 3.742s-2.437 1.768-3.731 1.021c-.873-.504-2.074-2.434-2.831-3.655M13 14.2c.679 1.266 1.75 3.272 1.75 4.28c0 1.494-1.264 2.72-2.75 2.72s-2.75-1.226-2.75-2.72c0-1.008 1.071-3.014 1.75-4.28m-.319-.184c-.757 1.221-1.958 3.151-2.83 3.655c-1.295.747-2.99.265-3.732-1.021c-.743-1.286-.313-2.995.981-3.742c.873-.504 3.146-.579 4.581-.624m0-.368c-1.435-.045-3.708-.12-4.58-.624c-1.295-.747-1.725-2.456-.982-3.742S6.556 5.782 7.85 6.529c.873.504 2.074 2.434 2.831 3.655M14 12a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11 10c-.679-1.266-1.75-3.272-1.75-4.28C9.25 4.228 10.515 3 12 3s2.75 1.227 2.75 2.72c0 1.008-1.071 3.014-1.75 4.28m.319.184c.757-1.221 1.958-3.151 2.83-3.655c1.295-.747 2.99-.265 3.732 1.021c.743 1.286.313 2.995-.981 3.742c-.873.504-3.145.579-4.581.624m0 .368c1.435.045 3.708.12 4.58.624c1.295.747 1.725 2.456.982 3.742s-2.437 1.768-3.731 1.021c-.873-.504-2.074-2.434-2.831-3.655M13 14.2c.679 1.266 1.75 3.272 1.75 4.28c0 1.494-1.264 2.72-2.75 2.72s-2.75-1.226-2.75-2.72c0-1.008 1.071-3.014 1.75-4.28m-.319-.184c-.757 1.221-1.958 3.151-2.83 3.655c-1.295.747-2.99.265-3.732-1.021c-.743-1.286-.313-2.995.981-3.742c.873-.504 3.146-.579 4.581-.624m0-.368c-1.435-.045-3.708-.12-4.58-.624c-1.295-.747-1.725-2.456-.982-3.742S6.556 5.782 7.85 6.529c.873.504 2.074 2.434 2.831 3.655M14 12a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/></svg> </template>
CSS
.icon-flower {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M11%2010c-.679-1.266-1.75-3.272-1.75-4.28C9.25%204.228%2010.515%203%2012%203s2.75%201.227%202.75%202.72c0%201.008-1.071%203.014-1.75%204.28m.319.184c.757-1.221%201.958-3.151%202.83-3.655c1.295-.747%202.99-.265%203.732%201.021c.743%201.286.313%202.995-.981%203.742c-.873.504-3.145.579-4.581.624m0%20.368c1.435.045%203.708.12%204.58.624c1.295.747%201.725%202.456.982%203.742s-2.437%201.768-3.731%201.021c-.873-.504-2.074-2.434-2.831-3.655M13%2014.2c.679%201.266%201.75%203.272%201.75%204.28c0%201.494-1.264%202.72-2.75%202.72s-2.75-1.226-2.75-2.72c0-1.008%201.071-3.014%201.75-4.28m-.319-.184c-.757%201.221-1.958%203.151-2.83%203.655c-1.295.747-2.99.265-3.732-1.021c-.743-1.286-.313-2.995.981-3.742c.873-.504%203.146-.579%204.581-.624m0-.368c-1.435-.045-3.708-.12-4.58-.624c-1.295-.747-1.725-2.456-.982-3.742S6.556%205.782%207.85%206.529c.873.504%202.074%202.434%202.831%203.655M14%2012a2%202%200%201%201-4%200a2%202%200%200%201%204%200%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M11%2010c-.679-1.266-1.75-3.272-1.75-4.28C9.25%204.228%2010.515%203%2012%203s2.75%201.227%202.75%202.72c0%201.008-1.071%203.014-1.75%204.28m.319.184c.757-1.221%201.958-3.151%202.83-3.655c1.295-.747%202.99-.265%203.732%201.021c.743%201.286.313%202.995-.981%203.742c-.873.504-3.145.579-4.581.624m0%20.368c1.435.045%203.708.12%204.58.624c1.295.747%201.725%202.456.982%203.742s-2.437%201.768-3.731%201.021c-.873-.504-2.074-2.434-2.831-3.655M13%2014.2c.679%201.266%201.75%203.272%201.75%204.28c0%201.494-1.264%202.72-2.75%202.72s-2.75-1.226-2.75-2.72c0-1.008%201.071-3.014%201.75-4.28m-.319-.184c-.757%201.221-1.958%203.151-2.83%203.655c-1.295.747-2.99.265-3.732-1.021c-.743-1.286-.313-2.995.981-3.742c.873-.504%203.146-.579%204.581-.624m0-.368c-1.435-.045-3.708-.12-4.58-.624c-1.295-.747-1.725-2.456-.982-3.742S6.556%205.782%207.85%206.529c.873.504%202.074%202.434%202.831%203.655M14%2012a2%202%200%201%201-4%200a2%202%200%200%201%204%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/flower.svg?color=%231a73e8&size=48
