The Lucide pencil icon depicts a writing utensil and is commonly used in user interfaces to represent actions like editing, creating, or drafting content.
Common uses
- Edit post
- Create new document
- Open writing settings
Use it in React
Install
npm i lucide-reactImport & render
import { Pencil } from 'lucide-react';
<Pencil size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- rubbereditcreatedrawsketchdraftwriterwritingstationeryartistpencilwrite
FAQ
- What is the pencil icon used for?
- It signifies actions related to editing, creating, or writing. It's a universal symbol for modification or content generation.
- How do I use the pencil icon in React?
- Import it from the 'lucide-react' library like this: import { Pencil } from 'lucide-react'. Then use it as a React component: <Pencil />.
- What is the license for the Lucide pencil icon?
- The Lucide icon library, including the pencil 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 →