The HugeIcons edit off icon visually represents the inability to edit or modify content, often used to indicate a disabled or read-only state.
Common uses
- Disabling form fields
- Indicating read-only data
- Toggling edit mode off
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { EditOffIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={EditOffIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- disable editread onlyno editedit disabled
FAQ
- What does the EditOffIcon signify?
- The EditOffIcon signifies that editing or modification is not allowed. It's commonly used to show that a field or section is in a read-only or disabled state.
- How do I use EditOffIcon in React?
- To use the EditOffIcon in React, import both HugeiconsIcon and EditOffIcon, then render it using <HugeiconsIcon icon={EditOffIcon} />.
- What is the license for HugeIcons?
- HugeIcons are released under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →