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