HTML Entity for Right Arrow From Bar To Black Diamond (⤠)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+2920
HTML entity for Right Arrow From Bar To Black Diamond (U+2920) — named ⤠, hex, decimal, and CSS tutorial

What You'll Learn

How to display the Right Arrow From Bar To Black Diamond (⤠) in HTML using the named entity, hexadecimal, decimal, and CSS escape methods. This symbol is U+2920 (RIGHTWARDS ARROW FROM BAR TO BLACK DIAMOND) in the Supplemental Arrows-B block (U+2900–U+297F)—a rightward arrow starting from a vertical bar and ending at a filled black diamond.

Render it with ⤠ (named), ⤠, ⤠, or CSS \2920. Related: U+21A6 (↦, right arrow from bar), U+291E (⤞, right arrow to black diamond / ⤞). Do not confuse ⤠ with plain right arrow → or maps-to ↦.

⚡ Quick Reference — Right Arrow From Bar To Black Diamond

Unicode U+2920

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

Hex Code ⤠

Hexadecimal reference

HTML Code ⤠

Decimal reference

Named Entity ⤠

Standard HTML entity

Reference Table
Name           Value
────────────   ──────────
Unicode        U+2920
Hex code       ⤠
HTML code      ⤠
Named entity   ⤠
CSS code       \2920
Meaning        Rightwards arrow from bar to black diamond
Related        U+21A6 = right arrow from bar (↦)
               U+291E = right arrow to black diamond (⤞, ⤞)
Block          Supplemental Arrows-B (U+2900–U+297F)
1

Complete HTML Example

A simple example showing ⤠ using the named entity, hexadecimal code, decimal HTML code, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point::after{
   content: "\2920";
  }
 </style>
</head>
<body>
<p>Hex: &#x2920;</p>
<p>Decimal: &#10528;</p>
<p>Named: &rarrbfs;</p>
<p id="point">CSS: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

U+2920 is widely supported in all modern browsers—it is part of the Supplemental Arrows-B block:

Chrome1+
Firefox1+
Safari1+
Edge12+
Opera4+
Android4.4+
iOS Safari1+

👀 Live Preview

See the Right Arrow From Bar To Black Diamond (⤠) in common contexts:

Flowchart step Start ⤠ Process ⤠ End
Navigation Menu ⤠ Dashboard ⤠ Settings
Large glyph ⤠
Arrow comparison ↦ ⤠ ⤞
Entity refs &rarrbfs; &#x2920; &#10528; \2920

🧠 How It Works

1

Named HTML Entity

&rarrbfs; is the named entity for U+2920 (rightwards arrow from bar to black diamond). It is the most readable option in HTML source.

HTML markup
2

Hexadecimal Code

&#x2920; uses the Unicode hexadecimal value 2920.

HTML markup
3

Decimal HTML Code

&#10528; uses the decimal Unicode value 10528 for the same character.

HTML markup
4

CSS Entity

\2920 is used in CSS stylesheets in the content property of pseudo-elements.

CSS stylesheet
=

Same visual result

All four methods produce ⤠. Unicode U+2920 in the Supplemental Arrows-B block. Previous: Right Arrow From Bar (↦). Next: Right Arrow Headless Tail (⤚).

✅

Use Cases

The Right Arrow From Bar To Black Diamond (⤠) is commonly used in:

🛠 Flowcharts

Show direction from a starting bar to a black diamond endpoint in process maps.

📝 Diagrams

Technical diagrams, system flows, and architecture visualizations.

🧭 Navigation

Breadcrumbs, menus, and UI elements indicating direction to an endpoint.

🎨 UI design

Buttons, icons, and interactive elements with directional indicators.

🚀 Process flows

Step-by-step guides, workflow documentation, and onboarding flows.

♿ Accessibility

Pair ⤠ with plain language (e.g. “leads to”) for screen readers.

💡 Best Practices

Do

  • Prefer &rarrbfs; in HTML for readable source markup
  • Use ⤠ in flowcharts and diagrams where bar-to-diamond direction matters
  • Set <meta charset="utf-8">
  • Link to Right Arrow From Bar for the related ↦ symbol
  • Keep one entity style consistent across your project
  • Use CSS \2920 for decorative arrows in pseudo-elements

Don’t

  • Confuse ⤠ (U+2920) with ↦ (U+21A6) or ⤞ (U+291E)
  • Use padded Unicode notation like U+02920—the correct value is U+2920
  • Use CSS escape \2920 in HTML text nodes
  • Substitute ASCII -> when the specialized arrow ⤠ is intended
  • Assume all fonts render Supplemental Arrows-B glyphs correctly

Key Takeaways

1

Four ways to render U+2920 in HTML and CSS

&rarrbfs; &#x2920; &#10528;
2

For CSS, use \2920 in the content property

3

Unicode U+2920 — RIGHTWARDS ARROW FROM BAR TO BLACK DIAMOND (⤠)

4

Distinct from ↦, ⤞, and plain right arrow →

5

Previous: Right Arrow From Bar (↦)   Next: Right Arrow Headless Tail (⤚)

❓ Frequently Asked Questions

Use &rarrbfs; (named), &#x2920; (hex), &#10528; (decimal), or \2920 in CSS content. All four render ⤠.
U+2920 (RIGHTWARDS ARROW FROM BAR TO BLACK DIAMOND). Supplemental Arrows-B block (U+2900–U+297F). Hex 2920, decimal 10528.
For flowcharts, diagrams, navigation symbols, UI design, directional indicators, and process flows that show direction from a starting bar to a black diamond endpoint.
Named and numeric HTML references (&rarrbfs;, &#10528;, &#x2920;) go in markup. The CSS escape \2920 is used in stylesheets, typically on ::before or ::after. Both render ⤠.
&rarrbfs; is the standard named HTML entity for U+2920. You can also use &#10528; (decimal) or &#x2920; (hex) and \2920 in CSS—all equivalent in modern browsers.

Explore More HTML Entities!

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

Right Arrow From Bar (↦) Right Arrow Headless Tail (⤚)