Edit Pixel Art Icon
An edit icon for text editing, inline content changes, 'Modify record' actions, and pencil-button triggers across interfaces.
Tags
modifychangepen
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Edit icon
A pencil or pen icon, the universal symbol for editing or modifying content. Use it on an 'Edit' button in a data table row, a toolbar action that opens a text editor, an inline edit trigger next to a profile field, or a floating action button for composing content. It signals entry into write or modify mode. When clearing content is the goal, the eraser is more precise; for destructive removal, the delete icon sets the right expectation.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/edit.svg" width="24" height="24" alt="Edit" />
<!-- React -->
import { Edit } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="edit.svg" width="48" height="48" style="image-rendering: pixelated" />