HTML Entity for Left Arrow Bar Black Diamond (⤟)

Beginner
6 min read
Updated: Sep 2026
1 example
Unicode U+291F

What Is the Left Arrow Bar Black Diamond Entity?

Left Arrow Bar Black Diamond (⤟) is the Supplemental Arrows-B character at Unicode U+291F (LEFTWARDS ARROW FROM BAR TO BLACK DIAMOND). It is a composite leftwards arrow that starts at a bar and ends in a black diamond tip.

Remember
Character     ⤟
Unicode       U+291F
Hex entity    ⤟
Decimal       ⤟
Named entity  ⤟
CSS escape    \291F

All of these produce the same glyph: ⤟ (when the font supports U+291F). Prefer ⤟ in HTML source for clarity; use hex/decimal when generating entities, and CSS \291F only in content.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entity⤟HTML markup (best default)
Hex entity⤟HTML markup
Decimal entity⤟HTML markup
CSS escape\291FStylesheet content
Direct character⤟UTF-8 HTML text

When to Use Which

SituationUse
Readable HTML source⤟
Need a numeric entity in HTML⤟ or ⤟
Generated text via ::before / ::aftercontent: "\291F"
Arrow from bar (no diamond)Use ↤ (U+21A4)
Arrow to diamond (no bar)Use Left Arrow Black Diamond (U+291D)

Live Preview

Left Arrow Bar Black Diamond in navigation-style contexts.

Back link ⤟ Back
Large glyph ⤟
Named entity ⤟ → ⤟
vs related ⤟  |  ↤  |  ⤝
With entities Hex: ⤟ | Decimal: ⤟ | Named: ⤟

Complete HTML Example

One page that shows Left Arrow Bar Black Diamond with hex, decimal, named, and CSS. Use View Output or open the live editor.

Hex + Decimal + Named + CSS

All four ways to produce ⤟ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Left Arrow Bar Black Diamond (⤟) in HTML</title>
  <style>
    #point::after {
      content: "\291F";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x291F;</p>
  <p>Using HTML Code: &#10527;</p>
  <p>Using Named Entity: &larrbfs;</p>
  <p id="point">Using CSS Entity: </p>
  <p><a href="#">&larrbfs; Back</a></p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+291F → &#x291F; in HTML. The browser turns it into ⤟.

2. Decimal: same code point as 10527 → &#10527;. Same result as hex.

3. Named: &larrbfs; is the HTML5 name for this character — easiest to read in source.

4. CSS: use \291F in content (not an HTML entity). #point::after appends that ⤟ after the paragraph text.

Pitfalls & Tips

Common mistakes when working with Left Arrow Bar Black Diamond.

Named

Prefer &larrbfs;

The named form is easiest to read and maintain in HTML source.

Look-alikes

Not U+21A4 or U+291D alone

From-bar without diamond is U+21A4. Diamond without from-bar is U+291D. U+291F is the combined form.

A11y

Label the action

Pair ⤟ with words like “Back”, or use aria-label — composite arrows are often silent to assistive tech.

CSS vs HTML

Do not mix escapes

\291F belongs in CSS. &larrbfs; / &#x291F; / &#10527; belong in HTML.

Fonts

Supplemental Arrows coverage

Some fonts omit U+291F. Prefer Segoe UI Symbol, Noto Sans Symbols, or another arrows-capable face.

Semicolon

End references

Always finish with ; — write &larrbfs;, not &larrbfs.

Browser Support

Left Arrow Bar Black Diamond (U+291F) and its entity forms (&larrbfs;, &#x291F;, &#10527;, CSS \\291F) are supported in modern browsers when the font includes Supplemental Arrows-B.

✓ Universal support

Left Arrow Bar Black Diamond (&#x291F;)

Encode with named, hex, decimal, or CSS escape — same character when the font supports U+291F.

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+291F / &larrbfs; Full support

Bottom line: Prefer &larrbfs; in HTML. Use \\291F only inside CSS content. Rendering quality depends on the font.

Key Takeaways

  • Unicode: this composite arrow is U+291F (decimal 10527).
  • HTML: prefer &larrbfs; — or use &#x291F; / &#10527;.
  • CSS: use \291F inside content for generated text.
  • A11y: pair ⤟ with a short label like “Back”.

One line: U+291F → &larrbfs; / &#x291F; / &#10527; / CSS \291F.

Frequently Asked Questions

Use &larrbfs; (named), &#x291F; (hex), &#10527; (decimal), or the CSS escape \291F in the content property. All render ⤟ when the font supports Supplemental Arrows-B.
U+291F (LEFTWARDS ARROW FROM BAR TO BLACK DIAMOND). Hex 291F, decimal 10527. It belongs to the Supplemental Arrows-B block.
Yes. &larrbfs; is the HTML5 named entity for U+291F and is supported in modern browsers.
Use it for navigation icons and technical diagrams that need a leftwards arrow from a bar ending in a black diamond. Prefer &larrbfs; for readable HTML source.
HTML entities (&larrbfs;, &#10527;, or &#x291F;) go in markup. The CSS escape \291F is used in stylesheets (usually in the content property of ::before/::after). Both render ⤟.
U+21A4 (↤, &mapstoleft;) is leftwards arrow from bar without a diamond tip. U+291D (⤝) is leftwards arrow to black diamond without the from-bar start. U+291F combines both features.

Did you know?

Left Arrow Bar Black Diamond is Unicode U+291F (decimal 10527) — LEFTWARDS ARROW FROM BAR TO BLACK DIAMOND. HTML5 provides the named entity &larrbfs;. Prefer it for readable source, or use &#x291F; / &#10527;. Do not confuse it with plain Left Arrow Bar (U+21A4) or Left Arrow Black Diamond (U+291D).

Next: Left Arrow Black Diamond

Learn the HTML entity for Left Arrow Black Diamond — next in this sequence.

Next 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