HTML Entity for Black Smiling Face (☻)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+263B

What You'll Learn

How to display Black Smiling Face (☻) in HTML and CSS. This character is U+263B in the Miscellaneous Symbols block (U+2600–U+26FF), approved in Unicode 1.1 (1993). Its Unicode name is BLACK SMILING FACE—a black-outline smiley, one of the earliest emoticon-style symbols in digital typography. The counterpart White Smiling Face (☺ U+263A) has a simpler outline.

There is no named HTML entity for U+263B. Use ☻ or ☻ in markup, or \263B in stylesheet content. The symbol suits web design, messaging, social media, and mood indicators. Use aria-hidden="true" when purely decorative, or visible text for meaningful emotional cues.

⚡ Quick Reference — Black Smiling Face

Unicode U+263B

Miscellaneous Symbols (U+2600–U+26FF)

Hex Code ☻

Hexadecimal reference

HTML Code ☻

Decimal reference

Named Entity

None (use numeric refs)

Reference Table
Name           Value
────────────   ──────────
Unicode        U+263B
Hex code       ☻
HTML code      ☻
Named entity   —
CSS code       \263B
1

Complete HTML Example

This example shows U+263B using hexadecimal and decimal character references, plus a CSS content escape on a pseudo-element:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\263B";
  }
 </style>
</head>
<body>
<p>Black Smiling Face using Hexa Decimal: &#x263B;</p>
<p>Black Smiling Face using HTML Code: &#9787;</p>
<p id="point">Black Smiling Face using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

U+263B is widely supported in modern browsers; smiley glyph artwork varies by typeface:

Chrome 1+
Firefox 1+
Safari 1+
Edge 12+
Opera 4+
Android 4.4+
iOS Safari 1+

👀 Live Preview

See the glyph at different sizes and beside the white smiling face (font-dependent):

Large glyph
Mood indicator ☻ Thanks!  |  ☺ Welcome
Smiley pair (U+263B & U+263A) ☻ ☺
Caption U+263B is BLACK SMILING FACE; U+263A is WHITE SMILING FACE in Miscellaneous Symbols.
Monospace refs &#x263B; &#9787; \263B

🧠 How It Works

1

Hexadecimal Code

&#x263B; references code point U+263B using hex digits 263B after the #x prefix.

HTML markup
2

Decimal HTML Code

&#9787; is the decimal equivalent (9787) for the same Black Smiling Face character.

HTML markup
3

CSS Entity

\263B is the CSS escape for U+263B, used in the content property of ::before or ::after.

CSS stylesheet
=

Same visual result

Hex, decimal, and CSS escapes all produce . There is no named HTML entity for U+263B.

Use Cases

The Black Smiling Face (☻) is commonly used for:

🎨 Web design

Mood indicators, positive feedback, and playful design elements.

💬 Messaging apps

Chat interfaces, status indicators, and emoji-style expressions.

📱 Social media

Posts, captions, comments, and positive sentiment indicators.

👍 Feedback & ratings

User satisfaction, review ratings, and approval indicators.

🎉 Celebration

Congratulations, thank-you messages, and upbeat content.

📝 Retro design

Classic emoticon aesthetics and vintage interface styling.

♿ Accessibility

Pair ☻ with text or aria-label when the symbol conveys emotional meaning.

💡 Best Practices

Do

  • Use hex or decimal consistently—there is no named entity for U+263B
  • Pair ☻ with ☺ (white smiling face) for contrast or mood variations
  • Match the symbol to a positive, casual, or playful tone in your content
  • Choose fonts that support the Miscellaneous Symbols block (U+2600–U+26FF)
  • Use \263B only inside CSS content, not inside HTML text nodes
  • Use aria-hidden="true" when purely decorative; add text when meaning matters

Don’t

  • Confuse U+263B with U+263A (white smiling face) or modern emoji 😊 (different code points)
  • Rely on ☻ alone to communicate critical emotional or status information
  • Assume every font renders smileys crisply at small sizes
  • Use smiley glyphs as the only feedback cue without visible text
  • Mix CSS escapes into HTML text nodes (use numeric refs in markup)

Key Takeaways

1

Two numeric references render the same glyph

&#x263B; &#9787;
2

CSS content escape

\263B
3

U+263B is BLACK SMILING FACE; pairs with White Smiling Face U+263A

4

Miscellaneous Symbols block U+2600–U+26FF; no named HTML entity

5

Pair emoticon glyphs with text or ARIA when meaning must be clear

❓ Frequently Asked Questions

Use &#x263B; (hex), &#9787; (decimal), or \263B in CSS content. There is no named entity; all valid methods render ☻.
U+263B (hex 263B, decimal 9787). Miscellaneous Symbols (U+2600–U+26FF). Unicode name BLACK SMILING FACE.
For navigation buttons, forward/next indicators, interactive elements, user interfaces, call-out markers, and right-pointing attention indicators.
Numeric references belong in HTML. The \263B escape belongs in stylesheets (for example on pseudo-elements). Do not paste CSS escapes into HTML text nodes.
No. Use &#x263B;, &#9787;, or \263B in CSS depending on whether you are authoring markup or styles.

Explore More HTML Entities!

Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, and more.

All HTML Entities →

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

8 people found this page helpful