The Lucide feather icon depicts a light, delicate feather, often used to symbolize lightness, writing, or freedom in UI design.
Common uses
- Indicate a lightweight feature or option.
- Represent a writing or content creation tool.
- Symbolize freedom or simplicity.
Use it in React
Install
npm i lucide-reactImport & render
import { Feather } from 'lucide-react';
<Feather size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- logofeatherquillwritinglightpen
FAQ
- What is the feather icon typically used for?
- It's often used to represent concepts like lightness, writing, or freedom in user interfaces.
- How do I use the feather icon in React?
- You can import and use it like this: import { Feather } from 'lucide-react'. Then render it as <Feather />.
- What is the license for the Lucide feather icon?
- The Lucide icon library, including the feather icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →