HTML Entity for Black Right Arrow (➡)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+27A1

HTML Entity for black right arrow (➡) tutorial illustration

Definition

What Is Black Right Arrow?

Black right arrow (➡) is Unicode U+27A1 in the Dingbats block. It is a filled arrow pointing right — common for navigation and next/forward cues. HTML has no standard named entity — use numeric or CSS forms (or type the character in UTF-8).

Remember

Character     ➡
Unicode       U+27A1
Hex entity    &#x27A1;
Decimal       &#10145;
Named entity  (none)
CSS escape    \27A1
Not the same  ➤ U+27A4 · ➵ U+27B5

All of these produce the same glyph: ➡. Prefer typing ➡ in UTF-8 when you can; use ➡ / ➡ or CSS for generated content.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Direct character	`➡`	HTML text (UTF-8)
Named entity	None	—
Hex entity	`➡`	HTML markup
Decimal entity	`➡`	HTML markup
CSS escape	`\27A1`	Stylesheet `content`

When to Use Which

Situation	Use
Filled rightwards arrow	`➡` or type `➡`
Compact arrowhead	➤ (U+27A4)
Feathered right arrow	➵ (U+27B5)
Icon via CSS	`content: "\27A1"` on `::before`

See it

Live Preview

Black right arrow in study contexts.

Inline cue Continue ➡

Large glyph ➡

vs. siblings ➡ arrow · ➤ head · ➵ feathered

Accessible label Next

With entities Hex: ➡ | Decimal: ➡

Code

Complete HTML Example

One page that shows ➡ with hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to produce ➡ in a single document (no named entity).

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Black Right Arrow (➡) in HTML</title>
  <style>
    #point::after {
      content: "\27A1";
    }
  </style>
</head>
<body>
  <p>Black right arrow using Hex Code: &#x27A1;</p>
  <p>Black right arrow using HTML Code: &#10145;</p>
  <p id="point">Black right arrow using CSS Entity: </p>
  <p>Typed directly: ➡</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: U+27A1 → ➡ in HTML. The browser turns it into ➡.

2. Decimal: same code point as 10145 → ➡. Same result as hex.

3. CSS: use \27A1 in content (not an HTML entity). #point::after appends that ➡ after the paragraph text.

4. Typed ➡: fine in UTF-8 source. All four lines show the same glyph.

Pitfalls & Tips

Common mistakes when working with black right arrow (➡).

Named

No &name; form

U+27A1 has no standard named entity — use ➡ or ➡.

➤

Not the arrowhead

For a compact arrowhead use ➤ (U+27A4).

a11y

Say “next” or “right”

Screen readers may not announce a clear direction. Pair the glyph with visible or visually hidden text.

Fonts

Check Dingbats coverage

Some UI fonts omit U+27A1. Prefer fonts with solid Dingbats / arrow support.

CSS vs HTML

Do not mix escapes

\27A1 belongs in CSS. ➡ / ➡ belong in HTML.

Semicolon

End references

Always finish with ; — write ➡, not &#x27A1.

Compatibility

Browser Support

Black right arrow (U+27A1) and its entity forms (➡, ➡, CSS \\27A1) are supported in all mainstream browsers. Glyph quality depends on font support for Dingbats.

✓ Universal support

Black Right Arrow (➡)

Type ➡, or encode with hex, decimal, or CSS escape — same glyph everywhere encoding is supported.

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+27A1 / entities Full support

Bottom line: Prefer a typed ➡ or ➡ for markers. Use decimal when generating markup, and \\27A1 only inside CSS content.

Remember

Key Takeaways

Unicode: black right arrow is U+27A1 (decimal 10145).
HTML: use ➡ or ➡ (no named entity).
CSS: use \27A1 inside content for generated icons.
Watch out: ➡ ≠ ➤ ≠ ➵ (arrow ≠ arrowhead ≠ feathered).

One line: U+27A1 → ➡ / ➡ / CSS \27A1.

Frequently Asked Questions

How do I display black right arrow (➡) in HTML?

Use ➡ (hex), ➡ (decimal), or the CSS escape \27A1 in the content property. All render ➡. You can also paste ➡ directly if your file is UTF-8. There is no standard named entity.

What is the Unicode value for black right arrow?

U+27A1 (hex 27A1, decimal 10145). Unicode names it BLACK RIGHTWARDS ARROW. It belongs to the Dingbats block.

Is there a named HTML entity for ➡ (U+27A1)?

No. HTML5 / WHATWG does not define a named character reference for U+27A1. Prefer ➡, ➡, or a typed ➡ in UTF-8.

How is ➡ different from ➤ or ➵?

➡ (U+27A1) is black rightwards arrow. ➤ (U+27A4) is black rightwards arrowhead. ➵ (U+27B5) is black-feathered rightwards arrow. They are different code points.

What is the difference between HTML code and CSS entity for ➡?

HTML entities (➡ or ➡) go in markup. The CSS escape \27A1 is used in stylesheets (usually in the content property of ::before/::after). Both render ➡.

When should I use black right arrow?

Use ➡ for navigation, next/forward cues, flow diagrams, and UI direction markers. Prefer plain text or ARIA labels when the direction must be clear to screen readers.

Did you know?

Black right arrow is Unicode U+27A1 (decimal 10145) in the Dingbats block — official name BLACK RIGHTWARDS ARROW. There is no standard named HTML entity. It is not black right arrowhead (U+27A4 ➤) or black feathered right arrow (U+27B5 ➵).

Next: Black Right Arrowhead

Learn the HTML entity for the black right arrowhead (➤).

Next tutorial →

About the author

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

HTML Entity | Black Nib HTML Entity | Black Right Arrowhead