flower3 icon
flower3 from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.
- Name
- flower3
- Set
- Bootstrap Icons
- Style
- Outline
- Viewbox
- 16×16
- License
- MIT
Use the flower3 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M11.424 8c.437-.052.811-.136 1.04-.268a2 2 0 0 0-2-3.464c-.229.132-.489.414-.752.767C9.886 4.63 10 4.264 10 4a2 2 0 1 0-4 0c0 .264.114.63.288 1.035c-.263-.353-.523-.635-.752-.767a2 2 0 0 0-2 3.464c.229.132.603.216 1.04.268c-.437.052-.811.136-1.04.268a2 2 0 1 0 2 3.464c.229-.132.489-.414.752-.767C6.114 11.37 6 11.736 6 12a2 2 0 1 0 4 0c0-.264-.114-.63-.288-1.035c.263.353.523.635.752.767a2 2 0 1 0 2-3.464c-.229-.132-.603-.216-1.04-.268M9 4a2 2 0 0 1-.045.205q-.059.2-.183.484a13 13 0 0 1-.637 1.223L8 6.142l-.135-.23a13 13 0 0 1-.637-1.223a4 4 0 0 1-.183-.484A2 2 0 0 1 7 4a1 1 0 1 1 2 0M3.67 5.5a1 1 0 0 1 1.366-.366a2 2 0 0 1 .156.142q.142.15.326.4c.245.333.502.747.742 1.163l.13.232l-.265.002a13 13 0 0 1-1.379-.06a4 4 0 0 1-.51-.083a2 2 0 0 1-.2-.064A1 1 0 0 1 3.67 5.5m1.366 5.366a1 1 0 0 1-1-1.732l.047-.02q.055-.02.153-.044q.202-.048.51-.083a13 13 0 0 1 1.379-.06q.135 0 .266.002l-.131.232c-.24.416-.497.83-.742 1.163a4 4 0 0 1-.327.4a2 2 0 0 1-.155.142M9 12a1 1 0 0 1-2 0a2 2 0 0 1 .045-.206q.058-.198.183-.483c.166-.378.396-.808.637-1.223L8 9.858l.135.23c.241.415.47.845.637 1.223q.124.285.183.484A1.3 1.3 0 0 1 9 12m3.33-6.5a1 1 0 0 1-.366 1.366a2 2 0 0 1-.2.064q-.202.048-.51.083c-.412.045-.898.061-1.379.06q-.135 0-.266-.002l.131-.232c.24-.416.497-.83.742-1.163a4 4 0 0 1 .327-.4q.07-.074.114-.11l.041-.032a1 1 0 0 1 1.366.366m-1.366 5.366a2 2 0 0 1-.155-.141a4 4 0 0 1-.327-.4A13 13 0 0 1 9.74 9.16l-.13-.232l.265-.002c.48-.001.967.015 1.379.06q.308.035.51.083q.098.024.153.044l.048.02a1 1 0 1 1-1 1.732zM8 9a1 1 0 1 1 0-2a1 1 0 0 1 0 2"/></svg>
React
import type { SVGProps } from "react";
export function BiFlower3(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M11.424 8c.437-.052.811-.136 1.04-.268a2 2 0 0 0-2-3.464c-.229.132-.489.414-.752.767C9.886 4.63 10 4.264 10 4a2 2 0 1 0-4 0c0 .264.114.63.288 1.035c-.263-.353-.523-.635-.752-.767a2 2 0 0 0-2 3.464c.229.132.603.216 1.04.268c-.437.052-.811.136-1.04.268a2 2 0 1 0 2 3.464c.229-.132.489-.414.752-.767C6.114 11.37 6 11.736 6 12a2 2 0 1 0 4 0c0-.264-.114-.63-.288-1.035c.263.353.523.635.752.767a2 2 0 1 0 2-3.464c-.229-.132-.603-.216-1.04-.268M9 4a2 2 0 0 1-.045.205q-.059.2-.183.484a13 13 0 0 1-.637 1.223L8 6.142l-.135-.23a13 13 0 0 1-.637-1.223a4 4 0 0 1-.183-.484A2 2 0 0 1 7 4a1 1 0 1 1 2 0M3.67 5.5a1 1 0 0 1 1.366-.366a2 2 0 0 1 .156.142q.142.15.326.4c.245.333.502.747.742 1.163l.13.232l-.265.002a13 13 0 0 1-1.379-.06a4 4 0 0 1-.51-.083a2 2 0 0 1-.2-.064A1 1 0 0 1 3.67 5.5m1.366 5.366a1 1 0 0 1-1-1.732l.047-.02q.055-.02.153-.044q.202-.048.51-.083a13 13 0 0 1 1.379-.06q.135 0 .266.002l-.131.232c-.24.416-.497.83-.742 1.163a4 4 0 0 1-.327.4a2 2 0 0 1-.155.142M9 12a1 1 0 0 1-2 0a2 2 0 0 1 .045-.206q.058-.198.183-.483c.166-.378.396-.808.637-1.223L8 9.858l.135.23c.241.415.47.845.637 1.223q.124.285.183.484A1.3 1.3 0 0 1 9 12m3.33-6.5a1 1 0 0 1-.366 1.366a2 2 0 0 1-.2.064q-.202.048-.51.083c-.412.045-.898.061-1.379.06q-.135 0-.266-.002l.131-.232c.24-.416.497-.83.742-1.163a4 4 0 0 1 .327-.4q.07-.074.114-.11l.041-.032a1 1 0 0 1 1.366.366m-1.366 5.366a2 2 0 0 1-.155-.141a4 4 0 0 1-.327-.4A13 13 0 0 1 9.74 9.16l-.13-.232l.265-.002c.48-.001.967.015 1.379.06q.308.035.51.083q.098.024.153.044l.048.02a1 1 0 1 1-1 1.732zM8 9a1 1 0 1 1 0-2a1 1 0 0 1 0 2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M11.424 8c.437-.052.811-.136 1.04-.268a2 2 0 0 0-2-3.464c-.229.132-.489.414-.752.767C9.886 4.63 10 4.264 10 4a2 2 0 1 0-4 0c0 .264.114.63.288 1.035c-.263-.353-.523-.635-.752-.767a2 2 0 0 0-2 3.464c.229.132.603.216 1.04.268c-.437.052-.811.136-1.04.268a2 2 0 1 0 2 3.464c.229-.132.489-.414.752-.767C6.114 11.37 6 11.736 6 12a2 2 0 1 0 4 0c0-.264-.114-.63-.288-1.035c.263.353.523.635.752.767a2 2 0 1 0 2-3.464c-.229-.132-.603-.216-1.04-.268M9 4a2 2 0 0 1-.045.205q-.059.2-.183.484a13 13 0 0 1-.637 1.223L8 6.142l-.135-.23a13 13 0 0 1-.637-1.223a4 4 0 0 1-.183-.484A2 2 0 0 1 7 4a1 1 0 1 1 2 0M3.67 5.5a1 1 0 0 1 1.366-.366a2 2 0 0 1 .156.142q.142.15.326.4c.245.333.502.747.742 1.163l.13.232l-.265.002a13 13 0 0 1-1.379-.06a4 4 0 0 1-.51-.083a2 2 0 0 1-.2-.064A1 1 0 0 1 3.67 5.5m1.366 5.366a1 1 0 0 1-1-1.732l.047-.02q.055-.02.153-.044q.202-.048.51-.083a13 13 0 0 1 1.379-.06q.135 0 .266.002l-.131.232c-.24.416-.497.83-.742 1.163a4 4 0 0 1-.327.4a2 2 0 0 1-.155.142M9 12a1 1 0 0 1-2 0a2 2 0 0 1 .045-.206q.058-.198.183-.483c.166-.378.396-.808.637-1.223L8 9.858l.135.23c.241.415.47.845.637 1.223q.124.285.183.484A1.3 1.3 0 0 1 9 12m3.33-6.5a1 1 0 0 1-.366 1.366a2 2 0 0 1-.2.064q-.202.048-.51.083c-.412.045-.898.061-1.379.06q-.135 0-.266-.002l.131-.232c.24-.416.497-.83.742-1.163a4 4 0 0 1 .327-.4q.07-.074.114-.11l.041-.032a1 1 0 0 1 1.366.366m-1.366 5.366a2 2 0 0 1-.155-.141a4 4 0 0 1-.327-.4A13 13 0 0 1 9.74 9.16l-.13-.232l.265-.002c.48-.001.967.015 1.379.06q.308.035.51.083q.098.024.153.044l.048.02a1 1 0 1 1-1 1.732zM8 9a1 1 0 1 1 0-2a1 1 0 0 1 0 2"/></svg> </template>
CSS
.icon-flower3 {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.424%208c.437-.052.811-.136%201.04-.268a2%202%200%200%200-2-3.464c-.229.132-.489.414-.752.767C9.886%204.63%2010%204.264%2010%204a2%202%200%201%200-4%200c0%20.264.114.63.288%201.035c-.263-.353-.523-.635-.752-.767a2%202%200%200%200-2%203.464c.229.132.603.216%201.04.268c-.437.052-.811.136-1.04.268a2%202%200%201%200%202%203.464c.229-.132.489-.414.752-.767C6.114%2011.37%206%2011.736%206%2012a2%202%200%201%200%204%200c0-.264-.114-.63-.288-1.035c.263.353.523.635.752.767a2%202%200%201%200%202-3.464c-.229-.132-.603-.216-1.04-.268M9%204a2%202%200%200%201-.045.205q-.059.2-.183.484a13%2013%200%200%201-.637%201.223L8%206.142l-.135-.23a13%2013%200%200%201-.637-1.223a4%204%200%200%201-.183-.484A2%202%200%200%201%207%204a1%201%200%201%201%202%200M3.67%205.5a1%201%200%200%201%201.366-.366a2%202%200%200%201%20.156.142q.142.15.326.4c.245.333.502.747.742%201.163l.13.232l-.265.002a13%2013%200%200%201-1.379-.06a4%204%200%200%201-.51-.083a2%202%200%200%201-.2-.064A1%201%200%200%201%203.67%205.5m1.366%205.366a1%201%200%200%201-1-1.732l.047-.02q.055-.02.153-.044q.202-.048.51-.083a13%2013%200%200%201%201.379-.06q.135%200%20.266.002l-.131.232c-.24.416-.497.83-.742%201.163a4%204%200%200%201-.327.4a2%202%200%200%201-.155.142M9%2012a1%201%200%200%201-2%200a2%202%200%200%201%20.045-.206q.058-.198.183-.483c.166-.378.396-.808.637-1.223L8%209.858l.135.23c.241.415.47.845.637%201.223q.124.285.183.484A1.3%201.3%200%200%201%209%2012m3.33-6.5a1%201%200%200%201-.366%201.366a2%202%200%200%201-.2.064q-.202.048-.51.083c-.412.045-.898.061-1.379.06q-.135%200-.266-.002l.131-.232c.24-.416.497-.83.742-1.163a4%204%200%200%201%20.327-.4q.07-.074.114-.11l.041-.032a1%201%200%200%201%201.366.366m-1.366%205.366a2%202%200%200%201-.155-.141a4%204%200%200%201-.327-.4A13%2013%200%200%201%209.74%209.16l-.13-.232l.265-.002c.48-.001.967.015%201.379.06q.308.035.51.083q.098.024.153.044l.048.02a1%201%200%201%201-1%201.732zM8%209a1%201%200%201%201%200-2a1%201%200%200%201%200%202%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.424%208c.437-.052.811-.136%201.04-.268a2%202%200%200%200-2-3.464c-.229.132-.489.414-.752.767C9.886%204.63%2010%204.264%2010%204a2%202%200%201%200-4%200c0%20.264.114.63.288%201.035c-.263-.353-.523-.635-.752-.767a2%202%200%200%200-2%203.464c.229.132.603.216%201.04.268c-.437.052-.811.136-1.04.268a2%202%200%201%200%202%203.464c.229-.132.489-.414.752-.767C6.114%2011.37%206%2011.736%206%2012a2%202%200%201%200%204%200c0-.264-.114-.63-.288-1.035c.263.353.523.635.752.767a2%202%200%201%200%202-3.464c-.229-.132-.603-.216-1.04-.268M9%204a2%202%200%200%201-.045.205q-.059.2-.183.484a13%2013%200%200%201-.637%201.223L8%206.142l-.135-.23a13%2013%200%200%201-.637-1.223a4%204%200%200%201-.183-.484A2%202%200%200%201%207%204a1%201%200%201%201%202%200M3.67%205.5a1%201%200%200%201%201.366-.366a2%202%200%200%201%20.156.142q.142.15.326.4c.245.333.502.747.742%201.163l.13.232l-.265.002a13%2013%200%200%201-1.379-.06a4%204%200%200%201-.51-.083a2%202%200%200%201-.2-.064A1%201%200%200%201%203.67%205.5m1.366%205.366a1%201%200%200%201-1-1.732l.047-.02q.055-.02.153-.044q.202-.048.51-.083a13%2013%200%200%201%201.379-.06q.135%200%20.266.002l-.131.232c-.24.416-.497.83-.742%201.163a4%204%200%200%201-.327.4a2%202%200%200%201-.155.142M9%2012a1%201%200%200%201-2%200a2%202%200%200%201%20.045-.206q.058-.198.183-.483c.166-.378.396-.808.637-1.223L8%209.858l.135.23c.241.415.47.845.637%201.223q.124.285.183.484A1.3%201.3%200%200%201%209%2012m3.33-6.5a1%201%200%200%201-.366%201.366a2%202%200%200%201-.2.064q-.202.048-.51.083c-.412.045-.898.061-1.379.06q-.135%200-.266-.002l.131-.232c.24-.416.497-.83.742-1.163a4%204%200%200%201%20.327-.4q.07-.074.114-.11l.041-.032a1%201%200%200%201%201.366.366m-1.366%205.366a2%202%200%200%201-.155-.141a4%204%200%200%201-.327-.4A13%2013%200%200%201%209.74%209.16l-.13-.232l.265-.002c.48-.001.967.015%201.379.06q.308.035.51.083q.098.024.153.044l.048.02a1%201%200%201%201-1%201.732zM8%209a1%201%200%201%201%200-2a1%201%200%200%201%200%202%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/flower3.svg?color=%231a73e8&size=48
