Edit Pen 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
Tags: edit pen pencil write modify change update draw

The Edit Pen 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/310105.svg" alt="Edit Pen icon" width="24" height="24">

React JSX

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

Vue template

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

CSS background

.icon-edit-pen {
  background-image: url('https://proicons.com/icon/310105.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="M20.0301 6.3131C19.7433 5.29488 19.1987 4.36786 18.449 3.62161C17.6992 2.87537 16.7697 2.33512 15.7501 2.05309C15.4514 1.97815 15.1388 1.97815 14.8401 2.05309C14.5502 2.14241 14.2862 2.3002 14.0701 2.51309L12.2501 4.34309L4.42011 12.1731C4.13477 12.4351 3.95067 12.7891 3.90009 13.1731L3.4101 16.5931C3.36753 16.8681 3.39154 17.1493 3.48011 17.4131C3.56978 17.6754 3.71665 17.9145 3.9101 18.1131C4.10185 18.3125 4.33839 18.4634 4.6001 18.5531C4.78761 18.6129 4.98329 18.6433 5.18012 18.6431C5.26316 18.653 5.34708 18.653 5.43012 18.6431L8.88013 18.1531C9.25422 18.0849 9.60111 17.9114 9.88013 17.6531L19.5501 7.98309C19.7582 7.76508 19.9123 7.50137 20.0001 7.21309C20.0821 6.91983 20.0924 6.61117 20.0301 6.3131ZM18.5601 6.8131C18.5493 6.86209 18.5251 6.9071 18.4901 6.94309L17.1901 8.24309L13.8401 4.93309L15.1301 3.63309C15.1671 3.59718 15.2114 3.56986 15.2601 3.55309C15.2994 3.54292 15.3408 3.54292 15.3801 3.55309C16.1355 3.76419 16.8247 4.16413 17.3828 4.71523C17.9409 5.26632 18.3495 5.95043 18.5701 6.70309C18.5747 6.74005 18.5713 6.77757 18.5601 6.8131Z" fill="black"/>
<path d="M20.22 22.0031H3.79001C3.5911 22.0031 3.40033 21.9241 3.25967 21.7834C3.11902 21.6428 3.04001 21.452 3.04001 21.2531C3.04001 21.0542 3.11902 20.8634 3.25967 20.7228C3.40033 20.5821 3.5911 20.5031 3.79001 20.5031H20.21C20.4089 20.5031 20.5997 20.5821 20.7403 20.7228C20.881 20.8634 20.96 21.0542 20.96 21.2531C20.96 21.452 20.881 21.6428 20.7403 21.7834C20.5997 21.9241 20.4089 22.0031 20.21 22.0031H20.22Z" fill="black"/>
</svg>

Edit Pen in other icon packs

Element Plus Icons

Copied!

Edit Pen Icon

More from Mage Icons

Edit Pen in other icon packs