HTML Entity for Scales (⚖)

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

What Is the Scales Entity?

Scales (⚖) is the Miscellaneous Symbols character at Unicode U+2696 (BALANCE SCALE). It is the classic scales-of-justice icon used for law, fairness, and balance themes.

Remember
Character     ⚖
Unicode       U+2696
Hex entity    ⚖
Decimal       ⚖
Named entity  (none)
CSS escape    \2696
Not the same  ♎ (Libra zodiac) · ⚕ (staff of Aesculapius)

Hex, decimal, CSS, and a typed character all produce the same glyph: ⚖. Prefer ⚖ when you want an explicit entity. For the medical rod look-alike, see Staff of Aesculapius.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Hex entity⚖HTML markup (best entity default)
Decimal entity⚖HTML markup
Named entityNoneHTML5 does not define one
CSS escape\2696Stylesheet content
Direct character⚖UTF-8 HTML text

When to Use Which

SituationUse
Legal / justice branding⚖ or ⚖
Balance / fairness messaging⚖ (scales of justice)
Generated text via ::before / ::aftercontent: "\2696"
Libra zodiac signUse U+264E (♎), not U+2696
Medicine / healthcareUse U+2695 (⚕)

Live Preview

Scales in justice contexts, compared with look-alike symbols.

Justice label ⚖ Justice & Fairness
Large glyph ⚖
Hex entity ⚖ → ⚖
vs Libra / Aesculapius ⚖  |  ♎  |  ⚕
With entities Hex: ⚖ | Decimal: ⚖

Complete HTML Example

One page that shows this symbol with hex, decimal, and CSS. Use View Output or open the live editor.

Hex + Decimal + CSS

Three ways to produce ⚖ in a single document (no named entity).

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Scales (⚖)</title>
  <style>
    #point::after {
      content: "\2696";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x2696;</p>
  <p>Using HTML Code: &#9878;</p>
  <p id="point">Using CSS Entity: </p>
  <p>&#x2696; Justice &amp; Fairness</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+2696 → &#x2696; in HTML. The browser turns it into ⚖.

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

3. Named: HTML5 does not define a named entity for this character — use hex or decimal instead.

4. CSS: use \2696 in content (not an HTML entity). #point::after appends that ⚖ after the paragraph text.

Pitfalls & Tips

Common mistakes when working with Scales.

Look-alikes

⚖ ≠ ♎

U+2696 is the balance scale (justice). U+264E is Libra — the zodiac sign. Similar theme, different Unicode meanings.

Named

No &…; name

Do not invent a name. Use &#x2696; or &#9878;.

A11y

Label justice marks

If ⚖ stands alone for “law” or “justice,” add visible text or aria-label so the meaning is clear.

Fonts

Glyph coverage

Most modern fonts include U+2696. Still test small sizes — the pans can blur below ~14px.

CSS vs HTML

Do not mix escapes

\2696 belongs in CSS. &#x2696; / &#9878; belong in HTML.

Semicolon

End references

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

Browser Support

Scales (U+2696) and its entity forms (&#x2696;, &#9878;, CSS \\2696) are supported in all modern browsers. Glyph coverage depends on the font.

✓ Universal encoding

Scales (&#x2696;)

Encode with hex, decimal, or CSS escape — or type ⚖ directly in UTF-8 HTML. No named entity.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer IE 9+
Yes*
U+2696 Full support

Bottom line: Prefer &#x2696; for readable HTML. Use \\2696 only inside CSS content. Do not confuse with Libra (U+264E).

Key Takeaways

  • Unicode: this symbol is U+2696 (decimal 9878) — balance scale / scales of justice.
  • HTML: prefer &#x2696; — or use &#9878;. No named entity.
  • CSS: use \2696 inside content for generated text.
  • Watch out: not the same as Libra (U+264E) or staff of Aesculapius (U+2695).

One line: U+2696 → &#x2696; / &#9878; / CSS \2696 (no named entity).

Frequently Asked Questions

Use &#x2696; (hex), &#9878; (decimal), or the CSS escape \2696 in the content property. All render ⚖ when the font supports Miscellaneous Symbols. There is no named HTML entity.
U+2696 (BALANCE SCALE). Hex 2696, decimal 9878. It belongs to Miscellaneous Symbols (U+2600–U+26FF). It is the scales-of-justice symbol.
No. HTML5 does not define a named entity for U+2696. Use numeric references like &#x2696; or &#9878;.
Use it for legal and court content, justice themes, balance or fairness messaging, and professional law branding. Prefer U+264E (Libra) only when you mean the zodiac sign.
HTML entities (&#9878; or &#x2696;) go in markup. The CSS escape \2696 is used in stylesheets (usually in the content property of ::before/::after). Both render ⚖.
U+2696 is BALANCE SCALE (justice). U+264E is LIBRA (zodiac). U+2695 is STAFF OF AESCULAPIUS (medicine). Related themes, different symbols.

Did you know?

Scales is Unicode U+2696 (decimal 9878) — BALANCE SCALE, the classic scales-of-justice symbol. HTML5 has no named entity — use &#x2696; or &#9878;. Do not confuse it with Libra (U+264E, zodiac) or the staff of Aesculapius (U+2695).

Next: Schwa Latin Subscript

Learn the HTML entity for Schwa Latin Subscript — next in this sequence.

Continue 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