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
Style: Outline
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/310689.svg" alt="Edit Pen icon" width="24" height="24">

React JSX

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

Vue template

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

CSS background

.icon-edit-pen {
  background-image: url('https://proicons.com/icon/310689.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="M4.14436 16.7345L4.63696 13.3098C4.66395 13.0863 4.76757 12.8791 4.93017 12.7234L14.5945 3.05905C14.7188 2.93238 14.8738 2.83993 15.0443 2.79062C15.2148 2.74131 15.3952 2.73682 15.5679 2.77757C16.4593 3.01504 17.2698 3.4892 17.9137 4.14981C18.5799 4.79112 19.0585 5.60219 19.2976 6.49551C19.335 6.66839 19.3289 6.84786 19.2798 7.01778C19.2306 7.18771 19.14 7.34275 19.0161 7.46898L9.35183 17.1333C9.18497 17.2868 8.97721 17.3886 8.75367 17.4265L5.31722 17.9191C5.15707 17.9408 4.99408 17.9249 4.84109 17.8729C4.68809 17.8208 4.54928 17.7339 4.43558 17.6191C4.32187 17.5043 4.23639 17.3646 4.18585 17.2111C4.13532 17.0576 4.12112 16.8944 4.14436 16.7345Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.7766 4.8887L17.1865 9.2869" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M3.79002 21.25H20.21" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Edit Pen in other icon packs

Element Plus Icons

Copied!

Edit Pen Icon

More from Mage Icons

Edit Pen in other icon packs