The Lucide pencil off icon visually represents a disabled or inactive editing state, commonly used to indicate that an item cannot be modified.
Common uses
- Disabling the edit button for read-only content.
- Showing a form field that is not editable.
- Indicating a locked or frozen record.
Use it in React
Install
npm i lucide-reactImport & render
import { PencilOff } from 'lucide-react';
<PencilOff size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- disabledinactivenon-editablelockedread-onlyunmodifiablefrozenrestrictedrubbereditcreatedrawsketchdraftwriterwriting
FAQ
- What does the pencil off icon signify?
- It signifies that editing functionality is turned off or unavailable for a particular element or action.
- How do I use the pencil off icon in React?
- You can import and use it like this: import { PencilOff } from 'lucide-react'. Then render it as <PencilOff />.
- What is the license for this icon?
- The Lucide icon library, including the pencil off 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 →