HTML Entity for Scales (⚖)

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

What You'll Learn

How to display the Scales symbol (⚖) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2696 (BALANCE SCALE) in the Miscellaneous Symbols block (U+2600–U+26FF)—the classic scales-of-justice icon used in legal, judicial, and balance-themed content.

Use ⚖, ⚖, or CSS \2696. There is no named HTML entity. Do not confuse ⚖ with U+264E (♎, Libra zodiac sign) or U+2695 (⚕, staff of Aesculapius).

⚡ Quick Reference — Scales

Unicode U+2696

Miscellaneous Symbols

Hex Code ⚖

Hexadecimal reference

HTML Code ⚖

Decimal reference

Named Entity

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+2696
Hex code       ⚖
HTML code      ⚖
Named entity   (none)
CSS code       \2696
Meaning        Balance scale (scales of justice)
Related        U+264E = Libra (♎, zodiac sign)
               U+2695 = Staff of Aesculapius (⚕)
1

Complete HTML Example

This example demonstrates the Scales symbol (⚖) using hexadecimal code, decimal HTML code, and a CSS content escape. There is no named HTML entity:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\2696";
  }
 </style>
</head>
<body>
<p>Scales using Hexadecimal: &#x2696;</p>
<p>Scales using HTML Code: &#9878;</p>
<p id="point">Scales using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Scales symbol (⚖) is supported in all modern browsers when using numeric HTML entities or CSS escapes:

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

👀 Live Preview

See ⚖ rendered live in legal and balance contexts:

Large glyph
Justice theme ⚖ Justice & Fairness
vs Libra sign ⚖ balance scale   vs   ♎ Libra (zodiac)
Numeric refs &#x2696; &#9878; \2696

🧠 How It Works

1

Hexadecimal Code

&#x2696; uses Unicode hexadecimal 2696 to display ⚖ in HTML markup.

HTML markup
2

Decimal HTML Code

&#9878; uses decimal Unicode value 9878 for the same character.

HTML markup
3

CSS Entity

\2696 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.

CSS stylesheet
=

Same visual result

All three methods produce . Unicode U+2696 (BALANCE SCALE) in the Miscellaneous Symbols block. No named entity.

Use Cases

The Scales symbol (⚖) commonly appears in:

⚖ Legal sites

Law firm websites, attorney portfolios, and legal service pages.

⚖ Courts

Judicial content, court information, and legal education portals.

⚖ Justice themes

Fairness, equality, and human-rights messaging.

⚖ Balance UI

Comparison tools, pros/cons lists, and equilibrium concepts.

⚖ Branding

Professional logos and marketing for legal organizations.

🌐 Symbol guides

Unicode and HTML entity reference pages.

💡 Best Practices

Do

  • Use &#x2696; or &#9878; in HTML (no named entity)
  • Add aria-label="Scales of justice" when the symbol conveys meaning alone
  • Use CSS content for reusable legal icon components
  • Declare UTF-8 with <meta charset="utf-8">
  • Use respectfully in legal and judicial contexts

Don’t

  • Confuse ⚖ (balance scale) with ♎ (Libra zodiac sign)
  • Expect a named HTML entity for U+2696
  • Put CSS escape \2696 in HTML text nodes
  • Use ⚖ casually where it implies official legal authority
  • Assume every font renders ⚖ clearly at small sizes

Key Takeaways

1

Two HTML numeric references plus CSS insert ⚖

&#x2696; &#9878;
2

For CSS, use \2696 in the content property

3

Unicode U+2696 — BALANCE SCALE

4

No named entity—use hex or decimal

5

Not the same as ♎ (Libra zodiac sign)

❓ Frequently Asked Questions

Use &#x2696; (hex), &#9878; (decimal), or \2696 in CSS content. There is no named HTML entity. All three methods render ⚖.
U+2696 (BALANCE SCALE). Miscellaneous Symbols block (U+2600–U+26FF). Hex 2696, decimal 9878. Commonly associated with justice and law.
On legal and law firm websites, court and judicial content, justice and fairness themes, balance or equality messaging, comparison interfaces, and professional legal branding.
U+2696 (⚖) is BALANCE SCALE—scales of justice. U+264E (♎) is LIBRA—the zodiac/astrological sign. They serve different purposes despite both relating to balance.
HTML references (&#9878; or &#x2696;) go in markup. The CSS escape \2696 belongs in stylesheets, typically in the content property of pseudo-elements. Both render ⚖.

Explore More HTML Entities!

Discover 1500+ HTML character references — symbols, legal icons, 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