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

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

What Is Heavy Left Pointing Angle Bracket Ornament?

Heavy left pointing angle bracket ornament (❰) is the Unicode character at U+2770 in Dingbats. Official name: HEAVY LEFT-POINTING ANGLE BRACKET ORNAMENT. It is a bold decorative left bracket used for callouts and ornamental typography — not for HTML tags.

Remember
Character     ❰
Unicode       U+2770
Hex entity    ❰
Decimal       ❰
CSS escape    \2770
Named entity  (none)
Meaning       decorative left angle bracket
Not the same  < (&lt;) · ❱ · ❮

Prefer &#x2770; or &#10096; in HTML (no named form). You can also type ❰ in a UTF-8 document. Pair with &#x2771; (❱) for the right ornament; for markup, use &lt;.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entityNone—
Hex entity&#x2770;HTML markup (preferred)
Decimal entity&#10096;HTML markup
Direct character❰HTML text (UTF-8)
CSS escape\2770Stylesheet content

When to Use Which

SituationUse
Decorative left bracket / callout&#x2770; plus visible text or aria-label
Matching right ornamentHeavy right pointing angle bracket — &#x2771; (❱)
Quotation-style angle ornamentHeavy left pointing angle quotation — &#x276E; (❮)
Real HTML tags or comparisons&lt; (<) / &gt; (>)
Generated text via ::before / ::aftercontent: "\2770"

Live Preview

Symbol alone, in a sample label, and next to related forms.

Glyph ❰
Large glyph ❰
Sample ❰ Tip ❱
Compared ❰   ❱   ❮   <
With entities Hex: ❰ | Decimal: ❰

Complete HTML Example

One page that shows heavy left pointing angle bracket ornament with hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to display ❰ in HTML and CSS.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Heavy Left Pointing Angle Bracket Ornament (U+2770) in HTML</title>
  <style>
    #point::after {
      content: "\2770";
    }
  </style>
</head>
<body>
  <p>Built with Hex: &#x2770;</p>
  <p>Built with Decimal: &#10096;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ❰</p>
  <p><span aria-label="Open bracket">&#x2770; Tip &#x2771;</span></p>
  <p>Markup less-than: &lt;</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: &#x2770; inserts code point U+2770 → ❰.

2. Decimal: same code point as 10096 → &#10096;. Same visual as hex.

3. CSS: use \2770 in content (not an HTML entity). #point::after appends ❰.

4. Typed: paste ❰ in a UTF-8 document when you need this ornament. Prefer aria-label or nearby prose so decorative brackets stay clear to everyone.

Pitfalls & Tips

Common mistakes when working with heavy left pointing angle bracket ornament.

Name

No named entity

There is no HTML5 named entity for U+2770. Use &#x2770; or &#10096;. Do not invent &heavylangle;.

<

Not &lt;

&lt; is the less-than sign used in HTML tags. ❰ is a Dingbats ornament for decoration only.

❮

Not the quotation ornament

❮ (U+276E) is heavy left-pointing angle quotation mark ornament. ❰ is the bracket ornament.

Font

Font coverage

Some fonts omit Dingbats. If ❰ is missing, fall back to text or a font with U+2770 coverage.

CSS vs HTML

Do not mix escapes

\2770 belongs in CSS strings. &#x2770; / &#10096; belong in HTML.

a11y

Add accessible text

Screen readers may not announce ❰ clearly. Prefer nearby callout text or aria-label when the ornament is meaningful alone.

Semicolon

End references

Always finish entities with ; — write &#x2770;, not &#x2770.

Browser Support

Heavy left pointing angle bracket ornament (U+2770) and its entity forms (&#x2770;, &#10096;, CSS \\2770) are supported in all mainstream browsers. Visible glyphs depend on Dingbats font coverage.

✓ Universal support

Heavy Left Pointing Angle Bracket Ornament (&#x2770;)

Encode with hex, decimal, CSS escape, or type the character — same code point 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+2770 Full support

Bottom line: Prefer &#x2770; in HTML (no named form). Use &#10096; when decimal form is required, and \\2770 only inside CSS content.

Key Takeaways

  • Unicode: heavy left pointing angle bracket ornament is U+2770 (decimal 10096) — glyph ❰.
  • HTML: no named entity — use &#x2770; / &#10096; / type ❰.
  • CSS: use \2770 inside content for generated text.
  • Meaning: ❰ ≠ &lt; — ornament for decoration; use &lt; in markup.

One line: U+2770 → &#x2770; / &#10096; / CSS \2770 (no named form).

Frequently Asked Questions

Use &#x2770; (hex), &#10096; (decimal), type ❰ directly in UTF-8, or the CSS escape \2770 in content. There is no named HTML entity for U+2770.
U+2770 (HEAVY LEFT-POINTING ANGLE BRACKET ORNAMENT). Hex 2770, decimal 10096. It belongs to the Dingbats block (U+2700–U+27BF).
No. HTML5 does not define a named entity for this ornament. Prefer &#x2770; or &#10096;.
Use it for decorative left brackets or callout frames. Pair with U+2771 for the right ornament. For real HTML tags, use &lt; and &gt;. For quotation-style angle ornaments, see U+276E.
HTML numeric entities (&#10096; or &#x2770;) go in markup. The CSS escape \2770 goes in stylesheet strings (usually content on ::before/::after).
No. Heavy left pointing angle bracket ornament is U+2770 (❰), a Dingbats decorative glyph. &lt; is U+003C (<), the less-than sign used in HTML markup.

Did you know?

Heavy left-pointing angle bracket ornament is Unicode U+2770 (decimal 10096) — glyph ❰ in Dingbats. There is no HTML5 named entity; use &#x2770; or &#10096;. Prefer nearby text or aria-label when the mark carries meaning. Do not confuse it with HTML markup &lt; (<) or quotation-mark ornament &#x276E; (❮).

Next: Heavy Left Pointing Angle Quotation Mark Ornament

Learn the HTML entity for heavy left pointing angle quotation mark ornament (U+276E).

Heavy left pointing angle quotation mark ornament 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