flower2 icon
flower2 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- flower2
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the flower2 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-linejoin="round" stroke-width="1.5"><path d="M12 2c1.244 0 2.288.912 2.582 2.083l.056.22c.085.298.156.354.466.363h.23a2.667 2.667 0 0 1 2.087 4.327c-.386.485-.58.728-.606.833s.03.412.142 1.026q.042.235.043.481a2.667 2.667 0 0 1-3.68 2.468c-.814-.335-1.221-.502-1.32-.502s-.506.167-1.32.502a2.667 2.667 0 0 1-3.636-2.95c.111-.613.167-.92.141-1.025s-.22-.348-.606-.833a2.667 2.667 0 0 1 2.088-4.326h.23c.309-.01.38-.066.465-.364l.056-.22C9.712 2.912 10.756 2 12 2Z"/><path stroke-linecap="round" d="M12 10a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3m0 4v8m6.613-3.052c-.71 1.596-2.357 2.567-4.62 2.91c-.909.139-1.364.208-1.723-.263c-.36-.471-.2-.828.117-1.542c.71-1.597 2.357-2.567 4.619-2.911c.91-.139 1.364-.208 1.723.264c.36.47.201.828-.116 1.542"/><path stroke-linecap="round" d="M5.387 18.948c.71 1.596 2.357 2.567 4.619 2.91c.91.139 1.364.208 1.723-.263c.36-.471.201-.828-.116-1.542c-.71-1.597-2.357-2.567-4.62-2.911c-.909-.139-1.363-.208-1.723.264c-.36.47-.2.828.117 1.542"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsFlower2(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" strokeLinejoin="round" strokeWidth="1.5"><path d="M12 2c1.244 0 2.288.912 2.582 2.083l.056.22c.085.298.156.354.466.363h.23a2.667 2.667 0 0 1 2.087 4.327c-.386.485-.58.728-.606.833s.03.412.142 1.026q.042.235.043.481a2.667 2.667 0 0 1-3.68 2.468c-.814-.335-1.221-.502-1.32-.502s-.506.167-1.32.502a2.667 2.667 0 0 1-3.636-2.95c.111-.613.167-.92.141-1.025s-.22-.348-.606-.833a2.667 2.667 0 0 1 2.088-4.326h.23c.309-.01.38-.066.465-.364l.056-.22C9.712 2.912 10.756 2 12 2Z"/><path strokeLinecap="round" d="M12 10a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3m0 4v8m6.613-3.052c-.71 1.596-2.357 2.567-4.62 2.91c-.909.139-1.364.208-1.723-.263c-.36-.471-.2-.828.117-1.542c.71-1.597 2.357-2.567 4.619-2.911c.91-.139 1.364-.208 1.723.264c.36.47.201.828-.116 1.542"/><path strokeLinecap="round" d="M5.387 18.948c.71 1.596 2.357 2.567 4.619 2.91c.91.139 1.364.208 1.723-.263c.36-.471.201-.828-.116-1.542c-.71-1.597-2.357-2.567-4.62-2.911c-.909-.139-1.363-.208-1.723.264c-.36.47-.2.828.117 1.542"/></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-linejoin="round" stroke-width="1.5"><path d="M12 2c1.244 0 2.288.912 2.582 2.083l.056.22c.085.298.156.354.466.363h.23a2.667 2.667 0 0 1 2.087 4.327c-.386.485-.58.728-.606.833s.03.412.142 1.026q.042.235.043.481a2.667 2.667 0 0 1-3.68 2.468c-.814-.335-1.221-.502-1.32-.502s-.506.167-1.32.502a2.667 2.667 0 0 1-3.636-2.95c.111-.613.167-.92.141-1.025s-.22-.348-.606-.833a2.667 2.667 0 0 1 2.088-4.326h.23c.309-.01.38-.066.465-.364l.056-.22C9.712 2.912 10.756 2 12 2Z"/><path stroke-linecap="round" d="M12 10a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3m0 4v8m6.613-3.052c-.71 1.596-2.357 2.567-4.62 2.91c-.909.139-1.364.208-1.723-.263c-.36-.471-.2-.828.117-1.542c.71-1.597 2.357-2.567 4.619-2.911c.91-.139 1.364-.208 1.723.264c.36.47.201.828-.116 1.542"/><path stroke-linecap="round" d="M5.387 18.948c.71 1.596 2.357 2.567 4.619 2.91c.91.139 1.364.208 1.723-.263c.36-.471.201-.828-.116-1.542c-.71-1.597-2.357-2.567-4.62-2.911c-.909-.139-1.363-.208-1.723.264c-.36.47-.2.828.117 1.542"/></g></svg> </template>
CSS
.icon-flower2 {
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-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M12%202c1.244%200%202.288.912%202.582%202.083l.056.22c.085.298.156.354.466.363h.23a2.667%202.667%200%200%201%202.087%204.327c-.386.485-.58.728-.606.833s.03.412.142%201.026q.042.235.043.481a2.667%202.667%200%200%201-3.68%202.468c-.814-.335-1.221-.502-1.32-.502s-.506.167-1.32.502a2.667%202.667%200%200%201-3.636-2.95c.111-.613.167-.92.141-1.025s-.22-.348-.606-.833a2.667%202.667%200%200%201%202.088-4.326h.23c.309-.01.38-.066.465-.364l.056-.22C9.712%202.912%2010.756%202%2012%202Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M12%2010a1.5%201.5%200%201%200%200-3a1.5%201.5%200%200%200%200%203m0%204v8m6.613-3.052c-.71%201.596-2.357%202.567-4.62%202.91c-.909.139-1.364.208-1.723-.263c-.36-.471-.2-.828.117-1.542c.71-1.597%202.357-2.567%204.619-2.911c.91-.139%201.364-.208%201.723.264c.36.47.201.828-.116%201.542%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M5.387%2018.948c.71%201.596%202.357%202.567%204.619%202.91c.91.139%201.364.208%201.723-.263c.36-.471.201-.828-.116-1.542c-.71-1.597-2.357-2.567-4.62-2.911c-.909-.139-1.363-.208-1.723.264c-.36.47-.2.828.117%201.542%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-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M12%202c1.244%200%202.288.912%202.582%202.083l.056.22c.085.298.156.354.466.363h.23a2.667%202.667%200%200%201%202.087%204.327c-.386.485-.58.728-.606.833s.03.412.142%201.026q.042.235.043.481a2.667%202.667%200%200%201-3.68%202.468c-.814-.335-1.221-.502-1.32-.502s-.506.167-1.32.502a2.667%202.667%200%200%201-3.636-2.95c.111-.613.167-.92.141-1.025s-.22-.348-.606-.833a2.667%202.667%200%200%201%202.088-4.326h.23c.309-.01.38-.066.465-.364l.056-.22C9.712%202.912%2010.756%202%2012%202Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M12%2010a1.5%201.5%200%201%200%200-3a1.5%201.5%200%200%200%200%203m0%204v8m6.613-3.052c-.71%201.596-2.357%202.567-4.62%202.91c-.909.139-1.364.208-1.723-.263c-.36-.471-.2-.828.117-1.542c.71-1.597%202.357-2.567%204.619-2.911c.91-.139%201.364-.208%201.723.264c.36.47.201.828-.116%201.542%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M5.387%2018.948c.71%201.596%202.357%202.567%204.619%202.91c.91.139%201.364.208%201.723-.263c.36-.471.201-.828-.116-1.542c-.71-1.597-2.357-2.567-4.62-2.911c-.909-.139-1.363-.208-1.723.264c-.36.47-.2.828.117%201.542%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/flower2.svg?color=%231a73e8&size=48
