HTML Entity for Heavy Left Pointing Angle Quotation Mark Ornament (❮)

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

What You'll Learn

How to display the Heavy Left Pointing Angle Quotation Mark Ornament (❮) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+276E (HEAVY LEFT POINTING ANGLE QUOTATION MARK ORNAMENT) in the Dingbats block (U+2700–U+27BF). It is a decorative left-pointing angle quotation mark—ideal for blockquotes, pull quotes, testimonials, and typographic design, often paired with U+276F (❯) for balanced opening/closing quote styling.

Render it with ❮, ❮, or CSS escape \276E. There is no named HTML entity. Do not confuse ❮ with U+2770 (❰, angle bracket ornament) or U+00AB («, guillemet); quote and bracket ornaments are separate code points.

⚡ Quick Reference — Angle Quotation Ornament

Unicode U+276E

Dingbats block

Hex Code ❮

Hexadecimal reference

HTML Code ❮

Decimal reference

Named Entity —

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+276E
Hex code       ❮
HTML code      ❮
Named entity   (none)
CSS code       \276E
Meaning        Left angle quotation ornament
Pair with      U+276F = right quote (❯)
Related        U+2770 = bracket (❰)
               U+00AB = guillemet («)
1

Complete HTML Example

This example demonstrates the Heavy Left Pointing Angle Quotation Mark Ornament (❮) using hexadecimal code, decimal HTML code, and CSS content escapes on a semantic blockquote (paired with ❯):

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\276E";
  }
 </style>
</head>
<body>
<p>Angle Quote using Hexadecimal: &#x276E;</p>
<p>Angle Quote using HTML Code: &#10094;</p>
<p id="point">Angle Quote using CSS Entity</p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Heavy Left Pointing Angle Quotation Mark Ornament (❮) is widely supported in modern browsers when the font includes Dingbats quotation glyphs:

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

👀 Live Preview

Heavy Left Pointing Angle Quotation Mark Ornament (❮) in context, paired with the right quote and compared with related symbols:

Pull quote ❮ Good design is as little design as possible. ❯
Testimonial ❮ Best product I have used.
Large glyph ❮
Comparison ❮ ❯   ❰   «
Numeric refs &#x276E; &#10094; \276E

🧠 How It Works

1

Hexadecimal Code

&#x276E; uses the Unicode hexadecimal value 276E to display the quote ornament. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

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

HTML markup
3

CSS Entity

\276E is used in CSS stylesheets, particularly in content on ::before for opening quotes; pair \276F on ::after for closing.

CSS stylesheet
=

Same visual result

All three methods produce ❮. Unicode U+276E is in the Dingbats block. Next: Shaded Right Arrow (➭).

✅

Use Cases

The Heavy Left Pointing Angle Quotation Mark Ornament (❮) is commonly used in:

❮ Blockquotes

Opening quote for blockquotes, pull quotes, and highlighted excerpts (often with ❯).

📝 Editorial

Styled opening quotation in articles, interviews, and editorial layout.

💬 Testimonials

Opening quote for customer testimonials, reviews, and quote cards.

📖 Literature

Decorative quote styling in book excerpts, epigraphs, and literary content.

🔨 CSS quotes

content: "\276E" on ::before and \276F on ::after.

🎨 Branding

Custom quote styling in headers, cards, or brand assets.

💡 Best Practices

Do

  • Use <blockquote> or <q> for quoted content
  • Pair ❮ with ❯ (U+276F) for balanced opening/closing quotes
  • Apply ornaments via CSS ::before / ::after as decoration
  • Declare UTF-8 with <meta charset="utf-8">
  • Keep one numeric style (hex or decimal) per project
  • Mark purely decorative quote glyphs with aria-hidden="true" when duplicated in CSS

Don’t

  • Confuse U+276E (❮) with U+2770 (❰) bracket ornaments
  • Expect a named HTML entity for U+276E
  • Use CSS \276E in HTML text nodes
  • Replace semantic quotation markup with ornaments only
  • Rely on decorative glyphs alone for citation or attribution meaning

Key Takeaways

1

Two HTML numeric references plus CSS insert U+276E

&#x276E; &#10094;
2

For CSS, use \276E in the content property

3

Unicode U+276E — left angle quotation ornament (❮)

4

Pair with U+276F (❯) for opening/closing quote sets

5

Next: Shaded Right Arrow (➭)

❓ Frequently Asked Questions

Use &#x276E; (hex), &#10094; (decimal), or \276E in CSS content. There is no named entity. All three methods render the symbol (❮) correctly.
U+276E (HEAVY LEFT POINTING ANGLE QUOTATION MARK ORNAMENT). Dingbats block. Hex 276E, decimal 10094. The symbol (❮) is a decorative left-pointing angle quote, often used with ❯ for paired styling in blockquotes.
For blockquotes and pull quotes, typographic and editorial design, paired with ❯ for opening/closing quote styling, and any content where a distinct left angle quotation mark is desired.
HTML references (&#10094; or &#x276E;) go in markup. The CSS escape \276E is used in stylesheets, typically on ::before or ::after. Both produce ❮.
Named entities cover common ASCII, Latin-1, and widely used symbols. U+276E uses numeric hex (&#x276E;) or decimal (&#10094;) codes, which is standard for decorative Dingbats quotation ornaments.

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 Left Pointing Angle Bracket Ornament (❰) Heavy Lower Right Shaded White Right Arrow (➭)