flower lotus icon

flower-lotus-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: flower-lotus-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

flower-lotus flower-lotus-bold flower-lotus-duotone flower-lotus-fill flower-lotus-thin

The same icon in other sets

flower-lotusLucide Lab

Related icons in Phosphor

flower-tulip

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="M244.1 122.63a13.56 13.56 0 0 0-8.3-6.4a72.6 72.6 0 0 0-24.17-2c4.67-20.63 1.62-36.91-1.45-46.4a14.16 14.16 0 0 0-16.48-9.53a84.2 84.2 0 0 0-29.76 13.11a92.6 92.6 0 0 0-27.52-34.6a14 14 0 0 0-16.85 0a92.7 92.7 0 0 0-27.51 34.6A84.2 84.2 0 0 0 62.29 58.3a14.15 14.15 0 0 0-16.47 9.54c-3.07 9.49-6.12 25.77-1.45 46.4a72.6 72.6 0 0 0-24.17 2a13.56 13.56 0 0 0-8.3 6.4a14 14 0 0 0-1.4 10.74C13.81 145.66 24 169 54.92 187.51S113.29 206 128 206s42.12 0 73.06-18.49s41.11-41.85 44.42-54.14a14 14 0 0 0-1.38-10.74M168.48 82.9A73.1 73.1 0 0 1 196.22 70a2.2 2.2 0 0 1 2.54 1.5c3.94 12.22 7.81 37.5-10.59 69.5a129.8 129.8 0 0 1-28 33.37C167.85 161 174 142.93 174 119.17a116.1 116.1 0 0 0-5.52-36.27M57.24 71.53A2.2 2.2 0 0 1 59.78 70a73.1 73.1 0 0 1 27.74 12.9A116.1 116.1 0 0 0 82 119.17c0 23.76 6.15 41.85 13.81 55.17a129.6 129.6 0 0 1-28-33.37C49.43 109 53.3 83.72 57.24 71.53m3.84 105.67c-27.3-16.31-36.15-36.42-39-47a2.08 2.08 0 0 1 .21-1.61a1.7 1.7 0 0 1 1-.8A62.2 62.2 0 0 1 48 126.72A126 126 0 0 0 57.43 147a141 141 0 0 0 41 44.72a114.8 114.8 0 0 1-37.35-14.52M128 192.86c-8.68-6.2-34-28.2-34-73.69c0-43.36 22.94-65.34 32.8-72.78a2 2 0 0 1 2.4 0c9.86 7.44 32.8 29.42 32.8 72.78c0 45.77-25.19 67.5-34 73.69m105.9-62.62c-2.85 10.54-11.7 30.65-39 47a114.8 114.8 0 0 1-37.38 14.47a141 141 0 0 0 41-44.72a126 126 0 0 0 9.48-20.27a62.2 62.2 0 0 1 24.73 1.11a1.7 1.7 0 0 1 1 .8a2.08 2.08 0 0 1 .19 1.61Z"/></svg>

React

import type { SVGProps } from "react";

export function PhFlowerLotusLight(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="M244.1 122.63a13.56 13.56 0 0 0-8.3-6.4a72.6 72.6 0 0 0-24.17-2c4.67-20.63 1.62-36.91-1.45-46.4a14.16 14.16 0 0 0-16.48-9.53a84.2 84.2 0 0 0-29.76 13.11a92.6 92.6 0 0 0-27.52-34.6a14 14 0 0 0-16.85 0a92.7 92.7 0 0 0-27.51 34.6A84.2 84.2 0 0 0 62.29 58.3a14.15 14.15 0 0 0-16.47 9.54c-3.07 9.49-6.12 25.77-1.45 46.4a72.6 72.6 0 0 0-24.17 2a13.56 13.56 0 0 0-8.3 6.4a14 14 0 0 0-1.4 10.74C13.81 145.66 24 169 54.92 187.51S113.29 206 128 206s42.12 0 73.06-18.49s41.11-41.85 44.42-54.14a14 14 0 0 0-1.38-10.74M168.48 82.9A73.1 73.1 0 0 1 196.22 70a2.2 2.2 0 0 1 2.54 1.5c3.94 12.22 7.81 37.5-10.59 69.5a129.8 129.8 0 0 1-28 33.37C167.85 161 174 142.93 174 119.17a116.1 116.1 0 0 0-5.52-36.27M57.24 71.53A2.2 2.2 0 0 1 59.78 70a73.1 73.1 0 0 1 27.74 12.9A116.1 116.1 0 0 0 82 119.17c0 23.76 6.15 41.85 13.81 55.17a129.6 129.6 0 0 1-28-33.37C49.43 109 53.3 83.72 57.24 71.53m3.84 105.67c-27.3-16.31-36.15-36.42-39-47a2.08 2.08 0 0 1 .21-1.61a1.7 1.7 0 0 1 1-.8A62.2 62.2 0 0 1 48 126.72A126 126 0 0 0 57.43 147a141 141 0 0 0 41 44.72a114.8 114.8 0 0 1-37.35-14.52M128 192.86c-8.68-6.2-34-28.2-34-73.69c0-43.36 22.94-65.34 32.8-72.78a2 2 0 0 1 2.4 0c9.86 7.44 32.8 29.42 32.8 72.78c0 45.77-25.19 67.5-34 73.69m105.9-62.62c-2.85 10.54-11.7 30.65-39 47a114.8 114.8 0 0 1-37.38 14.47a141 141 0 0 0 41-44.72a126 126 0 0 0 9.48-20.27a62.2 62.2 0 0 1 24.73 1.11a1.7 1.7 0 0 1 1 .8a2.08 2.08 0 0 1 .19 1.61Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M244.1 122.63a13.56 13.56 0 0 0-8.3-6.4a72.6 72.6 0 0 0-24.17-2c4.67-20.63 1.62-36.91-1.45-46.4a14.16 14.16 0 0 0-16.48-9.53a84.2 84.2 0 0 0-29.76 13.11a92.6 92.6 0 0 0-27.52-34.6a14 14 0 0 0-16.85 0a92.7 92.7 0 0 0-27.51 34.6A84.2 84.2 0 0 0 62.29 58.3a14.15 14.15 0 0 0-16.47 9.54c-3.07 9.49-6.12 25.77-1.45 46.4a72.6 72.6 0 0 0-24.17 2a13.56 13.56 0 0 0-8.3 6.4a14 14 0 0 0-1.4 10.74C13.81 145.66 24 169 54.92 187.51S113.29 206 128 206s42.12 0 73.06-18.49s41.11-41.85 44.42-54.14a14 14 0 0 0-1.38-10.74M168.48 82.9A73.1 73.1 0 0 1 196.22 70a2.2 2.2 0 0 1 2.54 1.5c3.94 12.22 7.81 37.5-10.59 69.5a129.8 129.8 0 0 1-28 33.37C167.85 161 174 142.93 174 119.17a116.1 116.1 0 0 0-5.52-36.27M57.24 71.53A2.2 2.2 0 0 1 59.78 70a73.1 73.1 0 0 1 27.74 12.9A116.1 116.1 0 0 0 82 119.17c0 23.76 6.15 41.85 13.81 55.17a129.6 129.6 0 0 1-28-33.37C49.43 109 53.3 83.72 57.24 71.53m3.84 105.67c-27.3-16.31-36.15-36.42-39-47a2.08 2.08 0 0 1 .21-1.61a1.7 1.7 0 0 1 1-.8A62.2 62.2 0 0 1 48 126.72A126 126 0 0 0 57.43 147a141 141 0 0 0 41 44.72a114.8 114.8 0 0 1-37.35-14.52M128 192.86c-8.68-6.2-34-28.2-34-73.69c0-43.36 22.94-65.34 32.8-72.78a2 2 0 0 1 2.4 0c9.86 7.44 32.8 29.42 32.8 72.78c0 45.77-25.19 67.5-34 73.69m105.9-62.62c-2.85 10.54-11.7 30.65-39 47a114.8 114.8 0 0 1-37.38 14.47a141 141 0 0 0 41-44.72a126 126 0 0 0 9.48-20.27a62.2 62.2 0 0 1 24.73 1.11a1.7 1.7 0 0 1 1 .8a2.08 2.08 0 0 1 .19 1.61Z"/></svg>
</template>

CSS

.icon-flower-lotus-light {
  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%22M244.1%20122.63a13.56%2013.56%200%200%200-8.3-6.4a72.6%2072.6%200%200%200-24.17-2c4.67-20.63%201.62-36.91-1.45-46.4a14.16%2014.16%200%200%200-16.48-9.53a84.2%2084.2%200%200%200-29.76%2013.11a92.6%2092.6%200%200%200-27.52-34.6a14%2014%200%200%200-16.85%200a92.7%2092.7%200%200%200-27.51%2034.6A84.2%2084.2%200%200%200%2062.29%2058.3a14.15%2014.15%200%200%200-16.47%209.54c-3.07%209.49-6.12%2025.77-1.45%2046.4a72.6%2072.6%200%200%200-24.17%202a13.56%2013.56%200%200%200-8.3%206.4a14%2014%200%200%200-1.4%2010.74C13.81%20145.66%2024%20169%2054.92%20187.51S113.29%20206%20128%20206s42.12%200%2073.06-18.49s41.11-41.85%2044.42-54.14a14%2014%200%200%200-1.38-10.74M168.48%2082.9A73.1%2073.1%200%200%201%20196.22%2070a2.2%202.2%200%200%201%202.54%201.5c3.94%2012.22%207.81%2037.5-10.59%2069.5a129.8%20129.8%200%200%201-28%2033.37C167.85%20161%20174%20142.93%20174%20119.17a116.1%20116.1%200%200%200-5.52-36.27M57.24%2071.53A2.2%202.2%200%200%201%2059.78%2070a73.1%2073.1%200%200%201%2027.74%2012.9A116.1%20116.1%200%200%200%2082%20119.17c0%2023.76%206.15%2041.85%2013.81%2055.17a129.6%20129.6%200%200%201-28-33.37C49.43%20109%2053.3%2083.72%2057.24%2071.53m3.84%20105.67c-27.3-16.31-36.15-36.42-39-47a2.08%202.08%200%200%201%20.21-1.61a1.7%201.7%200%200%201%201-.8A62.2%2062.2%200%200%201%2048%20126.72A126%20126%200%200%200%2057.43%20147a141%20141%200%200%200%2041%2044.72a114.8%20114.8%200%200%201-37.35-14.52M128%20192.86c-8.68-6.2-34-28.2-34-73.69c0-43.36%2022.94-65.34%2032.8-72.78a2%202%200%200%201%202.4%200c9.86%207.44%2032.8%2029.42%2032.8%2072.78c0%2045.77-25.19%2067.5-34%2073.69m105.9-62.62c-2.85%2010.54-11.7%2030.65-39%2047a114.8%20114.8%200%200%201-37.38%2014.47a141%20141%200%200%200%2041-44.72a126%20126%200%200%200%209.48-20.27a62.2%2062.2%200%200%201%2024.73%201.11a1.7%201.7%200%200%201%201%20.8a2.08%202.08%200%200%201%20.19%201.61Z%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%22M244.1%20122.63a13.56%2013.56%200%200%200-8.3-6.4a72.6%2072.6%200%200%200-24.17-2c4.67-20.63%201.62-36.91-1.45-46.4a14.16%2014.16%200%200%200-16.48-9.53a84.2%2084.2%200%200%200-29.76%2013.11a92.6%2092.6%200%200%200-27.52-34.6a14%2014%200%200%200-16.85%200a92.7%2092.7%200%200%200-27.51%2034.6A84.2%2084.2%200%200%200%2062.29%2058.3a14.15%2014.15%200%200%200-16.47%209.54c-3.07%209.49-6.12%2025.77-1.45%2046.4a72.6%2072.6%200%200%200-24.17%202a13.56%2013.56%200%200%200-8.3%206.4a14%2014%200%200%200-1.4%2010.74C13.81%20145.66%2024%20169%2054.92%20187.51S113.29%20206%20128%20206s42.12%200%2073.06-18.49s41.11-41.85%2044.42-54.14a14%2014%200%200%200-1.38-10.74M168.48%2082.9A73.1%2073.1%200%200%201%20196.22%2070a2.2%202.2%200%200%201%202.54%201.5c3.94%2012.22%207.81%2037.5-10.59%2069.5a129.8%20129.8%200%200%201-28%2033.37C167.85%20161%20174%20142.93%20174%20119.17a116.1%20116.1%200%200%200-5.52-36.27M57.24%2071.53A2.2%202.2%200%200%201%2059.78%2070a73.1%2073.1%200%200%201%2027.74%2012.9A116.1%20116.1%200%200%200%2082%20119.17c0%2023.76%206.15%2041.85%2013.81%2055.17a129.6%20129.6%200%200%201-28-33.37C49.43%20109%2053.3%2083.72%2057.24%2071.53m3.84%20105.67c-27.3-16.31-36.15-36.42-39-47a2.08%202.08%200%200%201%20.21-1.61a1.7%201.7%200%200%201%201-.8A62.2%2062.2%200%200%201%2048%20126.72A126%20126%200%200%200%2057.43%20147a141%20141%200%200%200%2041%2044.72a114.8%20114.8%200%200%201-37.35-14.52M128%20192.86c-8.68-6.2-34-28.2-34-73.69c0-43.36%2022.94-65.34%2032.8-72.78a2%202%200%200%201%202.4%200c9.86%207.44%2032.8%2029.42%2032.8%2072.78c0%2045.77-25.19%2067.5-34%2073.69m105.9-62.62c-2.85%2010.54-11.7%2030.65-39%2047a114.8%20114.8%200%200%201-37.38%2014.47a141%20141%200%200%200%2041-44.72a126%20126%200%200%200%209.48-20.27a62.2%2062.2%200%200%201%2024.73%201.11a1.7%201.7%200%200%201%201%20.8a2.08%202.08%200%200%201%20.19%201.61Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/flower-lotus-light.svg?color=%231a73e8&size=48