Notes 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 { IconNotes } from "@devigner-ui/icons";
<IconNotes className="size-6" />
<script setup>
import { IconNotes } from "@devigner-ui/icons-vue";
</script>
<template>
<IconNotes class="size-6" />
</template>
<script>
import { IconNotes } from "@devigner-ui/icons-svelte";
</script>
<IconNotes class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m20.31 12.65.52-1.93c.6-2.26.9-3.39.68-4.36a4 4 0 0 0-1.16-2.01c-.73-.69-1.86-1-4.12-1.6s-3.38-.9-4.36-.67a4 4 0 0 0-2 1.16c-.6.62-.9 1.54-1.35 3.2l-.25.91-.52 1.93c-.6 2.26-.9 3.39-.67 4.36a4 4 0 0 0 1.16 2.01c.73.69 1.86.99 4.11 1.6 2.03.54 3.15.84 4.06.72q.15 0 .3-.05a4 4 0 0 0 2.01-1.16c.69-.73.99-1.86 1.6-4.11" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M16.42 17.97a4 4 0 0 1-1.07 1.68c-.73.69-1.86.99-4.12 1.6-2.25.6-3.38.9-4.36.67a4 4 0 0 1-2-1.16c-.7-.73-1-1.86-1.6-4.11l-.52-1.93c-.6-2.26-.9-3.39-.67-4.36a4 4 0 0 1 1.16-2.01c.73-.69 1.86-1 4.11-1.6l1.17-.3" stroke="currentColor" stroke-width="1.5"></path><path d="m11.78 10 4.83 1.3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="1" d="m11 12.9 2.9.77" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>