closed book emoji

closed-book from OpenMoji by OpenMoji · Default · Objects · CC-BY-SA-4.0 Attribution required.

Name
closed-book
Set
OpenMoji
Style
Default
Category
Objects
Viewbox
72×72
License
CC BY-SA 4.0

The same emoji in other sets

closed-bookEmoji One (Colored)closed-bookFluent Emojiclosed-bookFluent Emoji Flatclosed-bookFluent Emoji High Contrastclosed-bookNoto Emojiclosed-bookTwitter Emoji

More objects icons from OpenMoji

abacusaccordionadhesive-bandagealembicbackpackbalance-scaleballet-shoesballot-box-with-ballotbanjobar-chartbasketbathtubbatterybedbellbell-with-slashbikinibilled-capblack-nibblue-bookbombbookmarkbookmark-tabsbooks

Use the closed book emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="m15.009 57.99l41.848-.38c1.653-.006 2.99-1.097 2.99-2.75V15.15a3 3 0 0 0-3-3H16.955a3 3 0 0 0-2.172.93l-1.954 2.051a3 3 0 0 0-.828 2.07v37.79a3 3 0 0 0 3.009 3"/><path fill="#d22f27" d="M55.002 61H11.999a1 1 0 0 1-.999-.998V16.999c0-.552.447-.999.999-.999h43.003c.551 0 .998.447.998.999v43.003a1 1 0 0 1-.998.998"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M11.164 16.451L15.999 12h43.003c.551 0 .998.447.998.999v43.003a1 1 0 0 1-.998.998"/><path d="M55.002 61H11.999a1 1 0 0 1-.999-.998V16.999c0-.552.447-.999.999-.999h43.003c.551 0 .998.447.998.999v43.003a1 1 0 0 1-.998.998"/></g></svg>

React

import type { SVGProps } from "react";

export function OpenmojiClosedBook(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="m15.009 57.99l41.848-.38c1.653-.006 2.99-1.097 2.99-2.75V15.15a3 3 0 0 0-3-3H16.955a3 3 0 0 0-2.172.93l-1.954 2.051a3 3 0 0 0-.828 2.07v37.79a3 3 0 0 0 3.009 3"/><path fill="#d22f27" d="M55.002 61H11.999a1 1 0 0 1-.999-.998V16.999c0-.552.447-.999.999-.999h43.003c.551 0 .998.447.998.999v43.003a1 1 0 0 1-.998.998"/><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path d="M11.164 16.451L15.999 12h43.003c.551 0 .998.447.998.999v43.003a1 1 0 0 1-.998.998"/><path d="M55.002 61H11.999a1 1 0 0 1-.999-.998V16.999c0-.552.447-.999.999-.999h43.003c.551 0 .998.447.998.999v43.003a1 1 0 0 1-.998.998"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" d="m15.009 57.99l41.848-.38c1.653-.006 2.99-1.097 2.99-2.75V15.15a3 3 0 0 0-3-3H16.955a3 3 0 0 0-2.172.93l-1.954 2.051a3 3 0 0 0-.828 2.07v37.79a3 3 0 0 0 3.009 3"/><path fill="#d22f27" d="M55.002 61H11.999a1 1 0 0 1-.999-.998V16.999c0-.552.447-.999.999-.999h43.003c.551 0 .998.447.998.999v43.003a1 1 0 0 1-.998.998"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M11.164 16.451L15.999 12h43.003c.551 0 .998.447.998.999v43.003a1 1 0 0 1-.998.998"/><path d="M55.002 61H11.999a1 1 0 0 1-.999-.998V16.999c0-.552.447-.999.999-.999h43.003c.551 0 .998.447.998.999v43.003a1 1 0 0 1-.998.998"/></g></svg>
</template>

CSS

.icon-closed-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%2072%2072%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m15.009%2057.99l41.848-.38c1.653-.006%202.99-1.097%202.99-2.75V15.15a3%203%200%200%200-3-3H16.955a3%203%200%200%200-2.172.93l-1.954%202.051a3%203%200%200%200-.828%202.07v37.79a3%203%200%200%200%203.009%203%22%2F%3E%3Cpath%20fill%3D%22%23d22f27%22%20d%3D%22M55.002%2061H11.999a1%201%200%200%201-.999-.998V16.999c0-.552.447-.999.999-.999h43.003c.551%200%20.998.447.998.999v43.003a1%201%200%200%201-.998.998%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M11.164%2016.451L15.999%2012h43.003c.551%200%20.998.447.998.999v43.003a1%201%200%200%201-.998.998%22%2F%3E%3Cpath%20d%3D%22M55.002%2061H11.999a1%201%200%200%201-.999-.998V16.999c0-.552.447-.999.999-.999h43.003c.551%200%20.998.447.998.999v43.003a1%201%200%200%201-.998.998%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m15.009%2057.99l41.848-.38c1.653-.006%202.99-1.097%202.99-2.75V15.15a3%203%200%200%200-3-3H16.955a3%203%200%200%200-2.172.93l-1.954%202.051a3%203%200%200%200-.828%202.07v37.79a3%203%200%200%200%203.009%203%22%2F%3E%3Cpath%20fill%3D%22%23d22f27%22%20d%3D%22M55.002%2061H11.999a1%201%200%200%201-.999-.998V16.999c0-.552.447-.999.999-.999h43.003c.551%200%20.998.447.998.999v43.003a1%201%200%200%201-.998.998%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M11.164%2016.451L15.999%2012h43.003c.551%200%20.998.447.998.999v43.003a1%201%200%200%201-.998.998%22%2F%3E%3Cpath%20d%3D%22M55.002%2061H11.999a1%201%200%200%201-.999-.998V16.999c0-.552.447-.999.999-.999h43.003c.551%200%20.998.447.998.999v43.003a1%201%200%200%201-.998.998%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/closed-book.svg?color=%231a73e8&size=48