Book Open Alt Fill icon

lets-icons:book-open-alt-fill

The Book Open Alt Fill icon (lets-icons:book-open-alt-fill) is a free SVG icon from the Lets Icons set by Leonid Tsvetkov. It is drawn on a 24 × 24 grid. Lets 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: Lets Icons
Author: Leonid Tsvetkov
License: CC-BY-4.0
Size: 24 × 24
Category: Study
Tags: bookopen, openalt, altfill, bookopenaltfill

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21 19V6s-1-2-4.5-2S12 7 12 7s-1-3-4.5-3S3 6 3 6v13s1-2 4.5-2s4.5 2 4.5 2s1-2 4.5-2s4.5 2 4.5 2"/><path fill="currentColor" d="M21 6h1a1 1 0 0 0-.106-.447zm0 13l-.894.447A1 1 0 0 0 22 19zM3 6l-.894-.447A1 1 0 0 0 2 6zm0 13H2a1 1 0 0 0 1.894.447zm9 0l-.894.447a1 1 0 0 0 1.788 0zm0-12l-.949.316a1 1 0 0 0 1.898 0zm8-1v13h2V6zM2 6v13h2V6zm19 13l.894-.448v-.002l-.002-.003l-.003-.006l-.028-.051l-.063-.106a4 4 0 0 0-.225-.317a4.7 4.7 0 0 0-.922-.876C19.787 16.563 18.455 16 16.5 16v2c1.545 0 2.463.437 2.974.809c.262.19.432.374.531.5c.05.062.081.11.097.135l.013.021l-.002-.004l-.003-.005l-.002-.004l-.001-.002v-.002zm-4.5-3c-1.955 0-3.287.563-4.15 1.191a4.7 4.7 0 0 0-.923.876a3.5 3.5 0 0 0-.308.46l-.008.014q0 .005-.003.006l-.001.003v.002L12 19l.894.448v.002l-.002.002l-.002.004l-.003.005l-.002.004l.013-.02q.023-.041.097-.137c.099-.125.269-.309.53-.5c.512-.371 1.43-.808 2.975-.808zM12 19l.894-.448v-.002l-.002-.003l-.003-.006l-.028-.051l-.063-.106a4 4 0 0 0-.225-.317a4.7 4.7 0 0 0-.922-.876C10.787 16.563 9.455 16 7.5 16v2c1.545 0 2.463.437 2.974.809c.262.19.432.374.531.5c.05.062.081.11.097.135l.013.021l-.002-.004l-.003-.005l-.002-.004l-.001-.002v-.002zm-4.5-3c-1.955 0-3.287.563-4.15 1.191a4.7 4.7 0 0 0-.923.876a3.5 3.5 0 0 0-.308.46l-.013.024c0 .001 0 .002.894.449l.894.448v.002l-.002.002l-.002.004l-.005.009l.013-.02q.023-.041.097-.137c.099-.125.269-.309.53-.5C5.038 18.438 5.956 18 7.5 18zM21 6l.894-.448V5.55l-.002-.002l-.003-.007l-.028-.051l-.063-.106a4 4 0 0 0-.225-.317a4.7 4.7 0 0 0-.922-.876C19.787 3.563 18.455 3 16.5 3v2c1.545 0 2.463.437 2.974.809a2.7 2.7 0 0 1 .531.5c.05.062.081.11.097.135l.013.021l-.002-.004l-.003-.005l-.002-.004l-.001-.002v-.002zm-4.5-3c-2.077 0-3.456.905-4.3 1.824a6 6 0 0 0-1.073 1.662a4 4 0 0 0-.072.188l-.002.005l-.001.003c0 .001 0 .002.948.318c.949.316.948.317.948.317v.003l-.001.002v.002l.002-.009l.024-.06a4 4 0 0 1 .702-1.08C14.206 5.596 15.077 5 16.5 5zM12 7c.949-.316.948-.317.948-.317v-.004l-.003-.005l-.02-.057l-.052-.13A6 6 0 0 0 11.8 4.824C10.958 3.904 9.578 3 7.5 3v2c1.423 0 2.293.595 2.825 1.176a4 4 0 0 1 .702 1.08l.024.06l.003.008v-.002l-.002-.002v-.002c0-.001 0-.002.948-.318M7.5 3c-1.955 0-3.287.563-4.15 1.191a4.7 4.7 0 0 0-.923.876a3.5 3.5 0 0 0-.308.46l-.01.02l-.002.003v.002L3 6l.894.448v.002l-.002.002l-.005.01l-.002.003l.013-.02q.023-.042.097-.137c.099-.125.269-.309.53-.5C5.038 5.438 5.956 5 7.5 5z"/></svg>

How to use the Book Open Alt Fill icon

React

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

<Icon icon="lets-icons:book-open-alt-fill" width="24" />

Vue

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

<template>
  <Icon icon="lets-icons:book-open-alt-fill" width="24" />
</template>

Svelte

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

<Icon icon="lets-icons:book-open-alt-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[lets-icons--book-open-alt-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/lets-icons -->
<div class="i-lets-icons:book-open-alt-fill"></div>

Web component

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

<iconify-icon icon="lets-icons:book-open-alt-fill"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/lets-icons/book-open-alt-fill.svg" alt="Book Open Alt Fill icon" width="24" height="24">

Related icons in Lets Icons

Book Open Alt Fill icon FAQ

Is the Book Open Alt Fill icon free for commercial use?

Yes. Lets 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 Book Open Alt Fill icon in React?

Install @iconify/react and render <Icon icon="lets-icons:book-open-alt-fill" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Book Open Alt Fill icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/lets-icons/book-open-alt-fill.svg" alt="Book Open Alt Fill icon">, or paste the SVG code inline to style it with CSS.

Browse all Lets Icons →