Free Note Add SVG icon in outline, twotone, bold and bulk. Available in all four styles, for documents, attachments, clipboard, archive, editing. Copy the SVG or a tree-shakeable React component, or download a PNG.
import { IconNoteAdd } from "@devigner-ui/icons";
<IconNoteAdd className="size-6" />
<script setup>
import { IconNoteAdd } from "@devigner-ui/icons-vue";
</script>
<template>
<IconNoteAdd class="size-6" />
</template>
<script>
import { IconNoteAdd } from "@devigner-ui/icons-svelte";
</script>
<IconNoteAdd class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="1"><path d="M10.23 18v-5" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12.67 15.5h-5" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path></g><path d="M8.67 2v3" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16.67 2v3" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16.48 3.42c3.34.12 5.03 1.35 5.13 6.05l.13 6.17c.08 4.12-.87 6.19-5.87 6.3l-6 .12c-5 .1-6.04-1.94-6.12-6.05l-.14-6.18c-.1-4.7 1.55-6 4.87-6.25z" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path></svg>