ICONYZ
English
Bookalt icon from WebHostingHub Glyphs

Bookalt icon

whh:bookalt

The Bookalt icon (whh:bookalt) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 896 × 1024 grid. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
WebHostingHub Glyphs
Author
WebHostingHub
License
OFL-1.1
Size
896 × 1024
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="896" height="1024" viewBox="0 0 896 1024"><path fill="currentColor" d="M160 192q-13 0-22.5-9.5T128 160t9.5-22.5T160 128h704q13 0 22.5 9.5T896 160t-9.5 22.5T864 192zm672 832H160q-66 0-113-47T0 864V160Q0 94 47 47T160 0h704q13 0 22.5 9.5T896 32t-9.5 22.5T864 64H160q-40 0-68 28t-28 68t28 68t68 28h736v704q0 27-18.5 45.5T832 1024"/></svg>

How to use the Bookalt icon

React

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

<Icon icon="whh:bookalt" width="24" />

Vue

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

<template>
  <Icon icon="whh:bookalt" width="24" />
</template>

Svelte

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

<Icon icon="whh:bookalt" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--bookalt]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:bookalt"></div>

Web component

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

<iconify-icon icon="whh:bookalt"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/whh/bookalt.svg" alt="Bookalt icon" width="24" height="24">

Bookalt icon FAQ

Is the Bookalt icon free for commercial use?

Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.

How do I use the Bookalt icon in React?

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

How do I add the Bookalt icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/bookalt.svg" alt="Bookalt icon">, or paste the SVG code inline to style it with CSS.

Browse all WebHostingHub Glyphs icons →