flower lotus icon
flower-lotus from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.
- Name
- flower-lotus
- Set
- Phosphor
- Style
- Regular
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Related icons in Phosphor
Use the flower lotus icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M245.83 121.63a15.53 15.53 0 0 0-9.52-7.33a73.5 73.5 0 0 0-22.17-2.22c4-19.85 1-35.55-2.06-44.86a16.15 16.15 0 0 0-18.79-10.88a85.5 85.5 0 0 0-28.55 12.12a94.6 94.6 0 0 0-27.11-33.25a16.05 16.05 0 0 0-19.26 0a94.5 94.5 0 0 0-27.11 33.25a85.5 85.5 0 0 0-28.55-12.12a16.15 16.15 0 0 0-18.79 10.88c-3 9.31-6 25-2.06 44.86a73.5 73.5 0 0 0-22.17 2.22a15.53 15.53 0 0 0-9.52 7.33a16 16 0 0 0-1.6 12.27c3.39 12.57 13.8 36.48 45.33 55.32S113.13 208 128.05 208s42.67 0 74-18.78c31.53-18.84 41.94-42.75 45.33-55.32a16 16 0 0 0-1.55-12.27M59.14 72.14a.2.2 0 0 1 .23-.15a70.4 70.4 0 0 1 25.81 11.67A118.7 118.7 0 0 0 80 119.17c0 18.74 3.77 34 9.11 46.28A123.6 123.6 0 0 1 69.57 140C51.55 108.62 55.3 84 59.14 72.14m3 103.35C35.47 159.57 26.82 140.05 24 129.7a59.8 59.8 0 0 1 22.5-1.17a129 129 0 0 0 9.15 19.41a142.3 142.3 0 0 0 34 39.56a115 115 0 0 1-27.55-12.01ZM128 190.4c-9.33-6.94-32-28.23-32-71.23C96 76.7 118.38 55.24 128 48c9.62 7.26 32 28.72 32 71.19c0 42.98-22.67 64.27-32 71.21m42.82-106.74A70.4 70.4 0 0 1 196.63 72a.2.2 0 0 1 .23.15c3.84 11.85 7.59 36.47-10.43 67.85a123.3 123.3 0 0 1-19.54 25.48c5.34-12.26 9.11-27.54 9.11-46.28a118.7 118.7 0 0 0-5.18-35.54M232 129.72c-2.77 10.25-11.4 29.81-38.09 45.77a115 115 0 0 1-27.55 12a142.3 142.3 0 0 0 34-39.56a129 129 0 0 0 9.15-19.41a59.7 59.7 0 0 1 22.49 1.19Z"/></svg>
React
import type { SVGProps } from "react";
export function PhFlowerLotus(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M245.83 121.63a15.53 15.53 0 0 0-9.52-7.33a73.5 73.5 0 0 0-22.17-2.22c4-19.85 1-35.55-2.06-44.86a16.15 16.15 0 0 0-18.79-10.88a85.5 85.5 0 0 0-28.55 12.12a94.6 94.6 0 0 0-27.11-33.25a16.05 16.05 0 0 0-19.26 0a94.5 94.5 0 0 0-27.11 33.25a85.5 85.5 0 0 0-28.55-12.12a16.15 16.15 0 0 0-18.79 10.88c-3 9.31-6 25-2.06 44.86a73.5 73.5 0 0 0-22.17 2.22a15.53 15.53 0 0 0-9.52 7.33a16 16 0 0 0-1.6 12.27c3.39 12.57 13.8 36.48 45.33 55.32S113.13 208 128.05 208s42.67 0 74-18.78c31.53-18.84 41.94-42.75 45.33-55.32a16 16 0 0 0-1.55-12.27M59.14 72.14a.2.2 0 0 1 .23-.15a70.4 70.4 0 0 1 25.81 11.67A118.7 118.7 0 0 0 80 119.17c0 18.74 3.77 34 9.11 46.28A123.6 123.6 0 0 1 69.57 140C51.55 108.62 55.3 84 59.14 72.14m3 103.35C35.47 159.57 26.82 140.05 24 129.7a59.8 59.8 0 0 1 22.5-1.17a129 129 0 0 0 9.15 19.41a142.3 142.3 0 0 0 34 39.56a115 115 0 0 1-27.55-12.01ZM128 190.4c-9.33-6.94-32-28.23-32-71.23C96 76.7 118.38 55.24 128 48c9.62 7.26 32 28.72 32 71.19c0 42.98-22.67 64.27-32 71.21m42.82-106.74A70.4 70.4 0 0 1 196.63 72a.2.2 0 0 1 .23.15c3.84 11.85 7.59 36.47-10.43 67.85a123.3 123.3 0 0 1-19.54 25.48c5.34-12.26 9.11-27.54 9.11-46.28a118.7 118.7 0 0 0-5.18-35.54M232 129.72c-2.77 10.25-11.4 29.81-38.09 45.77a115 115 0 0 1-27.55 12a142.3 142.3 0 0 0 34-39.56a129 129 0 0 0 9.15-19.41a59.7 59.7 0 0 1 22.49 1.19Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M245.83 121.63a15.53 15.53 0 0 0-9.52-7.33a73.5 73.5 0 0 0-22.17-2.22c4-19.85 1-35.55-2.06-44.86a16.15 16.15 0 0 0-18.79-10.88a85.5 85.5 0 0 0-28.55 12.12a94.6 94.6 0 0 0-27.11-33.25a16.05 16.05 0 0 0-19.26 0a94.5 94.5 0 0 0-27.11 33.25a85.5 85.5 0 0 0-28.55-12.12a16.15 16.15 0 0 0-18.79 10.88c-3 9.31-6 25-2.06 44.86a73.5 73.5 0 0 0-22.17 2.22a15.53 15.53 0 0 0-9.52 7.33a16 16 0 0 0-1.6 12.27c3.39 12.57 13.8 36.48 45.33 55.32S113.13 208 128.05 208s42.67 0 74-18.78c31.53-18.84 41.94-42.75 45.33-55.32a16 16 0 0 0-1.55-12.27M59.14 72.14a.2.2 0 0 1 .23-.15a70.4 70.4 0 0 1 25.81 11.67A118.7 118.7 0 0 0 80 119.17c0 18.74 3.77 34 9.11 46.28A123.6 123.6 0 0 1 69.57 140C51.55 108.62 55.3 84 59.14 72.14m3 103.35C35.47 159.57 26.82 140.05 24 129.7a59.8 59.8 0 0 1 22.5-1.17a129 129 0 0 0 9.15 19.41a142.3 142.3 0 0 0 34 39.56a115 115 0 0 1-27.55-12.01ZM128 190.4c-9.33-6.94-32-28.23-32-71.23C96 76.7 118.38 55.24 128 48c9.62 7.26 32 28.72 32 71.19c0 42.98-22.67 64.27-32 71.21m42.82-106.74A70.4 70.4 0 0 1 196.63 72a.2.2 0 0 1 .23.15c3.84 11.85 7.59 36.47-10.43 67.85a123.3 123.3 0 0 1-19.54 25.48c5.34-12.26 9.11-27.54 9.11-46.28a118.7 118.7 0 0 0-5.18-35.54M232 129.72c-2.77 10.25-11.4 29.81-38.09 45.77a115 115 0 0 1-27.55 12a142.3 142.3 0 0 0 34-39.56a129 129 0 0 0 9.15-19.41a59.7 59.7 0 0 1 22.49 1.19Z"/></svg> </template>
CSS
.icon-flower-lotus {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M245.83%20121.63a15.53%2015.53%200%200%200-9.52-7.33a73.5%2073.5%200%200%200-22.17-2.22c4-19.85%201-35.55-2.06-44.86a16.15%2016.15%200%200%200-18.79-10.88a85.5%2085.5%200%200%200-28.55%2012.12a94.6%2094.6%200%200%200-27.11-33.25a16.05%2016.05%200%200%200-19.26%200a94.5%2094.5%200%200%200-27.11%2033.25a85.5%2085.5%200%200%200-28.55-12.12a16.15%2016.15%200%200%200-18.79%2010.88c-3%209.31-6%2025-2.06%2044.86a73.5%2073.5%200%200%200-22.17%202.22a15.53%2015.53%200%200%200-9.52%207.33a16%2016%200%200%200-1.6%2012.27c3.39%2012.57%2013.8%2036.48%2045.33%2055.32S113.13%20208%20128.05%20208s42.67%200%2074-18.78c31.53-18.84%2041.94-42.75%2045.33-55.32a16%2016%200%200%200-1.55-12.27M59.14%2072.14a.2.2%200%200%201%20.23-.15a70.4%2070.4%200%200%201%2025.81%2011.67A118.7%20118.7%200%200%200%2080%20119.17c0%2018.74%203.77%2034%209.11%2046.28A123.6%20123.6%200%200%201%2069.57%20140C51.55%20108.62%2055.3%2084%2059.14%2072.14m3%20103.35C35.47%20159.57%2026.82%20140.05%2024%20129.7a59.8%2059.8%200%200%201%2022.5-1.17a129%20129%200%200%200%209.15%2019.41a142.3%20142.3%200%200%200%2034%2039.56a115%20115%200%200%201-27.55-12.01ZM128%20190.4c-9.33-6.94-32-28.23-32-71.23C96%2076.7%20118.38%2055.24%20128%2048c9.62%207.26%2032%2028.72%2032%2071.19c0%2042.98-22.67%2064.27-32%2071.21m42.82-106.74A70.4%2070.4%200%200%201%20196.63%2072a.2.2%200%200%201%20.23.15c3.84%2011.85%207.59%2036.47-10.43%2067.85a123.3%20123.3%200%200%201-19.54%2025.48c5.34-12.26%209.11-27.54%209.11-46.28a118.7%20118.7%200%200%200-5.18-35.54M232%20129.72c-2.77%2010.25-11.4%2029.81-38.09%2045.77a115%20115%200%200%201-27.55%2012a142.3%20142.3%200%200%200%2034-39.56a129%20129%200%200%200%209.15-19.41a59.7%2059.7%200%200%201%2022.49%201.19Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M245.83%20121.63a15.53%2015.53%200%200%200-9.52-7.33a73.5%2073.5%200%200%200-22.17-2.22c4-19.85%201-35.55-2.06-44.86a16.15%2016.15%200%200%200-18.79-10.88a85.5%2085.5%200%200%200-28.55%2012.12a94.6%2094.6%200%200%200-27.11-33.25a16.05%2016.05%200%200%200-19.26%200a94.5%2094.5%200%200%200-27.11%2033.25a85.5%2085.5%200%200%200-28.55-12.12a16.15%2016.15%200%200%200-18.79%2010.88c-3%209.31-6%2025-2.06%2044.86a73.5%2073.5%200%200%200-22.17%202.22a15.53%2015.53%200%200%200-9.52%207.33a16%2016%200%200%200-1.6%2012.27c3.39%2012.57%2013.8%2036.48%2045.33%2055.32S113.13%20208%20128.05%20208s42.67%200%2074-18.78c31.53-18.84%2041.94-42.75%2045.33-55.32a16%2016%200%200%200-1.55-12.27M59.14%2072.14a.2.2%200%200%201%20.23-.15a70.4%2070.4%200%200%201%2025.81%2011.67A118.7%20118.7%200%200%200%2080%20119.17c0%2018.74%203.77%2034%209.11%2046.28A123.6%20123.6%200%200%201%2069.57%20140C51.55%20108.62%2055.3%2084%2059.14%2072.14m3%20103.35C35.47%20159.57%2026.82%20140.05%2024%20129.7a59.8%2059.8%200%200%201%2022.5-1.17a129%20129%200%200%200%209.15%2019.41a142.3%20142.3%200%200%200%2034%2039.56a115%20115%200%200%201-27.55-12.01ZM128%20190.4c-9.33-6.94-32-28.23-32-71.23C96%2076.7%20118.38%2055.24%20128%2048c9.62%207.26%2032%2028.72%2032%2071.19c0%2042.98-22.67%2064.27-32%2071.21m42.82-106.74A70.4%2070.4%200%200%201%20196.63%2072a.2.2%200%200%201%20.23.15c3.84%2011.85%207.59%2036.47-10.43%2067.85a123.3%20123.3%200%200%201-19.54%2025.48c5.34-12.26%209.11-27.54%209.11-46.28a118.7%20118.7%200%200%200-5.18-35.54M232%20129.72c-2.77%2010.25-11.4%2029.81-38.09%2045.77a115%20115%200%200%201-27.55%2012a142.3%20142.3%200%200%200%2034-39.56a129%20129%200%200%200%209.15-19.41a59.7%2059.7%200%200%201%2022.49%201.19Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/flower-lotus.svg?color=%231a73e8&size=48
