HTML Entity for Heavy Left Pointing Angle Bracket Ornament (❰)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+2770
HTML entity for Heavy Left Pointing Angle Bracket Ornament (U+2770) — hex, decimal, and CSS tutorial

What You'll Learn

How to display the Heavy Left Pointing Angle Bracket Ornament (❰) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2770 (HEAVY LEFT POINTING ANGLE BRACKET ORNAMENT) in the Dingbats block (U+2700–U+27BF). It is a decorative left-pointing angle bracket—ideal for callouts, paired bracket styling (often with U+2771 ❱), back/previous cues, and typographic design where a distinct bracket is desired beyond ASCII < (U+003C).

Render it with &#x2770;, &#10096;, or CSS escape \2770. There is no named HTML entity. Do not confuse ❰ with U+276E (❮, heavy left pointing angle quotation mark ornament) or U+300A (《, CJK left double angle bracket); bracket and quote ornaments are separate code points.

⚡ Quick Reference — Left Angle Bracket Ornament

Unicode U+2770

Dingbats block

Hex Code &#x2770;

Hexadecimal reference

HTML Code &#10096;

Decimal reference

Named Entity —

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+2770
Hex code       &#x2770;
HTML code      &#10096;
Named entity   (none)
CSS code       \2770
Meaning        Left angle bracket ornament
Pair with      U+2771 = right bracket (❱)
Related        U+003C = less-than (<)
               U+276E = angle quote (❮)
1

Complete HTML Example

This example demonstrates the Heavy Left Pointing Angle Bracket Ornament (❰) using hexadecimal code, decimal HTML code, and CSS content escapes on a bracket-wrapped callout (paired with ❱):

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\2770";
  }
 </style>
</head>
<body>
<p>Left Bracket using Hexadecimal: &#x2770;</p>
<p>Left Bracket using HTML Code: &#10096;</p>
<p id="point">Left Bracket using CSS Entity</p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Heavy Left Pointing Angle Bracket Ornament (❰) is widely supported in modern browsers when the font includes Dingbats bracket glyphs:

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

👀 Live Preview

Heavy Left Pointing Angle Bracket Ornament (❰) in context, paired with the right bracket and compared with related symbols:

Callout ❰ Pull quote text ❱
Navigation ❰ Previous page
Large glyph ❰
Comparison ❰ ❱   <   ❮
Numeric refs &#x2770; &#10096; \2770

🧠 How It Works

1

Hexadecimal Code

&#x2770; uses the Unicode hexadecimal value 2770 to display the left bracket ornament. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#10096; uses the decimal Unicode value 10096 to display the same character.

HTML markup
3

CSS Entity

\2770 is used in CSS stylesheets, particularly in content on ::before for opening brackets; pair \2771 on ::after for closing.

CSS stylesheet
=

Same visual result

All three methods produce ❰. Unicode U+2770 is in the Dingbats block. Next: Angle Quotation Ornament (❮).

✅

Use Cases

The Heavy Left Pointing Angle Bracket Ornament (❰) is commonly used in:

❰ Callouts

Opening bracket for callouts, pull quotes, or highlighted text (often paired with ❱).

📝 Editorial

Styled bracket in articles, blockquotes, and editorial layout.

◀ Navigation

Back or previous indicator in navigation or breadcrumbs (with text/ARIA).

💬 Messaging

Decorative bracket for message bubbles or quote styling in chat UIs.

🔨 CSS content

content: "\2770" on ::before without extra HTML markup.

🎨 Branding

Custom bracket motif in headers, cards, or brand assets.

💡 Best Practices

Do

  • Pair ❰ with ❱ (U+2771) for balanced bracket styling
  • Use content: "\2770 " on ::before and \2771 on ::after
  • Declare UTF-8 with <meta charset="utf-8">
  • Add visible link text when ❰ suggests “back” or “previous”
  • Keep one numeric style (hex or decimal) per project
  • Use semantic <blockquote> for quoted callout content

Don’t

  • Confuse U+2770 (❰) with U+276E (❮) or ASCII <
  • Expect a named HTML entity for U+2770
  • Use CSS \2770 in HTML text nodes
  • Rely on ❰ alone for navigation without accessible labels
  • Substitute ornamental brackets for required semantic quote markup alone

Key Takeaways

1

Two HTML numeric references plus CSS insert U+2770

&#x2770; &#10096;
2

For CSS, use \2770 in the content property

3

Unicode U+2770 — left angle bracket ornament (❰)

4

Pair with U+2771 (❱) for opening/closing bracket sets

5

Next: Angle Quotation (❮)

❓ Frequently Asked Questions

Use &#x2770; (hex), &#10096; (decimal), or \2770 in CSS content. There is no named entity. All three methods render the symbol (❰) correctly.
U+2770 (HEAVY LEFT POINTING ANGLE BRACKET ORNAMENT). Dingbats block. Hex 2770, decimal 10096. The symbol (❰) is a decorative left-pointing angle bracket, often used with ❱ for paired styling.
For decorative brackets and callouts, paired with ❱ for quote or highlight styling, back/previous navigation cues, and typographic design where a distinct left angle bracket is desired.
HTML references (&#10096; or &#x2770;) go in markup. The CSS escape \2770 is used in stylesheets, typically on ::before or ::after. Both produce ❰.
Named entities cover common ASCII, Latin-1, and widely used symbols. U+2770 uses numeric hex (&#x2770;) or decimal (&#10096;) codes, which is standard for decorative Dingbats brackets.

Explore More HTML Entities!

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

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

Heavy Heart Exclamation Mark Ornament (❣) Heavy Left Pointing Angle Quotation Mark Ornament (❮)