open book emoji

open-book from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.

Name: open-book
Set: Twitter Emoji
Style: Default
Category: Objects
Viewbox: 36×36
License: CC BY 4.0

The same emoji in other sets

open-bookEmoji One (Colored)open-bookFluent Emoji open-bookFluent Emoji Flat open-bookFluent Emoji High Contrast open-bookIconoir open-bookNoto Emoji open-bookOpenMoji open-bookStreamline Emojis

More objects icons from Twitter Emoji

Use the open book emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#269" d="M32 7H4a4 4 0 0 0-4 4v15a4 4 0 0 0 4 4h11.416c.52.596 1.477 1 2.584 1s2.065-.404 2.584-1H32a4 4 0 0 0 4-4V11a4 4 0 0 0-4-4"/><path fill="#292f33" d="M20 27a2 2 0 0 1-4 0V9a2 2 0 0 1 4 0z"/><path fill="#99aab5" d="M18 26a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2z"/><path fill="#e1e8ed" d="M18 26c-.999-1.998-3.657-2-4-2c-2 0-5 2-8 2c-1 0-2-.896-2-2V8c0-1.104 1-2 2-2c3.255 0 6-2 8-2c3 0 4 1.896 4 3z"/><path fill="#99aab5" d="M34 26a2 2 0 0 1-2 2H20a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2z"/><path fill="#ccd6dd" d="M18 26c.999-1.998 3.657-2 4-2c2 0 5 2 8 2c1 0 2-.896 2-2V8c0-1.104-1-2-2-2c-3.256 0-6-2-8-2c-3 0-4 1.896-4 3z"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiOpenBook(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#269" d="M32 7H4a4 4 0 0 0-4 4v15a4 4 0 0 0 4 4h11.416c.52.596 1.477 1 2.584 1s2.065-.404 2.584-1H32a4 4 0 0 0 4-4V11a4 4 0 0 0-4-4"/><path fill="#292f33" d="M20 27a2 2 0 0 1-4 0V9a2 2 0 0 1 4 0z"/><path fill="#99aab5" d="M18 26a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2z"/><path fill="#e1e8ed" d="M18 26c-.999-1.998-3.657-2-4-2c-2 0-5 2-8 2c-1 0-2-.896-2-2V8c0-1.104 1-2 2-2c3.255 0 6-2 8-2c3 0 4 1.896 4 3z"/><path fill="#99aab5" d="M34 26a2 2 0 0 1-2 2H20a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2z"/><path fill="#ccd6dd" d="M18 26c.999-1.998 3.657-2 4-2c2 0 5 2 8 2c1 0 2-.896 2-2V8c0-1.104-1-2-2-2c-3.256 0-6-2-8-2c-3 0-4 1.896-4 3z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#269" d="M32 7H4a4 4 0 0 0-4 4v15a4 4 0 0 0 4 4h11.416c.52.596 1.477 1 2.584 1s2.065-.404 2.584-1H32a4 4 0 0 0 4-4V11a4 4 0 0 0-4-4"/><path fill="#292f33" d="M20 27a2 2 0 0 1-4 0V9a2 2 0 0 1 4 0z"/><path fill="#99aab5" d="M18 26a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2z"/><path fill="#e1e8ed" d="M18 26c-.999-1.998-3.657-2-4-2c-2 0-5 2-8 2c-1 0-2-.896-2-2V8c0-1.104 1-2 2-2c3.255 0 6-2 8-2c3 0 4 1.896 4 3z"/><path fill="#99aab5" d="M34 26a2 2 0 0 1-2 2H20a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2z"/><path fill="#ccd6dd" d="M18 26c.999-1.998 3.657-2 4-2c2 0 5 2 8 2c1 0 2-.896 2-2V8c0-1.104-1-2-2-2c-3.256 0-6-2-8-2c-3 0-4 1.896-4 3z"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M32%207H4a4%204%200%200%200-4%204v15a4%204%200%200%200%204%204h11.416c.52.596%201.477%201%202.584%201s2.065-.404%202.584-1H32a4%204%200%200%200%204-4V11a4%204%200%200%200-4-4%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M20%2027a2%202%200%200%201-4%200V9a2%202%200%200%201%204%200z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M18%2026a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202z%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M18%2026c-.999-1.998-3.657-2-4-2c-2%200-5%202-8%202c-1%200-2-.896-2-2V8c0-1.104%201-2%202-2c3.255%200%206-2%208-2c3%200%204%201.896%204%203z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M34%2026a2%202%200%200%201-2%202H20a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202z%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M18%2026c.999-1.998%203.657-2%204-2c2%200%205%202%208%202c1%200%202-.896%202-2V8c0-1.104-1-2-2-2c-3.256%200-6-2-8-2c-3%200-4%201.896-4%203z%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23269%22%20d%3D%22M32%207H4a4%204%200%200%200-4%204v15a4%204%200%200%200%204%204h11.416c.52.596%201.477%201%202.584%201s2.065-.404%202.584-1H32a4%204%200%200%200%204-4V11a4%204%200%200%200-4-4%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M20%2027a2%202%200%200%201-4%200V9a2%202%200%200%201%204%200z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M18%2026a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202z%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M18%2026c-.999-1.998-3.657-2-4-2c-2%200-5%202-8%202c-1%200-2-.896-2-2V8c0-1.104%201-2%202-2c3.255%200%206-2%208-2c3%200%204%201.896%204%203z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22M34%2026a2%202%200%200%201-2%202H20a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202z%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M18%2026c.999-1.998%203.657-2%204-2c2%200%205%202%208%202c1%200%202-.896%202-2V8c0-1.104-1-2-2-2c-3.256%200-6-2-8-2c-3%200-4%201.896-4%203z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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