Slightly Frowning Face

🙁

Shortcodes

Copy and paste codes for Slightly Frowning Face symbol 🙁 to use in your websites, apps, blogs, and more.

Unicode

U+1F641

HTML Code

🙁

HEX Code

🙁

CSS Code

\1F641

JS/JSON

\u1F641

Unix/C/PHP/JAVA

0x1F641

URL-encode

%F0%9F%99%81

copied

Customize Slightly Frowning Face Symbol

Customize 🙁 symbol as you like and download Slightly Frowning Face 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 Slightly Frowning Face symbol in HTML, CSS, and JS?

Insert 🙁 Slightly Frowning Face using HTML

1. Copy-paste Slightly Frowning Face directly:

<span>🙁</span>

2. HTML Decimal Code:

<span>&#128577;</span>

3. Hexadecimal Code:

<span>&#x1F641;</span>

Preview: 🙁

Add Slightly Frowning Face symbol with CSS

.slightly-frowning-face::before {
    content: '\\1F641';
}

Preview: Slightly Frowning Face