Note 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 { IconNote } from "@devigner-ui/icons";
<IconNote className="size-6" />
<script setup>
import { IconNote } from "@devigner-ui/icons-vue";
</script>
<template>
<IconNote class="size-6" />
</template>
<script>
import { IconNote } from "@devigner-ui/icons-svelte";
</script>
<IconNote class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m22.33 10.44-.98 4.18c-.84 3.61-2.5 5.07-5.62 4.77q-.75-.06-1.62-.27l-1.68-.4c-4.17-.99-5.46-3.05-4.48-7.23l.98-4.19q.3-1.28.74-2.2c1.17-2.42 3.16-3.07 6.5-2.28l1.67.39c4.19.98 5.47 3.05 4.49 7.23" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M15.73 19.39q-.93.62-2.35 1.08l-1.58.52c-3.97 1.28-6.06.21-7.35-3.76l-1.28-3.95c-1.28-3.97-.22-6.07 3.75-7.35l1.58-.52q.62-.2 1.17-.31-.45.92-.74 2.2l-.98 4.19c-.98 4.18.31 6.24 4.48 7.23l1.68.4q.87.21 1.62.27" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>