Grinning Face

๐Ÿ˜€

Shortcodes

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

Unicode
U+1F600
HTML Code
😀
HEX Code
😀
CSS Code
\1F600
JS/JSON
\u1F600
Unix/C/PHP/JAVA
0x1F600
URL-encode
%F0%9F%98%80
copied

Customize Grinning Face Symbol

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

Insert ๐Ÿ˜€ Grinning Face using HTML

1. Copy-paste Grinning Face directly:
<span>๐Ÿ˜€</span>
2. HTML Decimal Code:
<span>&#128512;</span>
3. Hexadecimal Code:
<span>&#x1F600;</span>
Preview: ๐Ÿ˜€

Add Grinning Face symbol with CSS

.grinning-face::before {
    content: '\\1F600';
}
Preview: Grinning Face

Grinning Face JavaScript Code

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