Open Book

๐Ÿ“–

Shortcodes

Copy and paste codes for Open Book symbol ๐Ÿ“– to use in your websites, apps, blogs, and more.

Unicode
U+1F4D6
HTML Code
📖
HEX Code
📖
CSS Code
\1F4D6
JS/JSON
\u1F4D6
Unix/C/PHP/JAVA
0x1F4D6
URL-encode
%F0%9F%93%96
copied

Customize Open Book Symbol

Customize ๐Ÿ“– symbol as you like and download Open Book as SVG or PNG or copy its HTML code to use in your projects.

Preview helps customize symbol. Downloaded image and HTML code may have size/spacing differences.
๐Ÿ“–
 

How to add Open Book symbol in HTML, CSS, and JS?

Insert ๐Ÿ“– Open Book using HTML

1. Copy-paste Open Book directly:
<span>๐Ÿ“–</span>
2. HTML Decimal Code:
<span>&#128214;</span>
3. Hexadecimal Code:
<span>&#x1F4D6;</span>
Preview: ๐Ÿ“–

Add Open Book symbol with CSS

.open-book::before {
    content: '\\1F4D6';
}
Preview: Open Book

Open Book JavaScript Code

1. Direct Symbol:
document.querySelector('.open-book').textContent = '๐Ÿ“–';
2. Unicode Escape for ๐Ÿ“–:
document.querySelector('.open-book').textContent = '\u1F4D6';
Preview: ๐Ÿ“–