Books icon
wpf:books
The Books icon (wpf:books) is a free SVG icon from the Icons8 Windows 8 Icons set by Icons8. It is drawn on a 26 × 26 grid. Icons8 Windows 8 Icons are released under the MIT 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
- Icons8 Windows 8 Icons
- Author
- Icons8
- License
- MIT
- Size
- 26 × 26
- Tags
- book
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26"><path fill="currentColor" d="M9.875 0a1 1 0 0 0-.406.156S8.204.952 6.844 1.813c-1.36.86-2.873 1.808-3.219 2l-.063.03C2.306 4.618 2.045 5.884 2 6.594c-.003.033 0 .06 0 .095c-.011.266 0 .437 0 .437v13.063C2 22.087 4.213 23 6.313 23c.7 0 1.4-.113 2-.313c.4-.2.687-.6.687-1v-10.5c0-2.3.5-3.38 2-4.28c.4-.2 4.594-3.095 4.594-3.095c.2-.2.406-.606.406-.906v-.094c0-.4-.2-.706-.5-.906s-.7-.2-1 0c-.1.1-6.2 4.207-7.5 4.907c-1.3.8-2.513.993-2.813.593c-.093-.093-.174-.378-.187-.656v-.063c.001-.272.071-.784.625-1.125c.562-.313 1.957-1.204 3.313-2.062c.573-.363.644-.402 1.093-.688A1 1 0 0 0 11 2.5V1a1 1 0 0 0-1.125-1m8 3.5a1 1 0 0 0-.438.188s-5.034 3.387-5.906 3.968l-.031.032c-.724.543-1.153 1.189-1.344 1.78A3.3 3.3 0 0 0 10 10.5v.313a1 1 0 0 0 0 .093V23c0 1.9 2.188 3 4.188 3c.9 0 1.712-.194 2.312-.594c1.2-.7 7-5.218 7-5.218c.3-.2.5-.482.5-.782v-13c0-.5-.194-.8-.594-1c-.3-.2-.793-.106-1.093.094c-1.6 1.2-5.907 4.588-6.907 5.188c-1.4.8-2.719 1-3.219.5c-.2-.2-.187-.388-.187-.688q.008-.26.063-.438c.056-.174.17-.388.593-.718c.02-.016.01-.015.031-.031c.723-.483 2.934-1.99 4.376-2.97A1 1 0 0 0 19 6V4.5a1 1 0 0 0-1.125-1M22 10.813v2l-5 3.874v-2z"/></svg>
How to use the Books icon
React
import { Icon } from "@iconify/react";
<Icon icon="wpf:books" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wpf:books" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wpf:books" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wpf--books]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wpf -->
<div class="i-wpf:books"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wpf:books"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/wpf/books.svg" alt="Books icon" width="24" height="24">
Books icon in other icon sets
Books icon FAQ
Is the Books icon free for commercial use?
Yes. Icons8 Windows 8 Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Books icon in React?
Install @iconify/react and render <Icon icon="wpf:books" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Books icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/wpf/books.svg" alt="Books icon">, or paste the SVG code inline to style it with CSS.
Browse all Icons8 Windows 8 Icons →
ICONYZ
