open book emoji
open-book from Fluent Emoji Flat by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- open-book
- 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 open book emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#b4acbc" fill-rule="evenodd" d="M16 8.05A3.5 3.5 0 0 1 18.5 7h8c.743 0 1.39.404 1.734 1.003c.07.121.096.26.096.4v2.294L29 25.5a2.5 2.5 0 0 1-2.5 2.5h-21A2.5 2.5 0 0 1 3 25.5l.67-14.803V8.403c0-.14.026-.279.096-.4A2 2 0 0 1 5.5 7h8c.98 0 1.865.402 2.5 1.05" clip-rule="evenodd"/><path fill="#0074ba" d="M17.732 30H28.5c.83 0 1.501-.678 1.501-1.505V27.44c0-.827-.67-2.441-1.501-2.441h-25C2.671 25 2 26.614 2 27.441v1.064C2 29.332 2.67 30 3.501 30h10.767a2 2 0 0 0 3.464 0"/><path fill="#00a6ed" fill-rule="evenodd" d="M3.501 10H14v1h4v-1h10.499c.83 0 1.501.668 1.501 1.495v16c0 .827-.67 1.505-1.501 1.505H17.732a2 2 0 0 1-3.464 0H3.5c-.829 0-1.5-.668-1.5-1.495v-16.01C2 10.668 2.67 10 3.501 10M17.5 27.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0" clip-rule="evenodd"/><path fill="#b4acbc" d="M13 8H5.803a1.5 1.5 0 0 0-1.248.668L3 11v14.5A1.5 1.5 0 0 0 4.5 27h23a1.5 1.5 0 0 0 1.5-1.5V11l-1.555-2.332A1.5 1.5 0 0 0 26.197 8H19v3h-6z"/><path fill="#f3eef8" d="M5.5 8h8a2.5 2.5 0 0 1 2.5 2.5V27l-.447-.894A2 2 0 0 0 13.763 25H5.5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1m13 0h8a1 1 0 0 1 1 1v15a1 1 0 0 1-1 1h-8.264a2 2 0 0 0-1.736 1.007V9c.456-.607 1.182-1 2-1"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatOpenBook(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="#b4acbc" fillRule="evenodd" d="M16 8.05A3.5 3.5 0 0 1 18.5 7h8c.743 0 1.39.404 1.734 1.003c.07.121.096.26.096.4v2.294L29 25.5a2.5 2.5 0 0 1-2.5 2.5h-21A2.5 2.5 0 0 1 3 25.5l.67-14.803V8.403c0-.14.026-.279.096-.4A2 2 0 0 1 5.5 7h8c.98 0 1.865.402 2.5 1.05" clipRule="evenodd"/><path fill="#0074ba" d="M17.732 30H28.5c.83 0 1.501-.678 1.501-1.505V27.44c0-.827-.67-2.441-1.501-2.441h-25C2.671 25 2 26.614 2 27.441v1.064C2 29.332 2.67 30 3.501 30h10.767a2 2 0 0 0 3.464 0"/><path fill="#00a6ed" fillRule="evenodd" d="M3.501 10H14v1h4v-1h10.499c.83 0 1.501.668 1.501 1.495v16c0 .827-.67 1.505-1.501 1.505H17.732a2 2 0 0 1-3.464 0H3.5c-.829 0-1.5-.668-1.5-1.495v-16.01C2 10.668 2.67 10 3.501 10M17.5 27.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0" clipRule="evenodd"/><path fill="#b4acbc" d="M13 8H5.803a1.5 1.5 0 0 0-1.248.668L3 11v14.5A1.5 1.5 0 0 0 4.5 27h23a1.5 1.5 0 0 0 1.5-1.5V11l-1.555-2.332A1.5 1.5 0 0 0 26.197 8H19v3h-6z"/><path fill="#f3eef8" d="M5.5 8h8a2.5 2.5 0 0 1 2.5 2.5V27l-.447-.894A2 2 0 0 0 13.763 25H5.5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1m13 0h8a1 1 0 0 1 1 1v15a1 1 0 0 1-1 1h-8.264a2 2 0 0 0-1.736 1.007V9c.456-.607 1.182-1 2-1"/></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="#b4acbc" fill-rule="evenodd" d="M16 8.05A3.5 3.5 0 0 1 18.5 7h8c.743 0 1.39.404 1.734 1.003c.07.121.096.26.096.4v2.294L29 25.5a2.5 2.5 0 0 1-2.5 2.5h-21A2.5 2.5 0 0 1 3 25.5l.67-14.803V8.403c0-.14.026-.279.096-.4A2 2 0 0 1 5.5 7h8c.98 0 1.865.402 2.5 1.05" clip-rule="evenodd"/><path fill="#0074ba" d="M17.732 30H28.5c.83 0 1.501-.678 1.501-1.505V27.44c0-.827-.67-2.441-1.501-2.441h-25C2.671 25 2 26.614 2 27.441v1.064C2 29.332 2.67 30 3.501 30h10.767a2 2 0 0 0 3.464 0"/><path fill="#00a6ed" fill-rule="evenodd" d="M3.501 10H14v1h4v-1h10.499c.83 0 1.501.668 1.501 1.495v16c0 .827-.67 1.505-1.501 1.505H17.732a2 2 0 0 1-3.464 0H3.5c-.829 0-1.5-.668-1.5-1.495v-16.01C2 10.668 2.67 10 3.501 10M17.5 27.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0" clip-rule="evenodd"/><path fill="#b4acbc" d="M13 8H5.803a1.5 1.5 0 0 0-1.248.668L3 11v14.5A1.5 1.5 0 0 0 4.5 27h23a1.5 1.5 0 0 0 1.5-1.5V11l-1.555-2.332A1.5 1.5 0 0 0 26.197 8H19v3h-6z"/><path fill="#f3eef8" d="M5.5 8h8a2.5 2.5 0 0 1 2.5 2.5V27l-.447-.894A2 2 0 0 0 13.763 25H5.5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1m13 0h8a1 1 0 0 1 1 1v15a1 1 0 0 1-1 1h-8.264a2 2 0 0 0-1.736 1.007V9c.456-.607 1.182-1 2-1"/></g></svg> </template>
CSS
.icon-open-book {
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%23b4acbc%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16%208.05A3.5%203.5%200%200%201%2018.5%207h8c.743%200%201.39.404%201.734%201.003c.07.121.096.26.096.4v2.294L29%2025.5a2.5%202.5%200%200%201-2.5%202.5h-21A2.5%202.5%200%200%201%203%2025.5l.67-14.803V8.403c0-.14.026-.279.096-.4A2%202%200%200%201%205.5%207h8c.98%200%201.865.402%202.5%201.05%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%230074ba%22%20d%3D%22M17.732%2030H28.5c.83%200%201.501-.678%201.501-1.505V27.44c0-.827-.67-2.441-1.501-2.441h-25C2.671%2025%202%2026.614%202%2027.441v1.064C2%2029.332%202.67%2030%203.501%2030h10.767a2%202%200%200%200%203.464%200%22%2F%3E%3Cpath%20fill%3D%22%2300a6ed%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3.501%2010H14v1h4v-1h10.499c.83%200%201.501.668%201.501%201.495v16c0%20.827-.67%201.505-1.501%201.505H17.732a2%202%200%200%201-3.464%200H3.5c-.829%200-1.5-.668-1.5-1.495v-16.01C2%2010.668%202.67%2010%203.501%2010M17.5%2027.5a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23b4acbc%22%20d%3D%22M13%208H5.803a1.5%201.5%200%200%200-1.248.668L3%2011v14.5A1.5%201.5%200%200%200%204.5%2027h23a1.5%201.5%200%200%200%201.5-1.5V11l-1.555-2.332A1.5%201.5%200%200%200%2026.197%208H19v3h-6z%22%2F%3E%3Cpath%20fill%3D%22%23f3eef8%22%20d%3D%22M5.5%208h8a2.5%202.5%200%200%201%202.5%202.5V27l-.447-.894A2%202%200%200%200%2013.763%2025H5.5a1%201%200%200%201-1-1V9a1%201%200%200%201%201-1m13%200h8a1%201%200%200%201%201%201v15a1%201%200%200%201-1%201h-8.264a2%202%200%200%200-1.736%201.007V9c.456-.607%201.182-1%202-1%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%23b4acbc%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16%208.05A3.5%203.5%200%200%201%2018.5%207h8c.743%200%201.39.404%201.734%201.003c.07.121.096.26.096.4v2.294L29%2025.5a2.5%202.5%200%200%201-2.5%202.5h-21A2.5%202.5%200%200%201%203%2025.5l.67-14.803V8.403c0-.14.026-.279.096-.4A2%202%200%200%201%205.5%207h8c.98%200%201.865.402%202.5%201.05%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%230074ba%22%20d%3D%22M17.732%2030H28.5c.83%200%201.501-.678%201.501-1.505V27.44c0-.827-.67-2.441-1.501-2.441h-25C2.671%2025%202%2026.614%202%2027.441v1.064C2%2029.332%202.67%2030%203.501%2030h10.767a2%202%200%200%200%203.464%200%22%2F%3E%3Cpath%20fill%3D%22%2300a6ed%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3.501%2010H14v1h4v-1h10.499c.83%200%201.501.668%201.501%201.495v16c0%20.827-.67%201.505-1.501%201.505H17.732a2%202%200%200%201-3.464%200H3.5c-.829%200-1.5-.668-1.5-1.495v-16.01C2%2010.668%202.67%2010%203.501%2010M17.5%2027.5a1.5%201.5%200%201%201-3%200a1.5%201.5%200%200%201%203%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23b4acbc%22%20d%3D%22M13%208H5.803a1.5%201.5%200%200%200-1.248.668L3%2011v14.5A1.5%201.5%200%200%200%204.5%2027h23a1.5%201.5%200%200%200%201.5-1.5V11l-1.555-2.332A1.5%201.5%200%200%200%2026.197%208H19v3h-6z%22%2F%3E%3Cpath%20fill%3D%22%23f3eef8%22%20d%3D%22M5.5%208h8a2.5%202.5%200%200%201%202.5%202.5V27l-.447-.894A2%202%200%200%200%2013.763%2025H5.5a1%201%200%200%201-1-1V9a1%201%200%200%201%201-1m13%200h8a1%201%200%200%201%201%201v15a1%201%200%200%201-1%201h-8.264a2%202%200%200%200-1.736%201.007V9c.456-.607%201.182-1%202-1%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/open-book.svg?color=%231a73e8&size=48
