flower icon

flower-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name
flower-bold
Set
Phosphor
Style
Bold
Viewbox
256×256
License
MIT

5 other variants in Phosphor

flowerflower-duotoneflower-fillflower-lightflower-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="M215.64 128a44 44 0 0 0-43.82-75.9a44 44 0 0 0-87.64 0A44 44 0 0 0 40.36 128a44 44 0 0 0 43.82 75.89a44 44 0 0 0 87.64 0A44 44 0 0 0 215.64 128M108 128a20 20 0 1 1 20 20a20 20 0 0 1-20-20m72.35-53.32a20 20 0 1 1 20 34.64c-2.65 1.53-10.52 4.88-30.1 6.42a44.1 44.1 0 0 0-10.52-18.18c11.13-16.2 17.97-21.35 20.62-22.88M128 36a20 20 0 0 1 20 20c0 3.06-1 11.55-9.49 29.28a43.8 43.8 0 0 0-21 0C109 67.55 108 59.06 108 56a20 20 0 0 1 20-20M48.33 82a20 20 0 0 1 27.32-7.32c2.65 1.53 9.49 6.68 20.62 22.88a44.1 44.1 0 0 0-10.52 18.18c-19.58-1.54-27.45-4.89-30.1-6.42A20 20 0 0 1 48.33 82m27.32 99.32a20 20 0 1 1-20-34.64c2.65-1.53 10.52-4.88 30.1-6.42a44.1 44.1 0 0 0 10.52 18.18c-11.13 16.2-17.97 21.35-20.62 22.88M128 220a20 20 0 0 1-20-20c0-3.06 1-11.55 9.49-29.28a43.8 43.8 0 0 0 21 0C147 188.45 148 196.94 148 200a20 20 0 0 1-20 20m79.67-46a20 20 0 0 1-27.32 7.32c-2.65-1.53-9.49-6.68-20.62-22.88a44.1 44.1 0 0 0 10.52-18.18c19.58 1.54 27.45 4.89 30.1 6.42a20 20 0 0 1 7.32 27.32"/></svg>

React

import type { SVGProps } from "react";

export function PhFlowerBold(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="M215.64 128a44 44 0 0 0-43.82-75.9a44 44 0 0 0-87.64 0A44 44 0 0 0 40.36 128a44 44 0 0 0 43.82 75.89a44 44 0 0 0 87.64 0A44 44 0 0 0 215.64 128M108 128a20 20 0 1 1 20 20a20 20 0 0 1-20-20m72.35-53.32a20 20 0 1 1 20 34.64c-2.65 1.53-10.52 4.88-30.1 6.42a44.1 44.1 0 0 0-10.52-18.18c11.13-16.2 17.97-21.35 20.62-22.88M128 36a20 20 0 0 1 20 20c0 3.06-1 11.55-9.49 29.28a43.8 43.8 0 0 0-21 0C109 67.55 108 59.06 108 56a20 20 0 0 1 20-20M48.33 82a20 20 0 0 1 27.32-7.32c2.65 1.53 9.49 6.68 20.62 22.88a44.1 44.1 0 0 0-10.52 18.18c-19.58-1.54-27.45-4.89-30.1-6.42A20 20 0 0 1 48.33 82m27.32 99.32a20 20 0 1 1-20-34.64c2.65-1.53 10.52-4.88 30.1-6.42a44.1 44.1 0 0 0 10.52 18.18c-11.13 16.2-17.97 21.35-20.62 22.88M128 220a20 20 0 0 1-20-20c0-3.06 1-11.55 9.49-29.28a43.8 43.8 0 0 0 21 0C147 188.45 148 196.94 148 200a20 20 0 0 1-20 20m79.67-46a20 20 0 0 1-27.32 7.32c-2.65-1.53-9.49-6.68-20.62-22.88a44.1 44.1 0 0 0 10.52-18.18c19.58 1.54 27.45 4.89 30.1 6.42a20 20 0 0 1 7.32 27.32"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M215.64 128a44 44 0 0 0-43.82-75.9a44 44 0 0 0-87.64 0A44 44 0 0 0 40.36 128a44 44 0 0 0 43.82 75.89a44 44 0 0 0 87.64 0A44 44 0 0 0 215.64 128M108 128a20 20 0 1 1 20 20a20 20 0 0 1-20-20m72.35-53.32a20 20 0 1 1 20 34.64c-2.65 1.53-10.52 4.88-30.1 6.42a44.1 44.1 0 0 0-10.52-18.18c11.13-16.2 17.97-21.35 20.62-22.88M128 36a20 20 0 0 1 20 20c0 3.06-1 11.55-9.49 29.28a43.8 43.8 0 0 0-21 0C109 67.55 108 59.06 108 56a20 20 0 0 1 20-20M48.33 82a20 20 0 0 1 27.32-7.32c2.65 1.53 9.49 6.68 20.62 22.88a44.1 44.1 0 0 0-10.52 18.18c-19.58-1.54-27.45-4.89-30.1-6.42A20 20 0 0 1 48.33 82m27.32 99.32a20 20 0 1 1-20-34.64c2.65-1.53 10.52-4.88 30.1-6.42a44.1 44.1 0 0 0 10.52 18.18c-11.13 16.2-17.97 21.35-20.62 22.88M128 220a20 20 0 0 1-20-20c0-3.06 1-11.55 9.49-29.28a43.8 43.8 0 0 0 21 0C147 188.45 148 196.94 148 200a20 20 0 0 1-20 20m79.67-46a20 20 0 0 1-27.32 7.32c-2.65-1.53-9.49-6.68-20.62-22.88a44.1 44.1 0 0 0 10.52-18.18c19.58 1.54 27.45 4.89 30.1 6.42a20 20 0 0 1 7.32 27.32"/></svg>
</template>

CSS

.icon-flower-bold {
  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%22M215.64%20128a44%2044%200%200%200-43.82-75.9a44%2044%200%200%200-87.64%200A44%2044%200%200%200%2040.36%20128a44%2044%200%200%200%2043.82%2075.89a44%2044%200%200%200%2087.64%200A44%2044%200%200%200%20215.64%20128M108%20128a20%2020%200%201%201%2020%2020a20%2020%200%200%201-20-20m72.35-53.32a20%2020%200%201%201%2020%2034.64c-2.65%201.53-10.52%204.88-30.1%206.42a44.1%2044.1%200%200%200-10.52-18.18c11.13-16.2%2017.97-21.35%2020.62-22.88M128%2036a20%2020%200%200%201%2020%2020c0%203.06-1%2011.55-9.49%2029.28a43.8%2043.8%200%200%200-21%200C109%2067.55%20108%2059.06%20108%2056a20%2020%200%200%201%2020-20M48.33%2082a20%2020%200%200%201%2027.32-7.32c2.65%201.53%209.49%206.68%2020.62%2022.88a44.1%2044.1%200%200%200-10.52%2018.18c-19.58-1.54-27.45-4.89-30.1-6.42A20%2020%200%200%201%2048.33%2082m27.32%2099.32a20%2020%200%201%201-20-34.64c2.65-1.53%2010.52-4.88%2030.1-6.42a44.1%2044.1%200%200%200%2010.52%2018.18c-11.13%2016.2-17.97%2021.35-20.62%2022.88M128%20220a20%2020%200%200%201-20-20c0-3.06%201-11.55%209.49-29.28a43.8%2043.8%200%200%200%2021%200C147%20188.45%20148%20196.94%20148%20200a20%2020%200%200%201-20%2020m79.67-46a20%2020%200%200%201-27.32%207.32c-2.65-1.53-9.49-6.68-20.62-22.88a44.1%2044.1%200%200%200%2010.52-18.18c19.58%201.54%2027.45%204.89%2030.1%206.42a20%2020%200%200%201%207.32%2027.32%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%22M215.64%20128a44%2044%200%200%200-43.82-75.9a44%2044%200%200%200-87.64%200A44%2044%200%200%200%2040.36%20128a44%2044%200%200%200%2043.82%2075.89a44%2044%200%200%200%2087.64%200A44%2044%200%200%200%20215.64%20128M108%20128a20%2020%200%201%201%2020%2020a20%2020%200%200%201-20-20m72.35-53.32a20%2020%200%201%201%2020%2034.64c-2.65%201.53-10.52%204.88-30.1%206.42a44.1%2044.1%200%200%200-10.52-18.18c11.13-16.2%2017.97-21.35%2020.62-22.88M128%2036a20%2020%200%200%201%2020%2020c0%203.06-1%2011.55-9.49%2029.28a43.8%2043.8%200%200%200-21%200C109%2067.55%20108%2059.06%20108%2056a20%2020%200%200%201%2020-20M48.33%2082a20%2020%200%200%201%2027.32-7.32c2.65%201.53%209.49%206.68%2020.62%2022.88a44.1%2044.1%200%200%200-10.52%2018.18c-19.58-1.54-27.45-4.89-30.1-6.42A20%2020%200%200%201%2048.33%2082m27.32%2099.32a20%2020%200%201%201-20-34.64c2.65-1.53%2010.52-4.88%2030.1-6.42a44.1%2044.1%200%200%200%2010.52%2018.18c-11.13%2016.2-17.97%2021.35-20.62%2022.88M128%20220a20%2020%200%200%201-20-20c0-3.06%201-11.55%209.49-29.28a43.8%2043.8%200%200%200%2021%200C147%20188.45%20148%20196.94%20148%20200a20%2020%200%200%201-20%2020m79.67-46a20%2020%200%200%201-27.32%207.32c-2.65-1.53-9.49-6.68-20.62-22.88a44.1%2044.1%200%200%200%2010.52-18.18c19.58%201.54%2027.45%204.89%2030.1%206.42a20%2020%200%200%201%207.32%2027.32%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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