What is the butterfly icon used for?

It's used to visually represent nature, insects, or abstract concepts like transformation and beauty in user interfaces.

How do I use the butterfly icon in React?

Import it using `import { IconButterfly } from '@tabler/icons-react'` and then use it as a component: ` `.

The Tabler icons, including the butterfly, are distributed under the MIT license.

Tabler · butterfly · MIT

The Tabler butterfly icon depicts a stylized butterfly, commonly used to represent nature, growth, transformation, or delicate themes in UI design.

Install

npm i @tabler/icons-react

Import & render

import { IconButterfly } from '@tabler/icons-react';

<IconButterfly size={24} stroke={2} />

Tabler ships this icon in 2 styles — each its own import:

outline

<IconButterfly size={24} stroke={2} />

filled

<IconButterflyFilled size={24} stroke={2} />

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: Nature
Keywords: animalinsectnatureflywingsbutterflyenvironmentnaturaloutdoorecosysteminsect iconnature iconwings iconanimal icon

What is the butterfly icon used for?: It's used to visually represent nature, insects, or abstract concepts like transformation and beauty in user interfaces.
How do I use the butterfly icon in React?: Import it using `import { IconButterfly } from '@tabler/icons-react'` and then use it as a component: `<IconButterfly />`.
What is the license for the Tabler butterfly icon?: The Tabler icons, including the butterfly, are distributed under the MIT license.

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

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