Sleeping Symbol

๐Ÿ’ค

Shortcodes

Copy and paste codes for Sleeping Symbol ๐Ÿ’ค to use in your websites, apps, blogs, and more.

Unicode
U+1F4A4
HTML Code
💤
HEX Code
💤
CSS Code
\1F4A4
JS/JSON
\u1F4A4
Unix/C/PHP/JAVA
0x1F4A4
URL-encode
%F0%9F%92%A4
copied

Customize Sleeping Symbol Symbol

Customize ๐Ÿ’ค symbol as you like and download Sleeping Symbol 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 Sleeping Symbol in HTML, CSS, and JS?

Insert ๐Ÿ’ค Sleeping Symbol using HTML

1. Copy-paste Sleeping Symbol directly:
<span>๐Ÿ’ค</span>
2. HTML Decimal Code:
<span>&#128164;</span>
3. Hexadecimal Code:
<span>&#x1F4A4;</span>
Preview: ๐Ÿ’ค

Add Sleeping Symbol with CSS

.sleeping-symbol::before {
    content: '\\1F4A4';
}
Preview: Sleeping Symbol

Sleeping Symbol JavaScript Code

1. Direct Symbol:
document.querySelector('.sleeping-symbol').textContent = '๐Ÿ’ค';
2. Unicode Escape for ๐Ÿ’ค:
document.querySelector('.sleeping-symbol').textContent = '\u1F4A4';
Preview: ๐Ÿ’ค