flower lotus icon
flower-lotus-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.
- Name
- flower-lotus-fill
- Set
- Phosphor
- Style
- Fill
- 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.6 73.6 0 0 0-22.17-2.22c4-19.85 1-35.55-2-44.86a16.17 16.17 0 0 0-18.8-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.6 94.6 0 0 0-27.16 33.25a85.5 85.5 0 0 0-28.55-12.12a16.14 16.14 0 0 0-18.79 10.88c-3 9.31-6 25-2.06 44.86a73.6 73.6 0 0 0-22.17 2.22a15.53 15.53 0 0 0-9.52 7.33a16 16 0 0 0-1.6 12.26c3.39 12.58 13.8 36.49 45.33 55.33S113.13 208 128.05 208s42.67 0 74-18.78c31.53-18.84 41.94-42.75 45.33-55.33a16 16 0 0 0-1.55-12.26M62.1 175.49C35.47 159.57 26.82 140.05 24 129.7a59.6 59.6 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.01M128 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.21m104-60.68c-2.77 10.24-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 PhFlowerLotusFill(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.6 73.6 0 0 0-22.17-2.22c4-19.85 1-35.55-2-44.86a16.17 16.17 0 0 0-18.8-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.6 94.6 0 0 0-27.16 33.25a85.5 85.5 0 0 0-28.55-12.12a16.14 16.14 0 0 0-18.79 10.88c-3 9.31-6 25-2.06 44.86a73.6 73.6 0 0 0-22.17 2.22a15.53 15.53 0 0 0-9.52 7.33a16 16 0 0 0-1.6 12.26c3.39 12.58 13.8 36.49 45.33 55.33S113.13 208 128.05 208s42.67 0 74-18.78c31.53-18.84 41.94-42.75 45.33-55.33a16 16 0 0 0-1.55-12.26M62.1 175.49C35.47 159.57 26.82 140.05 24 129.7a59.6 59.6 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.01M128 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.21m104-60.68c-2.77 10.24-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.6 73.6 0 0 0-22.17-2.22c4-19.85 1-35.55-2-44.86a16.17 16.17 0 0 0-18.8-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.6 94.6 0 0 0-27.16 33.25a85.5 85.5 0 0 0-28.55-12.12a16.14 16.14 0 0 0-18.79 10.88c-3 9.31-6 25-2.06 44.86a73.6 73.6 0 0 0-22.17 2.22a15.53 15.53 0 0 0-9.52 7.33a16 16 0 0 0-1.6 12.26c3.39 12.58 13.8 36.49 45.33 55.33S113.13 208 128.05 208s42.67 0 74-18.78c31.53-18.84 41.94-42.75 45.33-55.33a16 16 0 0 0-1.55-12.26M62.1 175.49C35.47 159.57 26.82 140.05 24 129.7a59.6 59.6 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.01M128 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.21m104-60.68c-2.77 10.24-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-fill {
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.6%2073.6%200%200%200-22.17-2.22c4-19.85%201-35.55-2-44.86a16.17%2016.17%200%200%200-18.8-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.6%2094.6%200%200%200-27.16%2033.25a85.5%2085.5%200%200%200-28.55-12.12a16.14%2016.14%200%200%200-18.79%2010.88c-3%209.31-6%2025-2.06%2044.86a73.6%2073.6%200%200%200-22.17%202.22a15.53%2015.53%200%200%200-9.52%207.33a16%2016%200%200%200-1.6%2012.26c3.39%2012.58%2013.8%2036.49%2045.33%2055.33S113.13%20208%20128.05%20208s42.67%200%2074-18.78c31.53-18.84%2041.94-42.75%2045.33-55.33a16%2016%200%200%200-1.55-12.26M62.1%20175.49C35.47%20159.57%2026.82%20140.05%2024%20129.7a59.6%2059.6%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.01M128%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.21m104-60.68c-2.77%2010.24-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.6%2073.6%200%200%200-22.17-2.22c4-19.85%201-35.55-2-44.86a16.17%2016.17%200%200%200-18.8-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.6%2094.6%200%200%200-27.16%2033.25a85.5%2085.5%200%200%200-28.55-12.12a16.14%2016.14%200%200%200-18.79%2010.88c-3%209.31-6%2025-2.06%2044.86a73.6%2073.6%200%200%200-22.17%202.22a15.53%2015.53%200%200%200-9.52%207.33a16%2016%200%200%200-1.6%2012.26c3.39%2012.58%2013.8%2036.49%2045.33%2055.33S113.13%20208%20128.05%20208s42.67%200%2074-18.78c31.53-18.84%2041.94-42.75%2045.33-55.33a16%2016%200%200%200-1.55-12.26M62.1%20175.49C35.47%20159.57%2026.82%20140.05%2024%20129.7a59.6%2059.6%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.01M128%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.21m104-60.68c-2.77%2010.24-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-fill.svg?color=%231a73e8&size=48
