HTML Entity for Baseball (⚾)
What You'll Learn
How to display the baseball symbol (⚾) in HTML using numeric character references and CSS. This character is U+26BE (baseball) in the Miscellaneous Symbols block (roughly U+2600–U+26FF). It is a compact dingbat for baseball, sports copy, scoreboards, and apps when you do not want to ship a separate image asset.
There is no named HTML entity for this symbol. Use ⚾ or ⚾ in markup, or \26BE in stylesheet content on pseudo-elements.
⚡ Quick Reference — Baseball
U+26BEMiscellaneous Symbols
⚾Hexadecimal reference
⚾Decimal reference
—None (use numeric refs)
Name Value
──────────── ──────────
Unicode U+26BE
Hex code ⚾
HTML code ⚾
Named entity —
CSS code \26BEComplete HTML Example
This example demonstrates the baseball symbol using hexadecimal code, decimal HTML code, and a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\26BE";
}
</style>
</head>
<body>
<p>Baseball using Hexa Decimal: ⚾</p>
<p>Baseball using HTML Code: ⚾</p>
<p id="point">Baseball using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+26BE is widely supported wherever Unicode Miscellaneous Symbols render correctly:
👀 Live Preview
See the baseball glyph (⚾) in context and compared to the soccer ball dingbat in the same Unicode block:
🧠 How It Works
Hexadecimal Code
⚾ references code point U+26BE using hex digits 26BE after the #x prefix.
Decimal HTML Code
⚾ is the decimal equivalent (9918) for the same baseball character.
CSS Entity
\26BE is the CSS escape for U+26BE, used in the content property of ::before or ::after.
Same visual result
Hex, decimal, and CSS escapes all produce ⚾. There is no named HTML entity; pick one numeric style per document for consistency.
Use Cases
The baseball symbol (⚾) is commonly used for:
Scores, league standings, team pages, and recap headlines.
Fantasy baseball, live scores, and lightweight WebView UI.
Event lists and calendars that mark baseball without an icon font.
Category chips and filters for sports content.
Articles, rules explainers, and equipment guides.
One code point works across locales when fonts support it.
Pair ⚾ with visible text or aria-label (“Baseball”) so meaning is not glyph-only.
💡 Best Practices
Do
- Use
⚾or⚾consistently within one page - Combine ⚾ with words (“MLB,” “Baseball”) for clarity and SEO
- Keep other sports dingbats (e.g. ⚽ soccer) on the same visual scale in rows
- Use
\26BEonly inside CSScontent, not raw HTML text - Verify the glyph in your body font stack on mobile and desktop
Don’t
- Rely on ⚾ alone as the only label for critical navigation
- Assume every user’s font draws the same “emoji-style” baseball
- Confuse U+26BE with unrelated circled letters or other 26xx symbols
- Ship a tiny bitmap and a Unicode baseball side by side with different semantics without explaining it
- Use CSS escapes pasted into HTML markup (they belong in stylesheets)
Key Takeaways
Two numeric references render the same glyph
⚾ ⚾In CSS content, use the escape
\26BEUnicode U+26BE is baseball; no standard named entity
Same block as ⚽ (soccer) and other sports dingbats—pair thoughtfully in UI
Add text or ARIA when the mark carries meaning for users or assistive tech
❓ Frequently Asked Questions
⚾ (hex), ⚾ (decimal), or \26BE in CSS content. There is no named entity; all valid methods render ⚾.U+26BE (hex 26BE, decimal 9918). It lives in the Miscellaneous Symbols block.\26BE escape belongs in stylesheets (for example on pseudo-elements). Do not paste CSS escapes into HTML text nodes.⚾, ⚾, or \26BE 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.
About the author
8 people found this page helpful