Docbook icon
file-icons:docbook
The Docbook icon (file-icons:docbook) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC 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
- File Icons
- Author
- John Gardner
- License
- ISC
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M193.086 88.498c6.316 5.508 9.876 8.944 13.152 9.439c-11.237-15.348-23.069-33.033-35.272-44.12c-29.727-27.008-65.594-34.186-107.819-13.525c-5.496 2.469-9.627 8.52-9.883 11.365c-.303 3.373.604 8.505.604 8.505C41.217 85.48 16.474 89.862 9.515 92.44c-8.172 3.027-12.134 11.518-7.626 19.156c1.037-2.707 2.967-5.283 5.998-6.906c15.735 5.089 38.474-2.35 56.902-3.026c9.153 10.311 36.934 11.568 47.55 20.908c1.322 2.727 2.223 5.32 1.694 7.461c-4.957 7.347-12.463 8.417-19.79 9.843c-19.86 3.867-38.348 18.35-49.915 34.625c-30.44 42.83 14.327 95.24 77.599 150.12c46.473 50.906 83.983 82.536 126.357 102.754c.382 5.422 1.642 9.416 1.357 13.53c1.098 10.495-15.337 2.159-31.078-5.433c-5.809-2.638-11.963-4.247-16.862 1.766c9.122-.666 10.33.21 8.573 6.235c-5.677 1.03-11.597-1.6-17.627 5.525c-2.496.535-7.893 1.206-17.978.877c-5.289-.172-8.071 4.65-9.428 7.345c0 0 4.222-1.5 6.073-2.336s8.477-1.851 8.06.716c-.418 2.567-1.195 5.97 8.835 5.134c0 0 .896 4.418 3.403 6.925c-4.418 1.135-17.492-5.074-21.074 3.881c0 0 17.724 2.562 39.65 7.824s39.027 5.92 41.877.658s4.604-8.112 4.604-8.112s5.262-2.412 7.016.219s6.14 4.385 6.14 6.797s2.192 3.289 2.192 3.289s3.508-4.605 2.63-8.113c-.876-3.508-5.261-8.331-5.261-12.497c0-1.904 3.708-10.942 9.428-20.39c6.384-10.546 13.138-14.11 13.403-25.906c9.6-.353 93.614-3.374 101.092-1.305c7.933 2.194 22.448 13.502 36.963 14.684c7.765 3.446 10.235 10.198 18.397 14.683c22.11 12.152 46.448 27.368 62.11 14.684c9.255-7.495-37.136-54.536-37.927-55.21c-2.91-2.48-.379-5.417-1.622-7.706c-12.773-16.559-27.945-23.021-37.941-37.693c-12.585-18.471-14.95-33.942-41.461-53.488c-72.324-71.944-153.382-123.281-244.959-125.077c19.689-16.478 25.266-29.173 24.669-50.42c2.032 10.47 4.789 27.514 2.665 33.973c0 0 3.153-10.142 4.167-22.274c1.414 5.704 2.324 12.43 2.145 20.17c1.015-7.327 1.538-14.67 1.334-22.037c2.248 5.166 3.849 12.571 2.246 22.466c-3.57 22.04 1.847-.738 1.847-.738s1.492-3.748 2.32-9.272c.839 3.503 2.06 9.722 1.087 12.965c0 0 1.064-4.02 1.598-9.155c1.292 3.842 2.158 7.6 2.022 10.556c0 0 .485-7.553-.236-16.184c2.098 4.503 4.68 11.072 4.68 16.12c0 0 .45-7.75-.824-16.122c3.088 3.823 6.314 7.347 8.539 8.537c0 0-5.3-9.706-8.61-17.082c3.678 3.783 6.687 6.881 7.694 7.929c2.324 2.416-3.276-6.788-6.806-13.82c10.294 11.444 14.974 11.388 14.974 11.388s-5.848-7.169-11.578-15.656c4.9 4.307 9.605 6.667 9.605 6.667s-3.978-4.272-8.862-9.812c3.228 1.464 6.052 2.284 8.369 2.294c0 0-5.167-4.553-10.418-10.495c4.47 2.501 7.293 2.72 13.472 2.25c-7.148-2.208-14.396-6.88-15.58-8.665s-3.888-7.97-3.888-7.97c8.273 12.962 15.857 14.203 13.927 12.135s-10.756-11.72-9.515-11.72s7.722 5.24 5.93 3.446c-1.793-1.792-6.344-9.652-6.344-10.204c0-.551 9.515 8.963 10.756 9.929c1.241.965 4.275.551 1.241-1.241c-3.033-1.793-16.408-18.339-16.409-18.34"/></svg>How to use the Docbook icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:docbook" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:docbook" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:docbook" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--docbook]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:docbook"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:docbook"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/docbook.svg" alt="Docbook icon" width="24" height="24">Docbook icon FAQ
Is the Docbook icon free for commercial use?
Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.
How do I use the Docbook icon in React?
Install @iconify/react and render <Icon icon="file-icons:docbook" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Docbook icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/docbook.svg" alt="Docbook icon">, or paste the SVG code inline to style it with CSS.