Bookmark Square Bold icon

solar:bookmark-square-bold

The Bookmark Square Bold icon (solar:bookmark-square-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: bookmarksquare, squarebold, bookmarksquarebold

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="M3.46447 3.46447C2 4.92893 2 7.28595 2 12C2 16.714 2 19.0711 3.46447 20.5355C4.92893 22 7.28595 22 12 22C16.714 22 19.0711 22 20.5355 20.5355C22 19.0711 22 16.714 22 12C22 7.28595 22 4.92893 20.5355 3.46447C19.8515 2.78043 18.9727 2.4159 17.75 2.22164V11.831C17.75 12.2986 17.75 12.6821 17.7326 12.9839C17.7155 13.2816 17.6786 13.5899 17.5563 13.8652C17.1149 14.859 16.0259 15.3949 14.9691 15.1383C14.6764 15.0673 14.4096 14.9084 14.1633 14.7404C13.9136 14.57 13.6097 14.336 13.2392 14.0508L13.2207 14.0365C12.7513 13.6751 12.6192 13.5804 12.4981 13.5277C12.1804 13.3897 11.8196 13.3897 11.5019 13.5277C11.3808 13.5804 11.2487 13.6751 10.7793 14.0365L10.7608 14.0508C10.3903 14.336 10.0864 14.57 9.83672 14.7404C9.59039 14.9084 9.32356 15.0673 9.03087 15.1383C7.97413 15.3949 6.88513 14.859 6.44371 13.8652C6.32145 13.5899 6.28454 13.2816 6.26739 12.9839C6.24999 12.6821 6.25 12.2986 6.25 11.831L6.25 2.22164C5.02727 2.4159 4.1485 2.78043 3.46447 3.46447ZM7 17.25C6.58579 17.25 6.25 17.5858 6.25 18C6.25 18.4142 6.58579 18.75 7 18.75H17C17.4142 18.75 17.75 18.4142 17.75 18C17.75 17.5858 17.4142 17.25 17 17.25H7Z" clip-rule="evenodd"/><path d="M7.75 2.06874V11.8076C7.75 12.3043 7.7503 12.6442 7.7649 12.8976C7.78003 13.1601 7.80769 13.2408 7.81457 13.2563C7.96171 13.5876 8.32471 13.7662 8.67695 13.6807C8.69342 13.6767 8.77428 13.6493 8.99148 13.5012C9.20112 13.3582 9.47062 13.151 9.86419 12.848L9.93119 12.7964C10.3014 12.511 10.5899 12.2885 10.9042 12.152C11.6032 11.8483 12.3968 11.8483 13.0958 12.152C13.4101 12.2885 13.6986 12.5109 14.0688 12.7964L14.1358 12.848C14.5294 13.151 14.7989 13.3582 15.0085 13.5012C15.2257 13.6493 15.3066 13.6767 15.323 13.6807C15.6753 13.7662 16.0383 13.5876 16.1854 13.2563C16.1923 13.2408 16.22 13.1601 16.2351 12.8976C16.2497 12.6442 16.25 12.3043 16.25 11.8076V2.06874C15.0942 2 13.7004 2 12 2C10.2996 2 8.9058 2 7.75 2.06874Z"/></g></svg>

How to use the Bookmark Square Bold icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in Solar

Bookmark Square Bold icon FAQ

Is the Bookmark Square 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 Bookmark Square Bold icon in React?

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

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

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

Browse all Solar icons →