HTML Entity for Left Arrow Black Diamond (⤝)

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

What You'll Learn

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

Render it with ⤝ (named), ⤝, ⤝, or CSS \291D. Related: U+291F (⤟, left arrow bar black diamond / ⤟), U+291E (⤞, right arrow to black diamond / ⤞).

⚡ Quick Reference — Left Arrow Black Diamond

Unicode U+291D

Supplemental Arrows-B

Hex Code ⤝

Hexadecimal reference

HTML Code ⤝

Decimal reference

Named Entity ⤝

Most readable option

Reference Table
Name           Value
────────────   ──────────
Unicode        U+291D
Hex code       ⤝
HTML code      ⤝
Named entity   ⤝
CSS code       \291D
Meaning        Leftwards arrow to black diamond
Related        U+291F = left arrow bar black diamond (⤟)
               U+291E = right arrow to black diamond (⤞)
1

Complete HTML Example

A simple example showing the Left Arrow 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: "\291D";
  }
 </style>
</head>
<body>
<p>Symbol using Hexadecimal: &#x291D;</p>
<p>Symbol using HTML Code: &#10525;</p>
<p>Symbol using HTML Entity: &larrfs;</p>
<p id="point">Symbol using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Left Arrow 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 Black Diamond (⤝) in navigation and UI contexts:

Back control ⤝ Back
Toolbar icon ⤝ Previous
Large glyph ⤝
Arrow comparison ⤝ ⤟ ⤞
Entity refs &larrfs; &#x291D; &#10525; \291D

🧠 How It Works

1

Named HTML Entity

&larrfs; is the named entity for the Left Arrow Black Diamond (leftwards arrow to black diamond). It is easy to read in navigation and UI markup.

HTML markup
2

Hexadecimal Code

&#x291D; uses the Unicode hexadecimal value 291D. The x prefix indicates hexadecimal format.

HTML markup
3

Decimal HTML Code

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

HTML markup
4

CSS Entity

\291D 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+291D is in Supplemental Arrows-B. Next: Left Arrow Double Vertical Stroke.

✅

Use Cases

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

🧭 Navigation

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

🎨 Web design

Distinct arrow-to-diamond styling in buttons, badges, or UI elements.

📄 Documentation

Flow, shortcuts, or specification notation using this symbol.

⌨️ Shortcuts

Key labels or shortcut hints where a left-arrow-to-black-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 &larrfs; 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+291D)
  • 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 ⤟ (bar black diamond) or ⤞ (right to black diamond)
  • Mix entity styles randomly in one file
  • Use CSS \291D inside HTML text nodes
  • Assume legacy systems render U+291D without testing

Key Takeaways

1

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

&larrfs; &#x291D; &#10525;
2

For CSS, use \291D in the content property

3

Unicode U+291D — LEFTWARDS ARROW TO BLACK DIAMOND

4

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

5

Previous: Left Arrow Bar Black Diamond (⤟)   Next: Left Arrow Double Vertical Stroke

❓ Frequently Asked Questions

Use &larrfs; (named), &#x291D; (hex), &#10525; (decimal), or \291D in CSS content. All four methods render ⤝.
U+291D (LEFTWARDS ARROW TO BLACK DIAMOND). Supplemental Arrows-B block (U+2900–U+297F). Hex 291D, decimal 10525.
In navigation icons and UI controls, web design and interface elements, technical documentation and diagrams, keyboard or shortcut notation, and any content requiring a left-arrow-to-black-diamond symbol.
Named and numeric HTML references (&larrfs;, &#10525;, &#x291D;) go in markup. The CSS escape \291D is used in stylesheets, typically on ::before or ::after. Both render ⤝.
Yes. &larrfs; is the named HTML entity for U+291D. You can also use &#10525; (decimal) or &#x291D; (hex) and \291D 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 Black Diamond (⤟) Left Arrow Double Vertical Stroke