books emoji
books from Fluent Emoji Flat by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- books
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Objects
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More objects icons from Fluent Emoji Flat
Use the books emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#00a6ed" d="M17.045 27.286H30V13a2 2 0 0 0-2-2H17.045z"/><path fill="#d3d3d3" d="M15.682 27.964H30v1.357H15.682z"/><path fill="#0074ba" d="M16.023 11A1.02 1.02 0 0 0 15 12.018v16.625h.682a.68.68 0 0 1 .682-.679h.681V11z"/><path fill="#0074ba" d="M16.023 27.286A1.02 1.02 0 0 0 15 28.304v.678A1.02 1.02 0 0 0 16.023 30h12.954c.446 0 .824-.283.965-.678H16.364a.68.68 0 0 1-.682-.68a.68.68 0 0 1 .682-.678H30v-.678z"/><path fill="#ca0b4a" d="M10.045 23.286H23V9a2 2 0 0 0-2-2H10.045z"/><path fill="#d3d3d3" d="M8.682 23.964H23v1.357H8.682z"/><path fill="#990838" d="M9.023 7A1.02 1.02 0 0 0 8 8.018v16.625h.682a.68.68 0 0 1 .682-.679h.681V7z"/><path fill="#990838" d="M9.023 23.286A1.02 1.02 0 0 0 8 24.304v.678A1.02 1.02 0 0 0 9.023 26h12.954c.446 0 .824-.283.965-.678H9.364a.68.68 0 0 1-.682-.68a.68.68 0 0 1 .682-.678H23v-.678z"/><path fill="#86d72f" d="M4.045 20.286H17V6a2 2 0 0 0-2-2H4.045z"/><path fill="#d3d3d3" d="M2.682 20.964H17v1.357H2.682z"/><path fill="#44911b" d="M3.023 4A1.02 1.02 0 0 0 2 5.018v16.625h.682a.68.68 0 0 1 .682-.679h.681V4z"/><path fill="#008463" d="M3.023 20.286A1.02 1.02 0 0 0 2 21.304v.678A1.02 1.02 0 0 0 3.023 23h12.954c.446 0 .824-.283.965-.678H3.364a.68.68 0 0 1-.682-.68a.68.68 0 0 1 .682-.678H17v-.678z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatBooks(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#00a6ed" d="M17.045 27.286H30V13a2 2 0 0 0-2-2H17.045z"/><path fill="#d3d3d3" d="M15.682 27.964H30v1.357H15.682z"/><path fill="#0074ba" d="M16.023 11A1.02 1.02 0 0 0 15 12.018v16.625h.682a.68.68 0 0 1 .682-.679h.681V11z"/><path fill="#0074ba" d="M16.023 27.286A1.02 1.02 0 0 0 15 28.304v.678A1.02 1.02 0 0 0 16.023 30h12.954c.446 0 .824-.283.965-.678H16.364a.68.68 0 0 1-.682-.68a.68.68 0 0 1 .682-.678H30v-.678z"/><path fill="#ca0b4a" d="M10.045 23.286H23V9a2 2 0 0 0-2-2H10.045z"/><path fill="#d3d3d3" d="M8.682 23.964H23v1.357H8.682z"/><path fill="#990838" d="M9.023 7A1.02 1.02 0 0 0 8 8.018v16.625h.682a.68.68 0 0 1 .682-.679h.681V7z"/><path fill="#990838" d="M9.023 23.286A1.02 1.02 0 0 0 8 24.304v.678A1.02 1.02 0 0 0 9.023 26h12.954c.446 0 .824-.283.965-.678H9.364a.68.68 0 0 1-.682-.68a.68.68 0 0 1 .682-.678H23v-.678z"/><path fill="#86d72f" d="M4.045 20.286H17V6a2 2 0 0 0-2-2H4.045z"/><path fill="#d3d3d3" d="M2.682 20.964H17v1.357H2.682z"/><path fill="#44911b" d="M3.023 4A1.02 1.02 0 0 0 2 5.018v16.625h.682a.68.68 0 0 1 .682-.679h.681V4z"/><path fill="#008463" d="M3.023 20.286A1.02 1.02 0 0 0 2 21.304v.678A1.02 1.02 0 0 0 3.023 23h12.954c.446 0 .824-.283.965-.678H3.364a.68.68 0 0 1-.682-.68a.68.68 0 0 1 .682-.678H17v-.678z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#00a6ed" d="M17.045 27.286H30V13a2 2 0 0 0-2-2H17.045z"/><path fill="#d3d3d3" d="M15.682 27.964H30v1.357H15.682z"/><path fill="#0074ba" d="M16.023 11A1.02 1.02 0 0 0 15 12.018v16.625h.682a.68.68 0 0 1 .682-.679h.681V11z"/><path fill="#0074ba" d="M16.023 27.286A1.02 1.02 0 0 0 15 28.304v.678A1.02 1.02 0 0 0 16.023 30h12.954c.446 0 .824-.283.965-.678H16.364a.68.68 0 0 1-.682-.68a.68.68 0 0 1 .682-.678H30v-.678z"/><path fill="#ca0b4a" d="M10.045 23.286H23V9a2 2 0 0 0-2-2H10.045z"/><path fill="#d3d3d3" d="M8.682 23.964H23v1.357H8.682z"/><path fill="#990838" d="M9.023 7A1.02 1.02 0 0 0 8 8.018v16.625h.682a.68.68 0 0 1 .682-.679h.681V7z"/><path fill="#990838" d="M9.023 23.286A1.02 1.02 0 0 0 8 24.304v.678A1.02 1.02 0 0 0 9.023 26h12.954c.446 0 .824-.283.965-.678H9.364a.68.68 0 0 1-.682-.68a.68.68 0 0 1 .682-.678H23v-.678z"/><path fill="#86d72f" d="M4.045 20.286H17V6a2 2 0 0 0-2-2H4.045z"/><path fill="#d3d3d3" d="M2.682 20.964H17v1.357H2.682z"/><path fill="#44911b" d="M3.023 4A1.02 1.02 0 0 0 2 5.018v16.625h.682a.68.68 0 0 1 .682-.679h.681V4z"/><path fill="#008463" d="M3.023 20.286A1.02 1.02 0 0 0 2 21.304v.678A1.02 1.02 0 0 0 3.023 23h12.954c.446 0 .824-.283.965-.678H3.364a.68.68 0 0 1-.682-.68a.68.68 0 0 1 .682-.678H17v-.678z"/></g></svg> </template>
CSS
.icon-books {
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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%2300a6ed%22%20d%3D%22M17.045%2027.286H30V13a2%202%200%200%200-2-2H17.045z%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M15.682%2027.964H30v1.357H15.682z%22%2F%3E%3Cpath%20fill%3D%22%230074ba%22%20d%3D%22M16.023%2011A1.02%201.02%200%200%200%2015%2012.018v16.625h.682a.68.68%200%200%201%20.682-.679h.681V11z%22%2F%3E%3Cpath%20fill%3D%22%230074ba%22%20d%3D%22M16.023%2027.286A1.02%201.02%200%200%200%2015%2028.304v.678A1.02%201.02%200%200%200%2016.023%2030h12.954c.446%200%20.824-.283.965-.678H16.364a.68.68%200%200%201-.682-.68a.68.68%200%200%201%20.682-.678H30v-.678z%22%2F%3E%3Cpath%20fill%3D%22%23ca0b4a%22%20d%3D%22M10.045%2023.286H23V9a2%202%200%200%200-2-2H10.045z%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M8.682%2023.964H23v1.357H8.682z%22%2F%3E%3Cpath%20fill%3D%22%23990838%22%20d%3D%22M9.023%207A1.02%201.02%200%200%200%208%208.018v16.625h.682a.68.68%200%200%201%20.682-.679h.681V7z%22%2F%3E%3Cpath%20fill%3D%22%23990838%22%20d%3D%22M9.023%2023.286A1.02%201.02%200%200%200%208%2024.304v.678A1.02%201.02%200%200%200%209.023%2026h12.954c.446%200%20.824-.283.965-.678H9.364a.68.68%200%200%201-.682-.68a.68.68%200%200%201%20.682-.678H23v-.678z%22%2F%3E%3Cpath%20fill%3D%22%2386d72f%22%20d%3D%22M4.045%2020.286H17V6a2%202%200%200%200-2-2H4.045z%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M2.682%2020.964H17v1.357H2.682z%22%2F%3E%3Cpath%20fill%3D%22%2344911b%22%20d%3D%22M3.023%204A1.02%201.02%200%200%200%202%205.018v16.625h.682a.68.68%200%200%201%20.682-.679h.681V4z%22%2F%3E%3Cpath%20fill%3D%22%23008463%22%20d%3D%22M3.023%2020.286A1.02%201.02%200%200%200%202%2021.304v.678A1.02%201.02%200%200%200%203.023%2023h12.954c.446%200%20.824-.283.965-.678H3.364a.68.68%200%200%201-.682-.68a.68.68%200%200%201%20.682-.678H17v-.678z%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%2300a6ed%22%20d%3D%22M17.045%2027.286H30V13a2%202%200%200%200-2-2H17.045z%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M15.682%2027.964H30v1.357H15.682z%22%2F%3E%3Cpath%20fill%3D%22%230074ba%22%20d%3D%22M16.023%2011A1.02%201.02%200%200%200%2015%2012.018v16.625h.682a.68.68%200%200%201%20.682-.679h.681V11z%22%2F%3E%3Cpath%20fill%3D%22%230074ba%22%20d%3D%22M16.023%2027.286A1.02%201.02%200%200%200%2015%2028.304v.678A1.02%201.02%200%200%200%2016.023%2030h12.954c.446%200%20.824-.283.965-.678H16.364a.68.68%200%200%201-.682-.68a.68.68%200%200%201%20.682-.678H30v-.678z%22%2F%3E%3Cpath%20fill%3D%22%23ca0b4a%22%20d%3D%22M10.045%2023.286H23V9a2%202%200%200%200-2-2H10.045z%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M8.682%2023.964H23v1.357H8.682z%22%2F%3E%3Cpath%20fill%3D%22%23990838%22%20d%3D%22M9.023%207A1.02%201.02%200%200%200%208%208.018v16.625h.682a.68.68%200%200%201%20.682-.679h.681V7z%22%2F%3E%3Cpath%20fill%3D%22%23990838%22%20d%3D%22M9.023%2023.286A1.02%201.02%200%200%200%208%2024.304v.678A1.02%201.02%200%200%200%209.023%2026h12.954c.446%200%20.824-.283.965-.678H9.364a.68.68%200%200%201-.682-.68a.68.68%200%200%201%20.682-.678H23v-.678z%22%2F%3E%3Cpath%20fill%3D%22%2386d72f%22%20d%3D%22M4.045%2020.286H17V6a2%202%200%200%200-2-2H4.045z%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M2.682%2020.964H17v1.357H2.682z%22%2F%3E%3Cpath%20fill%3D%22%2344911b%22%20d%3D%22M3.023%204A1.02%201.02%200%200%200%202%205.018v16.625h.682a.68.68%200%200%201%20.682-.679h.681V4z%22%2F%3E%3Cpath%20fill%3D%22%23008463%22%20d%3D%22M3.023%2020.286A1.02%201.02%200%200%200%202%2021.304v.678A1.02%201.02%200%200%200%203.023%2023h12.954c.446%200%20.824-.283.965-.678H3.364a.68.68%200%200%201-.682-.68a.68.68%200%200%201%20.682-.678H17v-.678z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/books.svg?color=%231a73e8&size=48
