The Lucide pen icon depicts a writing instrument and is commonly used in UI to represent actions related to editing, creating, or writing content.
Common uses
- Edit post button
- Create new document
- Open writing settings
Use it in React
Install
npm i lucide-reactImport & render
import { Pen } from 'lucide-react';
<Pen size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- pencilchangecreatedrawwriterwritingbiroinkmarkerfelt tipstationeryartistpenedit
FAQ
- What is the pen icon used for?
- It signifies actions like editing, creating, or writing. It's useful for buttons related to text modification or content generation.
- How do I use the pen icon in React?
- You can import and use it directly from the 'lucide-react' library like this: import { Pen } from 'lucide-react'.
- What is the license for the Lucide pen icon?
- The Lucide icon library, including the pen 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 →