flower icon

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

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

5 other variants in Phosphor

flowerflower-boldflower-duotoneflower-fillflower-thin

The same icon in other sets

flowerHuge IconsflowerIconoirflowerIonIconsflowerJam IconsflowerLucideflowerMaterial Design Iconsflower-fillMingCute IconflowerMyna UI Iconsflower-fillRemix IconflowerSimple IconsflowerTabler IconsflowerUnicons

Related icons in Phosphor

flower-lotusflower-tulip

Use the flower icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M209.35 131.09a42 42 0 0 0-6.82-3.09a42 42 0 0 0 6.82-3.09a38 38 0 1 0-38-65.82a43.3 43.3 0 0 0-6.08 4.36A43 43 0 0 0 166 56a38 38 0 0 0-76 0a43 43 0 0 0 .73 7.45a43.3 43.3 0 0 0-6.08-4.36a38 38 0 0 0-38 65.82a42 42 0 0 0 6.82 3.09a42 42 0 0 0-6.82 3.09a38 38 0 0 0 9.16 69.62a38.5 38.5 0 0 0 9.9 1.31a37.8 37.8 0 0 0 18.94-5.11a43.3 43.3 0 0 0 6.08-4.36A43 43 0 0 0 90 200a38 38 0 0 0 76 0a43 43 0 0 0-.73-7.45a43.3 43.3 0 0 0 6.08 4.36a37.8 37.8 0 0 0 18.94 5.09a38.5 38.5 0 0 0 9.9-1.31a38 38 0 0 0 9.16-69.62Zm-32-61.61a26 26 0 1 1 26 45c-4.77 2.75-14.92 6.15-36.4 7.47l-1.44-.08A38 38 0 0 0 152 98.58l.66-1.31c11.9-17.94 19.92-25.03 24.69-27.79M128 154a26 26 0 1 1 26-26a26 26 0 0 1-26 26m0-124a26 26 0 0 1 26 26c0 5.51-2.13 16-11.73 35.27c-.26.4-.53.8-.79 1.21a37.88 37.88 0 0 0-27 0l-.79-1.22C104.13 72 102 61.51 102 56a26 26 0 0 1 26-26m-75.35 84.52a26 26 0 0 1 26-45c4.77 2.76 12.79 9.85 24.67 27.79l.66 1.31a38 38 0 0 0-13.49 23.33l-1.44.08c-21.48-1.36-31.63-4.76-36.4-7.51m26 72a26 26 0 0 1-26-45c4.77-2.75 14.92-6.15 36.4-7.47l1.44.08A38 38 0 0 0 104 157.42l-.66 1.31c-11.9 17.94-19.92 25.03-24.69 27.79M128 226a26 26 0 0 1-26-26c0-5.51 2.13-16 11.73-35.27c.26-.4.53-.8.79-1.21a37.88 37.88 0 0 0 27 0l.79 1.22C151.87 184 154 194.49 154 200a26 26 0 0 1-26 26m84.87-49a26 26 0 0 1-35.52 9.52c-4.77-2.76-12.79-9.85-24.67-27.79l-.66-1.31a38 38 0 0 0 13.49-23.33L167 134c21.48 1.32 31.63 4.72 36.4 7.47a26 26 0 0 1 9.47 35.53"/></svg>

React

import type { SVGProps } from "react";

export function PhFlowerLight(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="M209.35 131.09a42 42 0 0 0-6.82-3.09a42 42 0 0 0 6.82-3.09a38 38 0 1 0-38-65.82a43.3 43.3 0 0 0-6.08 4.36A43 43 0 0 0 166 56a38 38 0 0 0-76 0a43 43 0 0 0 .73 7.45a43.3 43.3 0 0 0-6.08-4.36a38 38 0 0 0-38 65.82a42 42 0 0 0 6.82 3.09a42 42 0 0 0-6.82 3.09a38 38 0 0 0 9.16 69.62a38.5 38.5 0 0 0 9.9 1.31a37.8 37.8 0 0 0 18.94-5.11a43.3 43.3 0 0 0 6.08-4.36A43 43 0 0 0 90 200a38 38 0 0 0 76 0a43 43 0 0 0-.73-7.45a43.3 43.3 0 0 0 6.08 4.36a37.8 37.8 0 0 0 18.94 5.09a38.5 38.5 0 0 0 9.9-1.31a38 38 0 0 0 9.16-69.62Zm-32-61.61a26 26 0 1 1 26 45c-4.77 2.75-14.92 6.15-36.4 7.47l-1.44-.08A38 38 0 0 0 152 98.58l.66-1.31c11.9-17.94 19.92-25.03 24.69-27.79M128 154a26 26 0 1 1 26-26a26 26 0 0 1-26 26m0-124a26 26 0 0 1 26 26c0 5.51-2.13 16-11.73 35.27c-.26.4-.53.8-.79 1.21a37.88 37.88 0 0 0-27 0l-.79-1.22C104.13 72 102 61.51 102 56a26 26 0 0 1 26-26m-75.35 84.52a26 26 0 0 1 26-45c4.77 2.76 12.79 9.85 24.67 27.79l.66 1.31a38 38 0 0 0-13.49 23.33l-1.44.08c-21.48-1.36-31.63-4.76-36.4-7.51m26 72a26 26 0 0 1-26-45c4.77-2.75 14.92-6.15 36.4-7.47l1.44.08A38 38 0 0 0 104 157.42l-.66 1.31c-11.9 17.94-19.92 25.03-24.69 27.79M128 226a26 26 0 0 1-26-26c0-5.51 2.13-16 11.73-35.27c.26-.4.53-.8.79-1.21a37.88 37.88 0 0 0 27 0l.79 1.22C151.87 184 154 194.49 154 200a26 26 0 0 1-26 26m84.87-49a26 26 0 0 1-35.52 9.52c-4.77-2.76-12.79-9.85-24.67-27.79l-.66-1.31a38 38 0 0 0 13.49-23.33L167 134c21.48 1.32 31.63 4.72 36.4 7.47a26 26 0 0 1 9.47 35.53"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M209.35 131.09a42 42 0 0 0-6.82-3.09a42 42 0 0 0 6.82-3.09a38 38 0 1 0-38-65.82a43.3 43.3 0 0 0-6.08 4.36A43 43 0 0 0 166 56a38 38 0 0 0-76 0a43 43 0 0 0 .73 7.45a43.3 43.3 0 0 0-6.08-4.36a38 38 0 0 0-38 65.82a42 42 0 0 0 6.82 3.09a42 42 0 0 0-6.82 3.09a38 38 0 0 0 9.16 69.62a38.5 38.5 0 0 0 9.9 1.31a37.8 37.8 0 0 0 18.94-5.11a43.3 43.3 0 0 0 6.08-4.36A43 43 0 0 0 90 200a38 38 0 0 0 76 0a43 43 0 0 0-.73-7.45a43.3 43.3 0 0 0 6.08 4.36a37.8 37.8 0 0 0 18.94 5.09a38.5 38.5 0 0 0 9.9-1.31a38 38 0 0 0 9.16-69.62Zm-32-61.61a26 26 0 1 1 26 45c-4.77 2.75-14.92 6.15-36.4 7.47l-1.44-.08A38 38 0 0 0 152 98.58l.66-1.31c11.9-17.94 19.92-25.03 24.69-27.79M128 154a26 26 0 1 1 26-26a26 26 0 0 1-26 26m0-124a26 26 0 0 1 26 26c0 5.51-2.13 16-11.73 35.27c-.26.4-.53.8-.79 1.21a37.88 37.88 0 0 0-27 0l-.79-1.22C104.13 72 102 61.51 102 56a26 26 0 0 1 26-26m-75.35 84.52a26 26 0 0 1 26-45c4.77 2.76 12.79 9.85 24.67 27.79l.66 1.31a38 38 0 0 0-13.49 23.33l-1.44.08c-21.48-1.36-31.63-4.76-36.4-7.51m26 72a26 26 0 0 1-26-45c4.77-2.75 14.92-6.15 36.4-7.47l1.44.08A38 38 0 0 0 104 157.42l-.66 1.31c-11.9 17.94-19.92 25.03-24.69 27.79M128 226a26 26 0 0 1-26-26c0-5.51 2.13-16 11.73-35.27c.26-.4.53-.8.79-1.21a37.88 37.88 0 0 0 27 0l.79 1.22C151.87 184 154 194.49 154 200a26 26 0 0 1-26 26m84.87-49a26 26 0 0 1-35.52 9.52c-4.77-2.76-12.79-9.85-24.67-27.79l-.66-1.31a38 38 0 0 0 13.49-23.33L167 134c21.48 1.32 31.63 4.72 36.4 7.47a26 26 0 0 1 9.47 35.53"/></svg>
</template>

CSS

.icon-flower-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%22M209.35%20131.09a42%2042%200%200%200-6.82-3.09a42%2042%200%200%200%206.82-3.09a38%2038%200%201%200-38-65.82a43.3%2043.3%200%200%200-6.08%204.36A43%2043%200%200%200%20166%2056a38%2038%200%200%200-76%200a43%2043%200%200%200%20.73%207.45a43.3%2043.3%200%200%200-6.08-4.36a38%2038%200%200%200-38%2065.82a42%2042%200%200%200%206.82%203.09a42%2042%200%200%200-6.82%203.09a38%2038%200%200%200%209.16%2069.62a38.5%2038.5%200%200%200%209.9%201.31a37.8%2037.8%200%200%200%2018.94-5.11a43.3%2043.3%200%200%200%206.08-4.36A43%2043%200%200%200%2090%20200a38%2038%200%200%200%2076%200a43%2043%200%200%200-.73-7.45a43.3%2043.3%200%200%200%206.08%204.36a37.8%2037.8%200%200%200%2018.94%205.09a38.5%2038.5%200%200%200%209.9-1.31a38%2038%200%200%200%209.16-69.62Zm-32-61.61a26%2026%200%201%201%2026%2045c-4.77%202.75-14.92%206.15-36.4%207.47l-1.44-.08A38%2038%200%200%200%20152%2098.58l.66-1.31c11.9-17.94%2019.92-25.03%2024.69-27.79M128%20154a26%2026%200%201%201%2026-26a26%2026%200%200%201-26%2026m0-124a26%2026%200%200%201%2026%2026c0%205.51-2.13%2016-11.73%2035.27c-.26.4-.53.8-.79%201.21a37.88%2037.88%200%200%200-27%200l-.79-1.22C104.13%2072%20102%2061.51%20102%2056a26%2026%200%200%201%2026-26m-75.35%2084.52a26%2026%200%200%201%2026-45c4.77%202.76%2012.79%209.85%2024.67%2027.79l.66%201.31a38%2038%200%200%200-13.49%2023.33l-1.44.08c-21.48-1.36-31.63-4.76-36.4-7.51m26%2072a26%2026%200%200%201-26-45c4.77-2.75%2014.92-6.15%2036.4-7.47l1.44.08A38%2038%200%200%200%20104%20157.42l-.66%201.31c-11.9%2017.94-19.92%2025.03-24.69%2027.79M128%20226a26%2026%200%200%201-26-26c0-5.51%202.13-16%2011.73-35.27c.26-.4.53-.8.79-1.21a37.88%2037.88%200%200%200%2027%200l.79%201.22C151.87%20184%20154%20194.49%20154%20200a26%2026%200%200%201-26%2026m84.87-49a26%2026%200%200%201-35.52%209.52c-4.77-2.76-12.79-9.85-24.67-27.79l-.66-1.31a38%2038%200%200%200%2013.49-23.33L167%20134c21.48%201.32%2031.63%204.72%2036.4%207.47a26%2026%200%200%201%209.47%2035.53%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%22M209.35%20131.09a42%2042%200%200%200-6.82-3.09a42%2042%200%200%200%206.82-3.09a38%2038%200%201%200-38-65.82a43.3%2043.3%200%200%200-6.08%204.36A43%2043%200%200%200%20166%2056a38%2038%200%200%200-76%200a43%2043%200%200%200%20.73%207.45a43.3%2043.3%200%200%200-6.08-4.36a38%2038%200%200%200-38%2065.82a42%2042%200%200%200%206.82%203.09a42%2042%200%200%200-6.82%203.09a38%2038%200%200%200%209.16%2069.62a38.5%2038.5%200%200%200%209.9%201.31a37.8%2037.8%200%200%200%2018.94-5.11a43.3%2043.3%200%200%200%206.08-4.36A43%2043%200%200%200%2090%20200a38%2038%200%200%200%2076%200a43%2043%200%200%200-.73-7.45a43.3%2043.3%200%200%200%206.08%204.36a37.8%2037.8%200%200%200%2018.94%205.09a38.5%2038.5%200%200%200%209.9-1.31a38%2038%200%200%200%209.16-69.62Zm-32-61.61a26%2026%200%201%201%2026%2045c-4.77%202.75-14.92%206.15-36.4%207.47l-1.44-.08A38%2038%200%200%200%20152%2098.58l.66-1.31c11.9-17.94%2019.92-25.03%2024.69-27.79M128%20154a26%2026%200%201%201%2026-26a26%2026%200%200%201-26%2026m0-124a26%2026%200%200%201%2026%2026c0%205.51-2.13%2016-11.73%2035.27c-.26.4-.53.8-.79%201.21a37.88%2037.88%200%200%200-27%200l-.79-1.22C104.13%2072%20102%2061.51%20102%2056a26%2026%200%200%201%2026-26m-75.35%2084.52a26%2026%200%200%201%2026-45c4.77%202.76%2012.79%209.85%2024.67%2027.79l.66%201.31a38%2038%200%200%200-13.49%2023.33l-1.44.08c-21.48-1.36-31.63-4.76-36.4-7.51m26%2072a26%2026%200%200%201-26-45c4.77-2.75%2014.92-6.15%2036.4-7.47l1.44.08A38%2038%200%200%200%20104%20157.42l-.66%201.31c-11.9%2017.94-19.92%2025.03-24.69%2027.79M128%20226a26%2026%200%200%201-26-26c0-5.51%202.13-16%2011.73-35.27c.26-.4.53-.8.79-1.21a37.88%2037.88%200%200%200%2027%200l.79%201.22C151.87%20184%20154%20194.49%20154%20200a26%2026%200%200%201-26%2026m84.87-49a26%2026%200%200%201-35.52%209.52c-4.77-2.76-12.79-9.85-24.67-27.79l-.66-1.31a38%2038%200%200%200%2013.49-23.33L167%20134c21.48%201.32%2031.63%204.72%2036.4%207.47a26%2026%200%200%201%209.47%2035.53%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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