Sleepy Face

๐Ÿ˜ช

Shortcodes

Copy and paste codes for Sleepy Face symbol ๐Ÿ˜ช to use in your websites, apps, blogs, and more.

Unicode
U+1F62A
HTML Code
😪
HEX Code
😪
CSS Code
\1F62A
JS/JSON
\u1F62A
Unix/C/PHP/JAVA
0x1F62A
URL-encode
%F0%9F%98%AA
copied

Customize Sleepy Face Symbol

Customize ๐Ÿ˜ช symbol as you like and download Sleepy Face 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 Sleepy Face symbol in HTML, CSS, and JS?

Insert ๐Ÿ˜ช Sleepy Face using HTML

1. Copy-paste Sleepy Face directly:
<span>๐Ÿ˜ช</span>
2. HTML Decimal Code:
<span>&#128554;</span>
3. Hexadecimal Code:
<span>&#x1F62A;</span>
Preview: ๐Ÿ˜ช

Add Sleepy Face symbol with CSS

.sleepy-face::before {
    content: '\\1F62A';
}
Preview: Sleepy Face

Sleepy Face JavaScript Code

1. Direct Symbol:
document.querySelector('.sleepy-face').textContent = '๐Ÿ˜ช';
2. Unicode Escape for ๐Ÿ˜ช:
document.querySelector('.sleepy-face').textContent = '\u1F62A';
Preview: ๐Ÿ˜ช