Frowning Face With Open Mouth

😦

Shortcodes

Copy and paste codes for Frowning Face With Open Mouth symbol 😦 to use in your websites, apps, blogs, and more.

Unicode

U+1F626

HTML Code

😦

HEX Code

😦

CSS Code

\1F626

JS/JSON

\u1F626

Unix/C/PHP/JAVA

0x1F626

URL-encode

%F0%9F%98%A6

copied

Customize Frowning Face With Open Mouth Symbol

Customize 😦 symbol as you like and download Frowning Face With Open Mouth as SVG or PNG or copy its HTML code to use in your projects.

Symbol

Font Size (px)

Text Color

Background Color

Transparent

Font Family

Border Radius (px)

Padding (px)

Live Preview

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

😦

HTML Code

How to add Frowning Face With Open Mouth symbol in HTML, CSS, and JS?

Insert 😦 Frowning Face With Open Mouth using HTML

1. Copy-paste Frowning Face With Open Mouth directly:

<span>😦</span>

2. HTML Decimal Code:

<span>&#128550;</span>

3. Hexadecimal Code:

<span>&#x1F626;</span>

Preview: 😦

Add Frowning Face With Open Mouth symbol with CSS

.frowning-face-with-open-mouth::before {
    content: '\\1F626';
}

Preview: Frowning Face With Open Mouth