flower tulip icon

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

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

5 other variants in Phosphor

flower-tulipflower-tulip-duotoneflower-tulip-fillflower-tulip-lightflower-tulip-thin

The same icon in other sets

flower-tulipLucide Labflower-tulipMaterial Design Icons

Related icons in Phosphor

flower-lotus

Use the flower tulip icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M208 44a91.6 91.6 0 0 0-33.77 6.42c-15.8-24.4-39.72-36.58-40.86-37.15a12 12 0 0 0-10.74 0c-1.14.57-25.06 12.75-40.86 37.15A91.6 91.6 0 0 0 48 44a12 12 0 0 0-12 12v40a92.14 92.14 0 0 0 80 91.22v25.36l-30.63-15.31a12 12 0 0 0-10.74 21.46l48 24a12 12 0 0 0 10.74 0l48-24a12 12 0 1 0-10.74-21.46L140 212.58v-25.36A92.14 92.14 0 0 0 220 96V56a12 12 0 0 0-12-12m-80-6.06c6.37 4.16 17.13 12.31 25.21 24.2A92.6 92.6 0 0 0 128 90.61a92.8 92.8 0 0 0-25.21-28.47c8.08-11.89 18.84-20.04 25.21-24.2M60 96V69.06A68.11 68.11 0 0 1 116 136v26.94A68.12 68.12 0 0 1 60 96m136 0a68.12 68.12 0 0 1-56 66.94V136a68.11 68.11 0 0 1 56-66.94Z"/></svg>

React

import type { SVGProps } from "react";

export function PhFlowerTulipBold(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="M208 44a91.6 91.6 0 0 0-33.77 6.42c-15.8-24.4-39.72-36.58-40.86-37.15a12 12 0 0 0-10.74 0c-1.14.57-25.06 12.75-40.86 37.15A91.6 91.6 0 0 0 48 44a12 12 0 0 0-12 12v40a92.14 92.14 0 0 0 80 91.22v25.36l-30.63-15.31a12 12 0 0 0-10.74 21.46l48 24a12 12 0 0 0 10.74 0l48-24a12 12 0 1 0-10.74-21.46L140 212.58v-25.36A92.14 92.14 0 0 0 220 96V56a12 12 0 0 0-12-12m-80-6.06c6.37 4.16 17.13 12.31 25.21 24.2A92.6 92.6 0 0 0 128 90.61a92.8 92.8 0 0 0-25.21-28.47c8.08-11.89 18.84-20.04 25.21-24.2M60 96V69.06A68.11 68.11 0 0 1 116 136v26.94A68.12 68.12 0 0 1 60 96m136 0a68.12 68.12 0 0 1-56 66.94V136a68.11 68.11 0 0 1 56-66.94Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M208 44a91.6 91.6 0 0 0-33.77 6.42c-15.8-24.4-39.72-36.58-40.86-37.15a12 12 0 0 0-10.74 0c-1.14.57-25.06 12.75-40.86 37.15A91.6 91.6 0 0 0 48 44a12 12 0 0 0-12 12v40a92.14 92.14 0 0 0 80 91.22v25.36l-30.63-15.31a12 12 0 0 0-10.74 21.46l48 24a12 12 0 0 0 10.74 0l48-24a12 12 0 1 0-10.74-21.46L140 212.58v-25.36A92.14 92.14 0 0 0 220 96V56a12 12 0 0 0-12-12m-80-6.06c6.37 4.16 17.13 12.31 25.21 24.2A92.6 92.6 0 0 0 128 90.61a92.8 92.8 0 0 0-25.21-28.47c8.08-11.89 18.84-20.04 25.21-24.2M60 96V69.06A68.11 68.11 0 0 1 116 136v26.94A68.12 68.12 0 0 1 60 96m136 0a68.12 68.12 0 0 1-56 66.94V136a68.11 68.11 0 0 1 56-66.94Z"/></svg>
</template>

CSS

.icon-flower-tulip-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%22M208%2044a91.6%2091.6%200%200%200-33.77%206.42c-15.8-24.4-39.72-36.58-40.86-37.15a12%2012%200%200%200-10.74%200c-1.14.57-25.06%2012.75-40.86%2037.15A91.6%2091.6%200%200%200%2048%2044a12%2012%200%200%200-12%2012v40a92.14%2092.14%200%200%200%2080%2091.22v25.36l-30.63-15.31a12%2012%200%200%200-10.74%2021.46l48%2024a12%2012%200%200%200%2010.74%200l48-24a12%2012%200%201%200-10.74-21.46L140%20212.58v-25.36A92.14%2092.14%200%200%200%20220%2096V56a12%2012%200%200%200-12-12m-80-6.06c6.37%204.16%2017.13%2012.31%2025.21%2024.2A92.6%2092.6%200%200%200%20128%2090.61a92.8%2092.8%200%200%200-25.21-28.47c8.08-11.89%2018.84-20.04%2025.21-24.2M60%2096V69.06A68.11%2068.11%200%200%201%20116%20136v26.94A68.12%2068.12%200%200%201%2060%2096m136%200a68.12%2068.12%200%200%201-56%2066.94V136a68.11%2068.11%200%200%201%2056-66.94Z%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%22M208%2044a91.6%2091.6%200%200%200-33.77%206.42c-15.8-24.4-39.72-36.58-40.86-37.15a12%2012%200%200%200-10.74%200c-1.14.57-25.06%2012.75-40.86%2037.15A91.6%2091.6%200%200%200%2048%2044a12%2012%200%200%200-12%2012v40a92.14%2092.14%200%200%200%2080%2091.22v25.36l-30.63-15.31a12%2012%200%200%200-10.74%2021.46l48%2024a12%2012%200%200%200%2010.74%200l48-24a12%2012%200%201%200-10.74-21.46L140%20212.58v-25.36A92.14%2092.14%200%200%200%20220%2096V56a12%2012%200%200%200-12-12m-80-6.06c6.37%204.16%2017.13%2012.31%2025.21%2024.2A92.6%2092.6%200%200%200%20128%2090.61a92.8%2092.8%200%200%200-25.21-28.47c8.08-11.89%2018.84-20.04%2025.21-24.2M60%2096V69.06A68.11%2068.11%200%200%201%20116%20136v26.94A68.12%2068.12%200%200%201%2060%2096m136%200a68.12%2068.12%200%200%201-56%2066.94V136a68.11%2068.11%200%200%201%2056-66.94Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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