Book Bookmark icon in outline, twotone, bold and bulk. Free in all four styles, for courses, library, certificates, office work. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconBookBookmark } from "@devigner-ui/icons";
<IconBookBookmark className="size-6" />
<script setup>
import { IconBookBookmark } from "@devigner-ui/icons-vue";
</script>
<template>
<IconBookBookmark class="size-6" />
</template>
<script>
import { IconBookBookmark } from "@devigner-ui/icons-svelte";
</script>
<IconBookBookmark class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 8c0-2.83 0-4.24.88-5.12S7.18 2 10 2h4c2.83 0 4.24 0 5.12.88S20 5.18 20 8v8c0 2.83 0 4.24-.88 5.12S16.82 22 14 22h-4c-2.83 0-4.24 0-5.12-.88S4 18.82 4 16z" stroke="currentColor" stroke-width="1.5"></path><path d="M19.9 16h-12c-.93 0-1.4 0-1.78.1A3 3 0 0 0 4 18.22" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M8 7h8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="1" d="M8 10.5h5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="1" d="M13 16v3.53c0 .28 0 .41-.1.47-.09.06-.22 0-.48-.13l-1.24-.59q-.12-.06-.18-.06-.07 0-.18.06l-1.24.6c-.26.11-.39.18-.49.12S9 19.8 9 19.53v-3.08" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>