The Lucide square pen icon depicts a pen within a square, commonly used to represent actions like editing, creating, or drafting content.
Common uses
- Edit document button
- Create new entry action
- Drafting a post
Use it in React
Install
npm i lucide-reactImport & render
import { SquarePen } from 'lucide-react';
<SquarePen size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- pencileditchangecreatedrawsketchdraftwriterwritingbiroinkmarkerfelt tipstationeryartistsquare
FAQ
- What does the square pen icon represent?
- It represents actions related to writing, editing, creating, or drafting, often within a defined space or context indicated by the square.
- How do I use the square pen icon in React?
- You can import and use it in your React components like this: import { SquarePen } from 'lucide-react'.
- What is the license for the Lucide square pen icon?
- The Lucide icon library, including the square 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 →