Edit Icon
Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.
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/307142.svg" alt="Edit icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/307142.svg" alt="Edit icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/307142.svg" alt="Edit icon" :width="24" :height="24" />
CSS background
.icon-edit {
background-image: url('https://proicons.com/icon/307142.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M14.236 1.76386C13.2123 0.740172 11.5525 0.740171 10.5289 1.76386L2.65722 9.63549C2.28304 10.0097 2.01623 10.4775 1.88467 10.99L1.01571 14.3755C0.971767 14.5467 1.02148 14.7284 1.14646 14.8534C1.27144 14.9783 1.45312 15.028 1.62432 14.9841L5.00978 14.1151C5.52234 13.9836 5.99015 13.7168 6.36433 13.3426L14.236 5.47097C15.2596 4.44728 15.2596 2.78755 14.236 1.76386ZM11.236 2.47097C11.8691 1.8378 12.8957 1.8378 13.5288 2.47097C14.162 3.10413 14.162 4.1307 13.5288 4.76386L12.75 5.54269L10.4571 3.24979L11.236 2.47097ZM9.75002 3.9569L12.0429 6.24979L5.65722 12.6355C5.40969 12.883 5.10023 13.0595 4.76117 13.1465L2.19447 13.8053L2.85327 11.2386C2.9403 10.8996 3.1168 10.5901 3.36433 10.3426L9.75002 3.9569Z"/></svg>
More from VS Code Codicons
View all
Edit in other icon packs
Copied!