flower icon
flower-two-tone from Keyline Icons by Keyline Icons · Two Tone · MIT Free for personal and commercial use.
- Name
- flower-two-tone
- Set
- Keyline Icons
- Style
- Two Tone
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
Use the flower 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="M8.6 5.2162C8.6 3.3384 10.1222 1.8162 12 1.8162C13.8778 1.8162 15.4 3.3384 15.4 5.2162C15.4 7.094 13.8778 8.6162 12 8.6162C10.1222 8.6162 8.6 7.094 8.6 5.2162ZM15.7329 10.3986C15.7329 8.5208 17.2551 6.9986 19.1329 6.9986C21.0107 6.9986 22.5329 8.5208 22.5329 10.3986C22.5329 12.2764 21.0107 13.7986 19.1329 13.7986C17.2551 13.7986 15.7329 12.2764 15.7329 10.3986ZM13.0084 18.7838C13.0084 16.906 14.5306 15.3838 16.4084 15.3838C18.2862 15.3838 19.8084 16.906 19.8084 18.7838C19.8084 20.6616 18.2862 22.1838 16.4084 22.1838C14.5306 22.1838 13.0084 20.6616 13.0084 18.7838ZM4.1916 18.7838C4.1916 16.906 5.7138 15.3838 7.5916 15.3838C9.4694 15.3838 10.9916 16.906 10.9916 18.7838C10.9916 20.6616 9.4694 22.1838 7.5916 22.1838C5.7138 22.1838 4.1916 20.6616 4.1916 18.7838ZM1.4671 10.3986C1.4671 8.5208 2.9893 6.9986 4.8671 6.9986C6.7449 6.9986 8.2671 8.5208 8.2671 10.3986C8.2671 12.2764 6.7449 13.7986 4.8671 13.7986C2.9893 13.7986 1.4671 12.2764 1.4671 10.3986Z" stroke="none"/><path d="M9.6 5.2162C9.6 3.8907 10.6745 2.8162 12 2.8162C13.3255 2.8162 14.4 3.8907 14.4 5.2162C14.4 6.5417 13.3255 7.6162 12 7.6162C10.6745 7.6162 9.6 6.5417 9.6 5.2162ZM16.7329 10.3986C16.7329 9.0731 17.8074 7.9986 19.1329 7.9986C20.4584 7.9986 21.5329 9.0731 21.5329 10.3986C21.5329 11.7241 20.4584 12.7986 19.1329 12.7986C17.8074 12.7986 16.7329 11.7241 16.7329 10.3986ZM14.0084 18.7838C14.0084 17.4583 15.0829 16.3838 16.4084 16.3838C17.7339 16.3838 18.8084 17.4583 18.8084 18.7838C18.8084 20.1093 17.7339 21.1838 16.4084 21.1838C15.0829 21.1838 14.0084 20.1093 14.0084 18.7838ZM5.1916 18.7838C5.1916 17.4583 6.2661 16.3838 7.5916 16.3838C8.9171 16.3838 9.9916 17.4583 9.9916 18.7838C9.9916 20.1093 8.9171 21.1838 7.5916 21.1838C6.2661 21.1838 5.1916 20.1093 5.1916 18.7838ZM2.4671 10.3986C2.4671 9.0731 3.5416 7.9986 4.8671 7.9986C6.1926 7.9986 7.2671 9.0731 7.2671 10.3986C7.2671 11.7241 6.1926 12.7986 4.8671 12.7986C3.5416 12.7986 2.4671 11.7241 2.4671 10.3986Z"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsFlowerTwoTone(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="M8.6 5.2162C8.6 3.3384 10.1222 1.8162 12 1.8162C13.8778 1.8162 15.4 3.3384 15.4 5.2162C15.4 7.094 13.8778 8.6162 12 8.6162C10.1222 8.6162 8.6 7.094 8.6 5.2162ZM15.7329 10.3986C15.7329 8.5208 17.2551 6.9986 19.1329 6.9986C21.0107 6.9986 22.5329 8.5208 22.5329 10.3986C22.5329 12.2764 21.0107 13.7986 19.1329 13.7986C17.2551 13.7986 15.7329 12.2764 15.7329 10.3986ZM13.0084 18.7838C13.0084 16.906 14.5306 15.3838 16.4084 15.3838C18.2862 15.3838 19.8084 16.906 19.8084 18.7838C19.8084 20.6616 18.2862 22.1838 16.4084 22.1838C14.5306 22.1838 13.0084 20.6616 13.0084 18.7838ZM4.1916 18.7838C4.1916 16.906 5.7138 15.3838 7.5916 15.3838C9.4694 15.3838 10.9916 16.906 10.9916 18.7838C10.9916 20.6616 9.4694 22.1838 7.5916 22.1838C5.7138 22.1838 4.1916 20.6616 4.1916 18.7838ZM1.4671 10.3986C1.4671 8.5208 2.9893 6.9986 4.8671 6.9986C6.7449 6.9986 8.2671 8.5208 8.2671 10.3986C8.2671 12.2764 6.7449 13.7986 4.8671 13.7986C2.9893 13.7986 1.4671 12.2764 1.4671 10.3986Z" stroke="none"/><path d="M9.6 5.2162C9.6 3.8907 10.6745 2.8162 12 2.8162C13.3255 2.8162 14.4 3.8907 14.4 5.2162C14.4 6.5417 13.3255 7.6162 12 7.6162C10.6745 7.6162 9.6 6.5417 9.6 5.2162ZM16.7329 10.3986C16.7329 9.0731 17.8074 7.9986 19.1329 7.9986C20.4584 7.9986 21.5329 9.0731 21.5329 10.3986C21.5329 11.7241 20.4584 12.7986 19.1329 12.7986C17.8074 12.7986 16.7329 11.7241 16.7329 10.3986ZM14.0084 18.7838C14.0084 17.4583 15.0829 16.3838 16.4084 16.3838C17.7339 16.3838 18.8084 17.4583 18.8084 18.7838C18.8084 20.1093 17.7339 21.1838 16.4084 21.1838C15.0829 21.1838 14.0084 20.1093 14.0084 18.7838ZM5.1916 18.7838C5.1916 17.4583 6.2661 16.3838 7.5916 16.3838C8.9171 16.3838 9.9916 17.4583 9.9916 18.7838C9.9916 20.1093 8.9171 21.1838 7.5916 21.1838C6.2661 21.1838 5.1916 20.1093 5.1916 18.7838ZM2.4671 10.3986C2.4671 9.0731 3.5416 7.9986 4.8671 7.9986C6.1926 7.9986 7.2671 9.0731 7.2671 10.3986C7.2671 11.7241 6.1926 12.7986 4.8671 12.7986C3.5416 12.7986 2.4671 11.7241 2.4671 10.3986Z"/></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="M8.6 5.2162C8.6 3.3384 10.1222 1.8162 12 1.8162C13.8778 1.8162 15.4 3.3384 15.4 5.2162C15.4 7.094 13.8778 8.6162 12 8.6162C10.1222 8.6162 8.6 7.094 8.6 5.2162ZM15.7329 10.3986C15.7329 8.5208 17.2551 6.9986 19.1329 6.9986C21.0107 6.9986 22.5329 8.5208 22.5329 10.3986C22.5329 12.2764 21.0107 13.7986 19.1329 13.7986C17.2551 13.7986 15.7329 12.2764 15.7329 10.3986ZM13.0084 18.7838C13.0084 16.906 14.5306 15.3838 16.4084 15.3838C18.2862 15.3838 19.8084 16.906 19.8084 18.7838C19.8084 20.6616 18.2862 22.1838 16.4084 22.1838C14.5306 22.1838 13.0084 20.6616 13.0084 18.7838ZM4.1916 18.7838C4.1916 16.906 5.7138 15.3838 7.5916 15.3838C9.4694 15.3838 10.9916 16.906 10.9916 18.7838C10.9916 20.6616 9.4694 22.1838 7.5916 22.1838C5.7138 22.1838 4.1916 20.6616 4.1916 18.7838ZM1.4671 10.3986C1.4671 8.5208 2.9893 6.9986 4.8671 6.9986C6.7449 6.9986 8.2671 8.5208 8.2671 10.3986C8.2671 12.2764 6.7449 13.7986 4.8671 13.7986C2.9893 13.7986 1.4671 12.2764 1.4671 10.3986Z" stroke="none"/><path d="M9.6 5.2162C9.6 3.8907 10.6745 2.8162 12 2.8162C13.3255 2.8162 14.4 3.8907 14.4 5.2162C14.4 6.5417 13.3255 7.6162 12 7.6162C10.6745 7.6162 9.6 6.5417 9.6 5.2162ZM16.7329 10.3986C16.7329 9.0731 17.8074 7.9986 19.1329 7.9986C20.4584 7.9986 21.5329 9.0731 21.5329 10.3986C21.5329 11.7241 20.4584 12.7986 19.1329 12.7986C17.8074 12.7986 16.7329 11.7241 16.7329 10.3986ZM14.0084 18.7838C14.0084 17.4583 15.0829 16.3838 16.4084 16.3838C17.7339 16.3838 18.8084 17.4583 18.8084 18.7838C18.8084 20.1093 17.7339 21.1838 16.4084 21.1838C15.0829 21.1838 14.0084 20.1093 14.0084 18.7838ZM5.1916 18.7838C5.1916 17.4583 6.2661 16.3838 7.5916 16.3838C8.9171 16.3838 9.9916 17.4583 9.9916 18.7838C9.9916 20.1093 8.9171 21.1838 7.5916 21.1838C6.2661 21.1838 5.1916 20.1093 5.1916 18.7838ZM2.4671 10.3986C2.4671 9.0731 3.5416 7.9986 4.8671 7.9986C6.1926 7.9986 7.2671 9.0731 7.2671 10.3986C7.2671 11.7241 6.1926 12.7986 4.8671 12.7986C3.5416 12.7986 2.4671 11.7241 2.4671 10.3986Z"/></g></svg> </template>
CSS
.icon-flower-two-tone {
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%22M8.6%205.2162C8.6%203.3384%2010.1222%201.8162%2012%201.8162C13.8778%201.8162%2015.4%203.3384%2015.4%205.2162C15.4%207.094%2013.8778%208.6162%2012%208.6162C10.1222%208.6162%208.6%207.094%208.6%205.2162ZM15.7329%2010.3986C15.7329%208.5208%2017.2551%206.9986%2019.1329%206.9986C21.0107%206.9986%2022.5329%208.5208%2022.5329%2010.3986C22.5329%2012.2764%2021.0107%2013.7986%2019.1329%2013.7986C17.2551%2013.7986%2015.7329%2012.2764%2015.7329%2010.3986ZM13.0084%2018.7838C13.0084%2016.906%2014.5306%2015.3838%2016.4084%2015.3838C18.2862%2015.3838%2019.8084%2016.906%2019.8084%2018.7838C19.8084%2020.6616%2018.2862%2022.1838%2016.4084%2022.1838C14.5306%2022.1838%2013.0084%2020.6616%2013.0084%2018.7838ZM4.1916%2018.7838C4.1916%2016.906%205.7138%2015.3838%207.5916%2015.3838C9.4694%2015.3838%2010.9916%2016.906%2010.9916%2018.7838C10.9916%2020.6616%209.4694%2022.1838%207.5916%2022.1838C5.7138%2022.1838%204.1916%2020.6616%204.1916%2018.7838ZM1.4671%2010.3986C1.4671%208.5208%202.9893%206.9986%204.8671%206.9986C6.7449%206.9986%208.2671%208.5208%208.2671%2010.3986C8.2671%2012.2764%206.7449%2013.7986%204.8671%2013.7986C2.9893%2013.7986%201.4671%2012.2764%201.4671%2010.3986Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M9.6%205.2162C9.6%203.8907%2010.6745%202.8162%2012%202.8162C13.3255%202.8162%2014.4%203.8907%2014.4%205.2162C14.4%206.5417%2013.3255%207.6162%2012%207.6162C10.6745%207.6162%209.6%206.5417%209.6%205.2162ZM16.7329%2010.3986C16.7329%209.0731%2017.8074%207.9986%2019.1329%207.9986C20.4584%207.9986%2021.5329%209.0731%2021.5329%2010.3986C21.5329%2011.7241%2020.4584%2012.7986%2019.1329%2012.7986C17.8074%2012.7986%2016.7329%2011.7241%2016.7329%2010.3986ZM14.0084%2018.7838C14.0084%2017.4583%2015.0829%2016.3838%2016.4084%2016.3838C17.7339%2016.3838%2018.8084%2017.4583%2018.8084%2018.7838C18.8084%2020.1093%2017.7339%2021.1838%2016.4084%2021.1838C15.0829%2021.1838%2014.0084%2020.1093%2014.0084%2018.7838ZM5.1916%2018.7838C5.1916%2017.4583%206.2661%2016.3838%207.5916%2016.3838C8.9171%2016.3838%209.9916%2017.4583%209.9916%2018.7838C9.9916%2020.1093%208.9171%2021.1838%207.5916%2021.1838C6.2661%2021.1838%205.1916%2020.1093%205.1916%2018.7838ZM2.4671%2010.3986C2.4671%209.0731%203.5416%207.9986%204.8671%207.9986C6.1926%207.9986%207.2671%209.0731%207.2671%2010.3986C7.2671%2011.7241%206.1926%2012.7986%204.8671%2012.7986C3.5416%2012.7986%202.4671%2011.7241%202.4671%2010.3986Z%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%22M8.6%205.2162C8.6%203.3384%2010.1222%201.8162%2012%201.8162C13.8778%201.8162%2015.4%203.3384%2015.4%205.2162C15.4%207.094%2013.8778%208.6162%2012%208.6162C10.1222%208.6162%208.6%207.094%208.6%205.2162ZM15.7329%2010.3986C15.7329%208.5208%2017.2551%206.9986%2019.1329%206.9986C21.0107%206.9986%2022.5329%208.5208%2022.5329%2010.3986C22.5329%2012.2764%2021.0107%2013.7986%2019.1329%2013.7986C17.2551%2013.7986%2015.7329%2012.2764%2015.7329%2010.3986ZM13.0084%2018.7838C13.0084%2016.906%2014.5306%2015.3838%2016.4084%2015.3838C18.2862%2015.3838%2019.8084%2016.906%2019.8084%2018.7838C19.8084%2020.6616%2018.2862%2022.1838%2016.4084%2022.1838C14.5306%2022.1838%2013.0084%2020.6616%2013.0084%2018.7838ZM4.1916%2018.7838C4.1916%2016.906%205.7138%2015.3838%207.5916%2015.3838C9.4694%2015.3838%2010.9916%2016.906%2010.9916%2018.7838C10.9916%2020.6616%209.4694%2022.1838%207.5916%2022.1838C5.7138%2022.1838%204.1916%2020.6616%204.1916%2018.7838ZM1.4671%2010.3986C1.4671%208.5208%202.9893%206.9986%204.8671%206.9986C6.7449%206.9986%208.2671%208.5208%208.2671%2010.3986C8.2671%2012.2764%206.7449%2013.7986%204.8671%2013.7986C2.9893%2013.7986%201.4671%2012.2764%201.4671%2010.3986Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M9.6%205.2162C9.6%203.8907%2010.6745%202.8162%2012%202.8162C13.3255%202.8162%2014.4%203.8907%2014.4%205.2162C14.4%206.5417%2013.3255%207.6162%2012%207.6162C10.6745%207.6162%209.6%206.5417%209.6%205.2162ZM16.7329%2010.3986C16.7329%209.0731%2017.8074%207.9986%2019.1329%207.9986C20.4584%207.9986%2021.5329%209.0731%2021.5329%2010.3986C21.5329%2011.7241%2020.4584%2012.7986%2019.1329%2012.7986C17.8074%2012.7986%2016.7329%2011.7241%2016.7329%2010.3986ZM14.0084%2018.7838C14.0084%2017.4583%2015.0829%2016.3838%2016.4084%2016.3838C17.7339%2016.3838%2018.8084%2017.4583%2018.8084%2018.7838C18.8084%2020.1093%2017.7339%2021.1838%2016.4084%2021.1838C15.0829%2021.1838%2014.0084%2020.1093%2014.0084%2018.7838ZM5.1916%2018.7838C5.1916%2017.4583%206.2661%2016.3838%207.5916%2016.3838C8.9171%2016.3838%209.9916%2017.4583%209.9916%2018.7838C9.9916%2020.1093%208.9171%2021.1838%207.5916%2021.1838C6.2661%2021.1838%205.1916%2020.1093%205.1916%2018.7838ZM2.4671%2010.3986C2.4671%209.0731%203.5416%207.9986%204.8671%207.9986C6.1926%207.9986%207.2671%209.0731%207.2671%2010.3986C7.2671%2011.7241%206.1926%2012.7986%204.8671%2012.7986C3.5416%2012.7986%202.4671%2011.7241%202.4671%2010.3986Z%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/flower-two-tone.svg?color=%231a73e8&size=48
