The HugeIcons pencil edit 02 icon depicts a pencil, commonly used to represent actions like editing, modifying, or creating content.
Common uses
- Edit profile settings
- Modify document content
- Create a new entry
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { PencilEdit02Icon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={PencilEdit02Icon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- edit iconmodify iconupdate iconpencil icon
FAQ
- What does the pencil edit 02 icon represent?
- This icon represents an action related to editing or modifying content, such as changing text or settings.
- How do I use the PencilEdit02Icon in React?
- Import it using `import { PencilEdit02Icon } from '@hugeicons/core-free-icons';` and render it with `<HugeiconsIcon icon={PencilEdit02Icon} />`.
- What is the license for this icon?
- This icon is distributed under the MIT license, allowing for free use.
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 →