book unknown icon
book-unknown-filled from TDesign Icons by TDesign · Filled · MIT Free for personal and commercial use.
- Name
- book-unknown-filled
- Set
- TDesign Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- MIT
1 other variant in TDesign Icons
Related icons in TDesign Icons
Use the book unknown icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9 2H1v19h1c2.944 0 5.14.245 6.586.486c.723.12 1.26.24 1.609.328a11 11 0 0 1 .472.13l.017.005h.002l.152.051h2.324l.152-.05l.002-.001l.017-.006l.088-.026q.122-.037.384-.103c.35-.087.886-.207 1.61-.328C16.86 21.246 19.054 21 22 21h1V2h-8a4 4 0 0 0-3 1.354A4 4 0 0 0 9 2M3 19.01V4h6a2 2 0 0 1 2 2v13.958l-.32-.084c-.4-.1-.989-.23-1.766-.36c-1.379-.23-3.35-.457-5.914-.505m13-8.51v1h-2v-1a3 3 0 1 1 6 0c0 .676-.172 1.246-.474 1.71a2.96 2.96 0 0 1-1.029.95a4 4 0 0 1-.494.238v.352h-2v-1c0-.424.245-.687.361-.79c.12-.105.24-.165.296-.192c.107-.05.233-.094.309-.12l.018-.007c.19-.066.36-.127.52-.218a.96.96 0 0 0 .343-.305c.072-.11.15-.294.15-.618a1 1 0 1 0-2 0m2.004 4v2.004H16V14.5z"/></svg>
React
import type { SVGProps } from "react";
export function TdesignBookUnknownFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9 2H1v19h1c2.944 0 5.14.245 6.586.486c.723.12 1.26.24 1.609.328a11 11 0 0 1 .472.13l.017.005h.002l.152.051h2.324l.152-.05l.002-.001l.017-.006l.088-.026q.122-.037.384-.103c.35-.087.886-.207 1.61-.328C16.86 21.246 19.054 21 22 21h1V2h-8a4 4 0 0 0-3 1.354A4 4 0 0 0 9 2M3 19.01V4h6a2 2 0 0 1 2 2v13.958l-.32-.084c-.4-.1-.989-.23-1.766-.36c-1.379-.23-3.35-.457-5.914-.505m13-8.51v1h-2v-1a3 3 0 1 1 6 0c0 .676-.172 1.246-.474 1.71a2.96 2.96 0 0 1-1.029.95a4 4 0 0 1-.494.238v.352h-2v-1c0-.424.245-.687.361-.79c.12-.105.24-.165.296-.192c.107-.05.233-.094.309-.12l.018-.007c.19-.066.36-.127.52-.218a.96.96 0 0 0 .343-.305c.072-.11.15-.294.15-.618a1 1 0 1 0-2 0m2.004 4v2.004H16V14.5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9 2H1v19h1c2.944 0 5.14.245 6.586.486c.723.12 1.26.24 1.609.328a11 11 0 0 1 .472.13l.017.005h.002l.152.051h2.324l.152-.05l.002-.001l.017-.006l.088-.026q.122-.037.384-.103c.35-.087.886-.207 1.61-.328C16.86 21.246 19.054 21 22 21h1V2h-8a4 4 0 0 0-3 1.354A4 4 0 0 0 9 2M3 19.01V4h6a2 2 0 0 1 2 2v13.958l-.32-.084c-.4-.1-.989-.23-1.766-.36c-1.379-.23-3.35-.457-5.914-.505m13-8.51v1h-2v-1a3 3 0 1 1 6 0c0 .676-.172 1.246-.474 1.71a2.96 2.96 0 0 1-1.029.95a4 4 0 0 1-.494.238v.352h-2v-1c0-.424.245-.687.361-.79c.12-.105.24-.165.296-.192c.107-.05.233-.094.309-.12l.018-.007c.19-.066.36-.127.52-.218a.96.96 0 0 0 .343-.305c.072-.11.15-.294.15-.618a1 1 0 1 0-2 0m2.004 4v2.004H16V14.5z"/></svg> </template>
CSS
.icon-book-unknown-filled {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9%202H1v19h1c2.944%200%205.14.245%206.586.486c.723.12%201.26.24%201.609.328a11%2011%200%200%201%20.472.13l.017.005h.002l.152.051h2.324l.152-.05l.002-.001l.017-.006l.088-.026q.122-.037.384-.103c.35-.087.886-.207%201.61-.328C16.86%2021.246%2019.054%2021%2022%2021h1V2h-8a4%204%200%200%200-3%201.354A4%204%200%200%200%209%202M3%2019.01V4h6a2%202%200%200%201%202%202v13.958l-.32-.084c-.4-.1-.989-.23-1.766-.36c-1.379-.23-3.35-.457-5.914-.505m13-8.51v1h-2v-1a3%203%200%201%201%206%200c0%20.676-.172%201.246-.474%201.71a2.96%202.96%200%200%201-1.029.95a4%204%200%200%201-.494.238v.352h-2v-1c0-.424.245-.687.361-.79c.12-.105.24-.165.296-.192c.107-.05.233-.094.309-.12l.018-.007c.19-.066.36-.127.52-.218a.96.96%200%200%200%20.343-.305c.072-.11.15-.294.15-.618a1%201%200%201%200-2%200m2.004%204v2.004H16V14.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9%202H1v19h1c2.944%200%205.14.245%206.586.486c.723.12%201.26.24%201.609.328a11%2011%200%200%201%20.472.13l.017.005h.002l.152.051h2.324l.152-.05l.002-.001l.017-.006l.088-.026q.122-.037.384-.103c.35-.087.886-.207%201.61-.328C16.86%2021.246%2019.054%2021%2022%2021h1V2h-8a4%204%200%200%200-3%201.354A4%204%200%200%200%209%202M3%2019.01V4h6a2%202%200%200%201%202%202v13.958l-.32-.084c-.4-.1-.989-.23-1.766-.36c-1.379-.23-3.35-.457-5.914-.505m13-8.51v1h-2v-1a3%203%200%201%201%206%200c0%20.676-.172%201.246-.474%201.71a2.96%202.96%200%200%201-1.029.95a4%204%200%200%201-.494.238v.352h-2v-1c0-.424.245-.687.361-.79c.12-.105.24-.165.296-.192c.107-.05.233-.094.309-.12l.018-.007c.19-.066.36-.127.52-.218a.96.96%200%200%200%20.343-.305c.072-.11.15-.294.15-.618a1%201%200%201%200-2%200m2.004%204v2.004H16V14.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tdesign/book-unknown-filled.svg?color=%231a73e8&size=48
