Edit Icon
Free SVG icon from the Mage Icons 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/310106.svg" alt="Edit icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310106.svg" alt="Edit icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310106.svg" alt="Edit icon" :width="24" :height="24" />
CSS background
.icon-edit {
background-image: url('https://proicons.com/icon/310106.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="M16.6984 21.9963H5.09841C4.68633 21.9979 4.27816 21.9163 3.8984 21.7563C3.52236 21.5999 3.18212 21.3685 2.8984 21.0763C2.60937 20.786 2.38097 20.4411 2.22646 20.0617C2.07195 19.6823 1.9944 19.2759 1.99837 18.8663V7.2763C1.99328 6.86812 2.07158 6.46318 2.22841 6.0863C2.387 5.71143 2.61809 5.37159 2.90841 5.0863C3.19305 4.7977 3.53323 4.56978 3.90841 4.4163C4.28817 4.25631 4.69634 4.17468 5.10842 4.17629H9.54842C9.74733 4.17629 9.93804 4.25531 10.0787 4.39596C10.2193 4.53661 10.2984 4.72738 10.2984 4.92629C10.2984 5.12521 10.2193 5.31598 10.0787 5.45663C9.93804 5.59728 9.74733 5.67629 9.54842 5.67629H5.10842C4.89333 5.68214 4.68059 5.72266 4.47841 5.79629C4.28419 5.87844 4.10761 5.99728 3.95839 6.14629C3.80824 6.29763 3.68944 6.47711 3.60878 6.67445C3.52813 6.87179 3.48724 7.08311 3.48842 7.29629V18.8863C3.48592 19.1012 3.52614 19.3144 3.60683 19.5135C3.68752 19.7127 3.80704 19.8938 3.95839 20.0463C4.10973 20.1964 4.28919 20.3153 4.48653 20.3959C4.68387 20.4766 4.89524 20.5175 5.10842 20.5163H16.7084C16.9208 20.5161 17.1312 20.4754 17.3284 20.3963C17.5239 20.3165 17.7009 20.1974 17.8484 20.0463C18.0006 19.8997 18.1199 19.7225 18.1984 19.5263C18.2865 19.3281 18.3308 19.1132 18.3284 18.8963V14.4563C18.3284 14.2574 18.4074 14.0666 18.5481 13.926C18.6887 13.7853 18.8795 13.7063 19.0784 13.7063C19.2773 13.7063 19.4681 13.7853 19.6087 13.926C19.7494 14.0666 19.8284 14.2574 19.8284 14.4563V18.9263C19.83 19.3384 19.7484 19.7465 19.5884 20.1263C19.432 20.5023 19.2006 20.8426 18.9084 21.1263C18.622 21.4152 18.2824 21.6461 17.9084 21.8063C17.5209 21.9462 17.1101 22.0107 16.6984 21.9963Z" fill="black"/> <path d="M21.8083 5.45631C21.7075 5.19821 21.5504 4.9659 21.3483 4.77632L19.1983 2.62631C19.0087 2.42424 18.7764 2.26709 18.5183 2.16632C18.2603 2.05768 17.9832 2.00171 17.7033 2.00171C17.4234 2.00171 17.1463 2.05768 16.8883 2.16632C16.6322 2.27098 16.4007 2.42761 16.2083 2.62631L14.4983 4.33632V4.38632L6.75827 12.1163C6.36843 12.5104 6.14932 13.042 6.14828 13.5963V15.7663C6.15091 16.3251 6.37406 16.8603 6.7692 17.2554C7.16433 17.6505 7.69947 17.8737 8.25827 17.8763H10.4283C10.7038 17.8767 10.9767 17.822 11.2308 17.7156C11.4849 17.6091 11.7153 17.453 11.9083 17.2563L19.6483 9.51631L21.3683 7.79631C21.5703 7.60673 21.7275 7.37442 21.8283 7.11632C21.9427 6.85985 22.0019 6.58216 22.0019 6.30132C22.0019 6.02047 21.9427 5.74278 21.8283 5.48631L21.8083 5.45631ZM20.4283 6.50632C20.3969 6.58247 20.3491 6.65075 20.2883 6.70631L19.0683 7.92632L16.0683 4.92632L17.2983 3.69632C17.3586 3.64391 17.4259 3.60015 17.4983 3.56631C17.5743 3.53434 17.6558 3.51736 17.7383 3.51631C17.8176 3.51736 17.8958 3.53437 17.9683 3.56631C18.0444 3.59771 18.1127 3.64551 18.1683 3.70631L20.3283 5.85631C20.3829 5.91492 20.4269 5.98261 20.4583 6.05632C20.4734 6.13224 20.4734 6.21039 20.4583 6.28632C20.4621 6.36088 20.4519 6.43549 20.4283 6.50632Z" fill="black"/> </svg>
More from Mage Icons
View all
Edit in other icon packs
Copied!