What is the FlowerIcon used for?

It's used to visually represent concepts like nature, growth, beauty, or organic elements in UI designs.

How do I use FlowerIcon in React?

Import both HugeiconsIcon and FlowerIcon, then render .

What is the license for this icon?

The FlowerIcon is part of the HugeIcons library and is available under the MIT license.

flower icon

HugeIcons · FlowerIcon · MIT

The HugeIcons flower icon depicts a stylized bloom, commonly used to represent nature, growth, beauty, or organic elements in user interfaces.

Common uses

Nature-themed applications
Gardening or floral e-commerce
Representing 'new' or 'blooming' features

Use it in React

Install

npm i @hugeicons/react @hugeicons/core-free-icons

Import & render

import { HugeiconsIcon } from '@hugeicons/react';
import { FlowerIcon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={FlowerIcon} size={24} strokeWidth={1.5} />

Details

Library: HugeIcons (5,121 icons)
License: MIT
viewBox: 0 0 24 24
Keywords: bloomblossompetalflora

FAQ

What is the FlowerIcon used for?: It's used to visually represent concepts like nature, growth, beauty, or organic elements in UI designs.
How do I use FlowerIcon in React?: Import both HugeiconsIcon and FlowerIcon, then render <HugeiconsIcon icon={FlowerIcon} />.
What is the license for this icon?: The FlowerIcon is part of the HugeIcons library and is available under the MIT license.

Related icons

The same idea in other libraries, and near matches in HugeIcons.

lucide phosphor tabler hugeicons

Looking for something else? Search HugeIcons and 4 more libraries by description →

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →