HTML Entity for Left Arrow Bar Black Diamond (⤟)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+291F
HTML entity for Left Arrow Bar Black Diamond (U+291F) — named ⤟, hex, decimal, and CSS tutorial

What You'll Learn

How to display the Left Arrow Bar Black Diamond (⤟) in HTML using the named entity, hexadecimal, decimal, and CSS escape methods. This composite symbol is U+291F (LEFTWARDS ARROW FROM BAR TO BLACK DIAMOND) in the Supplemental Arrows-B block (U+2900–U+297F)—a leftwards arrow from bar combined with a black diamond, used in navigation icons, UI design, and technical or diagrammatic content.

Render it with ⤟ (named), ⤟, ⤟, or CSS \291F. Related: U+21A4 (↤, left arrow bar / ↤), U+2920 (⤠, right arrow bar black diamond).

⚡ Quick Reference — Left Arrow Bar Black Diamond

Unicode U+291F

Supplemental Arrows-B

Hex Code ⤟

Hexadecimal reference

HTML Code ⤟

Decimal reference

Named Entity ⤟

Most readable option

Reference Table
Name           Value
────────────   ──────────
Unicode        U+291F
Hex code       ⤟
HTML code      ⤟
Named entity   ⤟
CSS code       \291F
Meaning        Leftwards arrow from bar to black diamond
Related        U+21A4 = left arrow bar (↤)
               U+2920 = right arrow bar black diamond (⤠)
1

Complete HTML Example

A simple example showing the Left Arrow Bar Black Diamond (⤟) using the named entity, hexadecimal code, decimal HTML code, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\291F";
  }
 </style>
</head>
<body>
<p>Symbol using Hexadecimal: &#x291F;</p>
<p>Symbol using HTML Code: &#10527;</p>
<p>Symbol using HTML Entity: &larrbfs;</p>
<p id="point">Symbol using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Left Arrow Bar Black Diamond (⤟) renders in modern browsers when the font includes Supplemental Arrows-B glyphs:

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

👀 Live Preview

See the Left Arrow Bar Black Diamond (⤟) in navigation and UI contexts:

Back control ⤟ Back
Toolbar icon ⤟ Previous
Large glyph ⤟
Arrow comparison ⤟ ↤ ⤠
Entity refs &larrbfs; &#x291F; &#10527; \291F

🧠 How It Works

1

Named HTML Entity

&larrbfs; is the named entity for the Left Arrow Bar Black Diamond. It is easy to read in navigation and UI markup.

HTML markup
2

Hexadecimal Code

&#x291F; uses the Unicode hexadecimal value 291F. The x prefix indicates hexadecimal format.

HTML markup
3

Decimal HTML Code

&#10527; uses the decimal Unicode value 10527 for the same composite symbol.

HTML markup
4

CSS Entity

\291F is used in CSS stylesheets in the content property of pseudo-elements like ::after.

CSS stylesheet
=

Same visual result

All four methods produce ⤟. Unicode U+291F is in Supplemental Arrows-B. Next: Left Arrow Black Diamond.

✅

Use Cases

The Left Arrow Bar Black Diamond (⤟) is commonly used in:

🧭 Navigation

Back, return, or left-direction controls in app headers, toolbars, and menus.

🎨 UI design

Distinct arrow-with-diamond styling in buttons, badges, or diagram elements.

📄 Documentation

Keyboard shortcuts, flow diagrams, or specification notation using this symbol.

⌨️ Shortcuts

Key labels or shortcut hints where a composite arrow-diamond is required.

📊 Diagrams

Direction or special transition type in process and state diagrams.

📱 Mobile apps

Custom navigation or action icons using Supplemental Arrows-B symbols.

💡 Best Practices

Do

  • Prefer &larrbfs; in HTML for readable source markup
  • Pair the symbol with text (e.g. “⤟ Back”) or use aria-label
  • Use fonts that support Supplemental Arrows-B (U+291F)
  • Set <meta charset="utf-8">
  • Keep one entity style consistent across your project
  • Test glyph rendering across browsers and fonts

Don’t

  • Use the symbol alone without context for interactive controls
  • Confuse ⤟ with ↤ (left arrow bar) or ⤠ (right bar black diamond)
  • Mix entity styles randomly in one file
  • Use CSS \291F inside HTML text nodes
  • Assume legacy systems render U+291F without testing

Key Takeaways

1

Four ways to render U+291F in HTML and CSS

&larrbfs; &#x291F; &#10527;
2

For CSS, use \291F in the content property

3

Unicode U+291F — LEFTWARDS ARROW FROM BAR TO BLACK DIAMOND

4

Supplemental Arrows-B block (U+2900–U+297F)

5

Previous: Left Arrow Bar (↤)   Next: Left Arrow Black Diamond

❓ Frequently Asked Questions

Use &larrbfs; (named), &#x291F; (hex), &#10527; (decimal), or \291F in CSS content. All four methods render ⤟.
U+291F (LEFTWARDS ARROW FROM BAR TO BLACK DIAMOND). Supplemental Arrows-B block (U+2900–U+297F). Hex 291F, decimal 10527. Combines a leftwards arrow from bar with a black diamond.
In navigation icons and UI controls, technical documentation and diagrams, graphic and interface design, keyboard or shortcut notation, and any content requiring a composite left-arrow-bar-with-black-diamond symbol.
Named and numeric HTML references (&larrbfs;, &#10527;, &#x291F;) go in markup. The CSS escape \291F is used in stylesheets, typically on ::before or ::after. Both render ⤟.
Yes. &larrbfs; is the named HTML entity for U+291F. You can also use &#10527; (decimal) or &#x291F; (hex) and \291F in CSS—all equivalent in modern browsers.

Explore More HTML Entities!

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

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

Left Arrow Bar (↤) Left Arrow Black Diamond