Slightly Smiling Face

๐Ÿ™‚

Shortcodes

Copy and paste codes for Slightly Smiling Face symbol ๐Ÿ™‚ to use in your websites, apps, blogs, and more.

Unicode
U+1F642
HTML Code
🙂
HEX Code
🙂
CSS Code
\1F642
JS/JSON
\u1F642
Unix/C/PHP/JAVA
0x1F642
URL-encode
%F0%9F%99%82
copied

Customize Slightly Smiling Face Symbol

Customize ๐Ÿ™‚ symbol as you like and download Slightly Smiling 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 Slightly Smiling Face symbol in HTML, CSS, and JS?

Insert ๐Ÿ™‚ Slightly Smiling Face using HTML

1. Copy-paste Slightly Smiling Face directly:
<span>๐Ÿ™‚</span>
2. HTML Decimal Code:
<span>&#128578;</span>
3. Hexadecimal Code:
<span>&#x1F642;</span>
Preview: ๐Ÿ™‚

Add Slightly Smiling Face symbol with CSS

.slightly-smiling-face::before {
    content: '\\1F642';
}
Preview: Slightly Smiling Face

Slightly Smiling Face JavaScript Code

1. Direct Symbol:
document.querySelector('.slightly-smiling-face').textContent = '๐Ÿ™‚';
2. Unicode Escape for ๐Ÿ™‚:
document.querySelector('.slightly-smiling-face').textContent = '\u1F642';
Preview: ๐Ÿ™‚