What is the FeatherIcon used for?

It's typically used to represent concepts like writing, editing, lightness, or freedom in user interfaces.

How do I use FeatherIcon in React?

Import both HugeiconsIcon and FeatherIcon, then render .

What is the license for this icon?

The FeatherIcon is distributed under the MIT license.

feather icon

HugeIcons · FeatherIcon · MIT

The HugeIcons feather icon depicts a light, delicate feather, often used to symbolize lightness, writing, or freedom in UI design.

Common uses

Writing/editing tools
Indicate 'light mode'
Symbolize freedom or creativity

Use it in React

Install

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

Import & render

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

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

Details

Library: HugeIcons (5,121 icons)
License: MIT
viewBox: 0 0 24 24
Keywords: writing iconedit iconlight iconpen icon

FAQ

What is the FeatherIcon used for?: It's typically used to represent concepts like writing, editing, lightness, or freedom in user interfaces.
How do I use FeatherIcon in React?: Import both HugeiconsIcon and FeatherIcon, then render <HugeiconsIcon icon={FeatherIcon} />.
What is the license for this icon?: The FeatherIcon is distributed under the MIT license.

Related icons

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

lucide phosphor tabler

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 →