Color

Mage Icons

Edit Icon

Free SVG icon from the Mage Icons collection. Download or copy for use in any project.

Collection: Mage Icons
Format: SVG, Font, PNG
License: Apache 2.0 - Free for commercial use
Style: Outline
Tags: edit pencil write modify change update

The Edit icon is commonly used in content management systems, form toolbars and inline editors. Available as a free SVG - copy the code or download directly.

img tag

<img src="https://proicons.com/icon/310690.svg" alt="Edit icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/310690.svg" alt="Edit icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/310690.svg"
  alt="Edit icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-edit {
  background-image: url('https://proicons.com/icon/310690.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.0906 14.4414V18.8806C19.0906 19.1918 19.0293 19.4999 18.9102 19.7874C18.7912 20.0748 18.6166 20.336 18.3966 20.556C18.1766 20.7761 17.9154 20.9506 17.6279 21.0697C17.3405 21.1887 17.0324 21.25 16.7212 21.25H5.11939C4.80709 21.25 4.49787 21.1883 4.20951 21.0684C3.92116 20.9484 3.65935 20.7727 3.43915 20.5512C3.21896 20.3298 3.04471 20.067 2.92644 19.7779C2.80818 19.4889 2.74821 19.1793 2.75001 18.867V7.27882C2.7482 6.96716 2.80825 6.65824 2.92669 6.36996C3.04512 6.08168 3.21958 5.81976 3.43996 5.59938C3.66034 5.379 3.92225 5.20454 4.21054 5.08611C4.49882 4.96768 4.80774 4.90763 5.11939 4.90943H9.55858" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.83519 15.8031V13.638C6.83669 13.2808 6.97852 12.9384 7.23009 12.6848L16.7621 3.15279C16.8887 3.02516 17.0393 2.92386 17.2052 2.85472C17.3712 2.78559 17.5491 2.75 17.7289 2.75C17.9087 2.75 18.0867 2.78559 18.2526 2.85472C18.4185 2.92386 18.5691 3.02516 18.6957 3.15279L20.8472 5.3043C20.9749 5.43089 21.0762 5.5815 21.1453 5.74744C21.2144 5.91337 21.25 6.09136 21.25 6.27112C21.25 6.45088 21.2144 6.62887 21.1453 6.7948C21.0762 6.96074 20.9749 7.11135 20.8472 7.23794L11.3152 16.7699C11.0616 17.0215 10.7193 17.1633 10.362 17.1648H8.1969C7.83576 17.1648 7.4894 17.0214 7.23403 16.766C6.97866 16.5106 6.83519 16.1643 6.83519 15.8031Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M19.0906 8.99454L15.0055 4.90939" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Edit in other icon packs

Feather Icons

Eva Icons Filled

Carbon Icons

Hicon

MynaUI Icons Filled

MynaUI Icons

Iconoir

Unicons Outline

Copied!

Edit Icon

More from Mage Icons

Edit in other icon packs