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

Style

Duotone

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 src="https://proicons.com/icon/308556.svg" alt="Edit   Svg icon" width="24" height="24">

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

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

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

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.16" d="M5 16L4 20L8 19L18 9L15 6L5 16Z" fill="#292929"/>
<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" stroke="#292929" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15 6L18 9" stroke="#292929" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13 20H21" stroke="#292929" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>