Documents 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 { IconDocuments } from "@devigner-ui/icons";
<IconDocuments className="size-6" />
<script setup>
import { IconDocuments } from "@devigner-ui/icons-vue";
</script>
<template>
<IconDocuments class="size-6" />
</template>
<script>
import { IconDocuments } from "@devigner-ui/icons-svelte";
</script>
<IconDocuments class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 8c0-2.83 0-4.24.88-5.12S8.18 2 11 2h2c2.83 0 4.24 0 5.12.88S19 5.18 19 8v8c0 2.83 0 4.24-.88 5.12S15.82 22 13 22h-2c-2.83 0-4.24 0-5.12-.88S5 18.82 5 16z" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M5 4.08c-.98.1-1.63.3-2.12.8C2 5.76 2 7.18 2 10v4c0 2.83 0 4.24.88 5.12.49.5 1.14.7 2.12.8" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M19 4.08c.98.1 1.63.3 2.12.8.88.88.88 2.3.88 5.12v4c0 2.83 0 4.24-.88 5.12-.49.5-1.14.7-2.12.8" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M9 13h6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M9 9h6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="1" d="M9 17h3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>