Edit Off Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Edit Off 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/317702.svg" alt="Edit Off icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/317702.svg" alt="Edit Off icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/317702.svg" alt="Edit Off icon" :width="24" :height="24" />
CSS background
.icon-edit-off {
background-image: url('https://proicons.com/icon/317702.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="32px" height="32px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;}
</style>
<title>Asset 2</title>
<path d="M30,28.6L3.4,2L2,3.4l10.1,10.1L4,21.6V28h6.4l8.1-8.1L28.6,30L30,28.6z M9.6,26H6v-3.6l7.5-7.5l3.6,3.6L9.6,26z"/>
<path d="M29.4,6.2L29.4,6.2l-3.6-3.6c-0.8-0.8-2-0.8-2.8,0l0,0l0,0l-8,8l1.4,1.4L20,8.4l3.6,3.6L20,15.6l1.4,1.4l8-8
C30.2,8.2,30.2,7,29.4,6.2L29.4,6.2z M25,10.6L21.4,7l3-3L28,7.6L25,10.6z"/>
<rect class="st0" width="32" height="32"/>
</svg>
Edit Off in other icon packs
Copied!