HTML Entity for Atom Symbol (⚛)
What You'll Learn
How to render the atom symbol (⚛, Unicode U+269B, official name ATOM SYMBOL) in HTML. The glyph lives in the Miscellaneous Symbols block and is common in science branding, chemistry education, and periodic-table style interfaces.
There is no standard named HTML entity for U+269B; use ⚛, ⚛, or \269B in CSS content. Pair the icon with the word “atom” or an accessible label where the meaning must be obvious to every reader.
⚡ Quick Reference — Atom Symbol (U+269B)
U+269BMiscellaneous Symbols
⚛Hexadecimal reference
⚛Decimal reference
—None (use numeric refs)
\269BUse in CSS content
Name Value
──────────── ──────────
Unicode U+269B
Hex code ⚛
HTML code ⚛
Named entity (none)
CSS code \269BComplete HTML Example
Hexadecimal, decimal, and CSS content escape (no named entity):
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\269B";
}
</style>
</head>
<body>
<p>Atom Symbol using Hexa Decimal: ⚛</p>
<p>Atom Symbol using HTML Code: ⚛</p>
<p id="point">Atom Symbol using CSS Entity: </p>
</body>
</html>🌐 Browser Support
Numeric references for U+269B are supported in all modern browsers with Unicode fonts that include Miscellaneous Symbols:
👀 Live Preview
Inline and scale checks (add visible text or aria-label in real UI):
🧠 How It Works
Hexadecimal code
⚛ encodes U+269B with hex digits 269B.
Decimal HTML code
⚛ equals 0x269B in decimal form.
CSS entity
\269B is used in CSS content for pseudo-elements or icon rules.
No named entity
HTML does not define &atom; or similar for this code point. Always use numeric references or a CSS escape.
Same visual result
All methods reference U+269B — ATOM SYMBOL.
Use Cases
The atom symbol (⚛) shows up wherever atomic or scientific imagery is needed without bitmap icons:
Course landing pages, lab sites, and outreach that need a compact atom mark.
STEM glossaries, quizzes, and periodic-table style navigation.
Element pickers and reference grids that mix text and symbols.
Headers and badges where Unicode is lighter than custom SVG.
Science tools, molecule viewers, and settings that label physics modes.
Add visible “Atom” text or aria-label beside the glyph.
One code point works across languages for the same science icon.
💡 Best Practices
Do
- Choose hex or decimal and keep it consistent site-wide
- Verify fonts include Miscellaneous Symbols (U+2600–U+26FF)
- Use
\269Bonly inside CSScontentstrings - Pair the symbol with plain language on first use
- Prefer SVG or MathML when you need precise stroke geometry for print
Don’t
- Assume a named entity exists (it does not for U+269B)
- Use CSS escapes inside HTML text nodes
- Rely on the glyph alone for safety-critical labels
- Confuse the atom symbol with other nuclear-themed dingbats without checking code points
Key Takeaways
Two HTML numeric forms render ⚛
⚛ ⚛CSS: \269B in content
\269BU+269B = ATOM SYMBOL
Miscellaneous Symbols — check font coverage
No standard named HTML entity; use numeric references
❓ Frequently Asked Questions
⚛ (hex), ⚛ (decimal), or \269B in CSS content.U+269B (decimal 9883). Official name: ATOM SYMBOL.\269B belongs in stylesheets. Same character.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