Notebook 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 { IconNotebook } from "@devigner-ui/icons";
<IconNotebook className="size-6" />
<script setup>
import { IconNotebook } from "@devigner-ui/icons-vue";
</script>
<template>
<IconNotebook class="size-6" />
</template>
<script>
import { IconNotebook } from "@devigner-ui/icons-svelte";
</script>
<IconNotebook class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.65 15.54H4.35m15.3 0V8c0-1.89 0-2.83-.59-3.41C18.48 4 17.53 4 15.65 4h-7.3c-1.88 0-2.83 0-3.41.59-.59.58-.59 1.52-.59 3.41v7.54m15.3 0 1.74 1.8.09.09q.48.54.52 1.28v.42A2 2 0 0 1 19.84 21H3.87A2 2 0 0 1 2 19.13v-.42a2 2 0 0 1 .52-1.28l.09-.1 1.74-1.8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="1" d="M9.5 18.5h5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="1" d="M12.75 6.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0" fill="currentColor"></path></svg>