Document Edit icon in outline, twotone, bold and bulk. Free in all four styles, for documents, attachments, clipboard, archive, editing. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconDocumentEdit } from "@devigner-ui/icons";
<IconDocumentEdit className="size-6" />
<script setup>
import { IconDocumentEdit } from "@devigner-ui/icons-vue";
</script>
<template>
<IconDocumentEdit class="size-6" />
</template>
<script>
import { IconDocumentEdit } from "@devigner-ui/icons-svelte";
</script>
<IconDocumentEdit class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-width="1.5" d="m18.18 8.04.46-.46a1.97 1.97 0 1 1 2.78 2.78l-.46.46m-2.78-2.78s.06.98.93 1.85 1.85.93 1.85.93m0 0-4.26 4.26c-.29.29-.43.43-.6.56q-.27.22-.6.37c-.18.09-.37.15-.76.28l-1.24.41-.4.14-.4.13a.53.53 0 0 1-.67-.67l.13-.4.14-.4.4-1.24c.14-.39.2-.58.29-.76q.15-.33.37-.6c.13-.17.27-.31.56-.6l4.26-4.26m-5.08 8.8-.94-.94"></path><path stroke="currentColor" stroke-width="1.5" stroke-linecap="round" d="M8 13h2.5M8 9h6.5M8 17h1.5"></path><path opacity="1" stroke="currentColor" stroke-width="1.5" d="M20.97 7c-.08-1.87-.33-3.02-1.14-3.83C18.66 2 16.77 2 13 2h-2C7.23 2 5.34 2 4.17 3.17S3 6.23 3 10v4c0 3.77 0 5.66 1.17 6.83S7.23 22 11 22h2c3.77 0 5.66 0 6.83-1.17S21 17.77 21 14v-3"></path></svg>