HTML Entity for Atom Symbol (⚛)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+269B

What Is the Atom Symbol Entity?

The atom symbol (⚛) is Unicode U+269B in the Miscellaneous Symbols block. It is a compact science / chemistry icon used in branding, lab labels, and educational UIs. HTML has no standard named entity — use numeric or CSS forms (or type the character in UTF-8).

Remember
Character     ⚛
Unicode       U+269B
Hex entity    ⚛
Decimal       ⚛
Named entity  (none)
CSS escape    \269B
Tip           Pair with the word “atom”

All of these produce the same glyph: ⚛. Prefer typing ⚛ in UTF-8 when you can; use ⚛ / ⚛ or CSS for generated content.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character⚛HTML text (UTF-8)
Named entityNone—
Hex entity⚛HTML markup
Decimal entity⚛HTML markup
CSS escape\269BStylesheet content

When to Use Which

SituationUse
Science / chemistry icon⚛ or type ⚛
Planet / astronomy mark⛢ (different symbol)
Need an entity in HTML source⚛ or ⚛
Icon via CSScontent: "\269B" on ::before
Meaning must be clear to all usersGlyph + visible “Atom” label

Live Preview

Atom symbol in science-style context.

Inline Science ⚛ Lab
Large glyph ⚛
With label ⚛ Atom
Legend-style ⚛ = atomic / chemistry topic
With entities Hex: ⚛ | Decimal: ⚛

Complete HTML Example

One page that shows ⚛ with hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to produce ⚛ in a single document (no named entity).

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Atom Symbol (⚛) in HTML</title>
  <style>
    #point::after {
      content: "\269B";
    }
  </style>
</head>
<body>
  <p>Atom symbol using Hex Code: &#x269B;</p>
  <p>Atom symbol using HTML Code: &#9883;</p>
  <p id="point">Atom symbol using CSS Entity: </p>
  <p>Typed directly: ⚛</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+269B → &#x269B; in HTML. The browser turns it into ⚛.

2. Decimal: same code point as 9883 → &#9883;. Same result as hex.

3. CSS: use \269B in content (not an HTML entity). #point::after appends that ⚛ after the paragraph text.

4. Typed ⚛: fine in UTF-8 source. All four lines show the same glyph.

Pitfalls & Tips

Common mistakes when working with the atom symbol (⚛).

Named

No &name; form

U+269B has no standard named entity — use &#x269B; or &#9883;.

a11y

Add plain-language labels

Screen readers may not speak “atom.” Pair the glyph with visible text or an accessible name.

Fonts

Check symbol coverage

Some UI fonts omit a polished U+269B. Prefer fonts with solid Miscellaneous Symbols coverage.

CSS vs HTML

Do not mix escapes

\269B belongs in CSS. &#x269B; / &#9883; belong in HTML.

Emoji

Style may vary

Some platforms render ⚛ with emoji-like colors. Test your font stack if you need a plain text glyph.

Semicolon

End references

Always finish with ; — write &#x269B;, not &#x269B.

Browser Support

The atom symbol (U+269B) and its entity forms (&#x269B;, &#9883;, CSS \\269B) are supported in all mainstream browsers. Glyph quality depends on font support for Miscellaneous Symbols.

✓ Universal support

Atom Symbol (⚛)

Type ⚛, or encode with hex, decimal, or CSS escape — same glyph everywhere encoding is supported.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer All versions
Yes
U+269B / entities Full support

Bottom line: Prefer a typed ⚛ or &#x269B; for science icons. Use decimal when generating markup, and \\269B only inside CSS content.

Key Takeaways

  • Unicode: atom symbol is U+269B (decimal 9883).
  • HTML: use &#x269B; or &#9883; (no named entity).
  • CSS: use \269B inside content for generated icons.
  • Watch out: always pair ⚛ with a clear label for accessibility.

One line: U+269B → &#x269B; / &#9883; / CSS \269B.

Frequently Asked Questions

Use &#x269B; (hex), &#9883; (decimal), or the CSS escape \269B in the content property. All render ⚛. You can also paste ⚛ directly if your file is UTF-8. There is no standard named entity.
U+269B (hex 269B, decimal 9883). Unicode names it ATOM SYMBOL. It belongs to the Miscellaneous Symbols block.
No. HTML5 / WHATWG does not define a named character reference for U+269B. Prefer &#x269B;, &#9883;, or a typed ⚛ in UTF-8.
HTML entities (&#9883; or &#x269B;) go in markup. The CSS escape \269B is used in stylesheets (usually in the content property of ::before/::after). Both render ⚛.
For science branding, chemistry education, lab labels, and periodic-table style UIs. Prefer a math/symbol-capable font so the orbits read clearly at small sizes.
Not always — screen readers may not announce “atom.” Pair the glyph with visible text or an accessible name when the meaning matters.

Did you know?

The atom symbol is Unicode U+269B (decimal 9883) in the Miscellaneous Symbols block — official name ATOM SYMBOL. There is no standard named HTML entity. Pair the glyph with the word “atom” or an accessible label when meaning must be clear to every reader.

Next: Austral Sign

Learn the HTML entity for the austral sign (₳).

Next tutorial →

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