Edit Svg Icon

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

Collection: IconaMoon
Format: SVG, PNG
License: CC BY 4.0 - Free for commercial use
Tags: edit svg pencil write modify change update

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

React JSX

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

Vue template

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

CSS background

.icon-edit---svg {
  background-image: url('https://proicons.com/icon/308252.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="M5 16L4 20L8 19L19.5858 7.41421C20.3668 6.63316 20.3668 5.36683 19.5858 4.58579L19.4142 4.41421C18.6332 3.63316 17.3668 3.63317 16.5858 4.41421L5 16Z" fill="#58CC02" stroke="#58CC02" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M19.5858 4.58579L19.4142 4.41421C18.6332 3.63316 17.3668 3.63317 16.5858 4.41421L15 6L18 9L19.5858 7.41421C20.3668 6.63316 20.3668 5.36683 19.5858 4.58579Z" fill="#58A700"/>
<path d="M19.4142 4.41421L18.7071 5.12132L18.7071 5.12132L19.4142 4.41421ZM19.5858 4.58579L20.2929 3.87868L20.2929 3.87868L19.5858 4.58579ZM18 9L17.2929 9.70711L18 10.4142L18.7071 9.70711L18 9ZM15 6L14.2929 5.29289L13.5858 6L14.2929 6.70711L15 6ZM18.7071 5.12132L18.8787 5.29289L20.2929 3.87868L20.1213 3.70711L18.7071 5.12132ZM18.8787 6.70711L17.2929 8.29289L18.7071 9.70711L20.2929 8.12132L18.8787 6.70711ZM15.7071 6.70711L17.2929 5.12132L15.8787 3.70711L14.2929 5.29289L15.7071 6.70711ZM18.7071 8.29289L15.7071 5.29289L14.2929 6.70711L17.2929 9.70711L18.7071 8.29289ZM18.8787 5.29289C19.2692 5.68342 19.2692 6.31658 18.8787 6.70711L20.2929 8.12132C21.4645 6.94975 21.4645 5.05025 20.2929 3.87868L18.8787 5.29289ZM20.1213 3.70711C18.9497 2.53553 17.0503 2.53554 15.8787 3.70711L17.2929 5.12132C17.6834 4.7308 18.3166 4.7308 18.7071 5.12132L20.1213 3.70711Z" fill="#58A700"/>
<path d="M13 20H21" stroke="#58CC02" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Copied!

Edit Svg Icon

More from IconaMoon