Notebook Bookmark Bold icon

solar:notebook-bookmark-bold

The Notebook Bookmark Bold icon (solar:notebook-bookmark-bold) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: School
Tags: notebookbookmark, bookmarkbold, notebookbookmarkbold

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M14.2502 4.47954L14.2502 7.5372C14.25 7.64842 14.2498 7.80699 14.271 7.9431C14.297 8.10951 14.3826 8.43079 14.7153 8.62611C15.0357 8.81422 15.349 8.74436 15.498 8.69806C15.6278 8.6577 15.7702 8.58988 15.8764 8.5393L17.0002 8.00545L18.124 8.5393C18.2302 8.58987 18.3725 8.6577 18.5024 8.69806C18.6513 8.74436 18.9647 8.81422 19.2851 8.62611C19.6177 8.43079 19.7033 8.10952 19.7293 7.9431C19.7506 7.807 19.7504 7.64845 19.7502 7.53723L19.7502 3.0313C19.863 3.026 19.9737 3.02152 20.082 3.01775C21.1538 2.98041 22 3.86075 22 4.93319V16.1436C22 17.2546 21.094 18.1535 19.9851 18.2228C19.0157 18.2835 17.8767 18.402 17 18.6334C15.9185 18.9187 14.6271 19.5365 13.6276 20.0692C13.3485 20.218 13.0531 20.3257 12.7502 20.3925V5.17387C13.0709 5.0953 13.3824 4.97142 13.6738 4.80275C13.8581 4.6961 14.0514 4.58732 14.2502 4.47954ZM19.7278 12.8181C19.8282 13.2199 19.5839 13.6271 19.1821 13.7276L15.1821 14.7276C14.7802 14.8281 14.373 14.5837 14.2726 14.1819C14.1721 13.7801 14.4164 13.3729 14.8183 13.2724L18.8183 12.2724C19.2201 12.1719 19.6273 12.4163 19.7278 12.8181Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M11.2502 5.21397C10.9159 5.15048 10.5894 5.03785 10.2823 4.87546C9.29611 4.35401 8.04921 3.76431 7 3.48744C6.11349 3.25351 4.95877 3.1349 3.9824 3.07489C2.8863 3.00752 2 3.89963 2 4.9978V16.1436C2 17.2546 2.90605 18.1535 4.01486 18.2228C4.98428 18.2835 6.12329 18.402 7 18.6334C8.08145 18.9187 9.37293 19.5365 10.3724 20.0692C10.6516 20.218 10.9472 20.3258 11.2502 20.3926V5.21397ZM4.27257 8.8181C4.37303 8.41625 4.78023 8.17193 5.18208 8.27239L9.18208 9.27239C9.58393 9.37285 9.82825 9.78006 9.72778 10.1819C9.62732 10.5837 9.22012 10.8281 8.81828 10.7276L4.81828 9.72761C4.41643 9.62715 4.17211 9.21994 4.27257 8.8181ZM5.18208 12.2724C4.78023 12.1719 4.37303 12.4163 4.27257 12.8181C4.17211 13.2199 4.41643 13.6271 4.81828 13.7276L8.81828 14.7276C9.22012 14.8281 9.62732 14.5837 9.72778 14.1819C9.82825 13.7801 9.58393 13.3729 9.18208 13.2724L5.18208 12.2724Z" clip-rule="evenodd"/><path d="M18.2502 3.15101C17.6301 3.22431 17.0206 3.33159 16.5 3.48744C16.2585 3.55975 16.0064 3.65141 15.7502 3.7564V3.95002V6.93859L16.4995 6.58266L16.5083 6.57822C16.5573 6.55316 16.7638 6.44757 17.0002 6.44757C17.0477 6.44757 17.094 6.45184 17.1381 6.45887C17.3132 6.48679 17.4529 6.5582 17.4921 6.57822L17.5009 6.58265L18.2502 6.93859V3.64665V3.15101Z"/></g></svg>

How to use the Notebook Bookmark Bold icon

React

import { Icon } from "@iconify/react";

<Icon icon="solar:notebook-bookmark-bold" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:notebook-bookmark-bold" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:notebook-bookmark-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--notebook-bookmark-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:notebook-bookmark-bold"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:notebook-bookmark-bold"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/notebook-bookmark-bold.svg" alt="Notebook Bookmark Bold icon" width="24" height="24">

Related icons in Solar

Notebook Bookmark Bold icon FAQ

Is the Notebook Bookmark Bold icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Notebook Bookmark Bold icon in React?

Install @iconify/react and render <Icon icon="solar:notebook-bookmark-bold" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Notebook Bookmark Bold icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/notebook-bookmark-bold.svg" alt="Notebook Bookmark Bold icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →