HTML Entity for Black Right Arrowhead (➤)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+27A4
HTML Entity for black right arrowhead (➤) tutorial illustration
Definition

What Is Black Right Arrowhead?

Black right arrowhead (➤) is Unicode U+27A4 in the Dingbats block. It is a compact filled arrowhead pointing right — useful for tight UI pointers. HTML has no standard named entity — use numeric or CSS forms (or type the character in UTF-8).

Remember
Character     ➤
Unicode       U+27A4
Hex entity    ➤
Decimal       ➤
Named entity  (none)
CSS escape    \27A4
Not the same  ➡ U+27A1 · ➵ 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.

FormCodeWhere it goes
Direct character➤HTML text (UTF-8)
Named entityNone—
Hex entity➤HTML markup
Decimal entity➤HTML markup
CSS escape\27A4Stylesheet content

When to Use Which

SituationUse
Compact right arrowhead➤ or type ➤
Full rightwards arrow➡ (U+27A1)
Feathered right arrow➵ (U+27B5)
Icon via CSScontent: "\27A4" on ::before
See it

Live Preview

Black right arrowhead in study contexts.

Inline cue Go ➤
Large glyph ➤
vs. siblings ➤ head · ➡ arrow · ➵ feathered
Accessible label right 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 Arrowhead (➤) in HTML</title>
  <style>
    #point::after {
      content: "\27A4";
    }
  </style>
</head>
<body>
  <p>Black right arrowhead using Hex Code: &#x27A4;</p>
  <p>Black right arrowhead using HTML Code: &#10148;</p>
  <p id="point">Black right arrowhead using CSS Entity: </p>
  <p>Typed directly: ➤</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+27A4 → &#x27A4; in HTML. The browser turns it into ➤.

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

3. CSS: use \27A4 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 arrowhead (➤).

Named

No &name; form

U+27A4 has no standard named entity — use &#x27A4; or &#10148;.

➡

Not the full arrow

For a longer rightwards arrow use ➡ (U+27A1).

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+27A4. Prefer fonts with solid Dingbats / arrow support.

CSS vs HTML

Do not mix escapes

\27A4 belongs in CSS. &#x27A4; / &#10148; belong in HTML.

Semicolon

End references

Always finish with ; — write &#x27A4;, not &#x27A4.

Compatibility

Browser Support

Black right arrowhead (U+27A4) and its entity forms (&#x27A4;, &#10148;, CSS \\27A4) are supported in all mainstream browsers. Glyph quality depends on font support for Dingbats.

✓ Universal support

Black Right Arrowhead (➤)

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

Bottom line: Prefer a typed ➤ or &#x27A4; for markers. Use decimal when generating markup, and \\27A4 only inside CSS content.

Remember

Key Takeaways

  • Unicode: black right arrowhead is U+27A4 (decimal 10148).
  • HTML: use &#x27A4; or &#10148; (no named entity).
  • CSS: use \27A4 inside content for generated icons.
  • Watch out: ➤ ≠ ➡ ≠ ➵ (arrowhead ≠ arrow ≠ feathered).

One line: U+27A4 → &#x27A4; / &#10148; / CSS \27A4.

Frequently Asked Questions

Use &#x27A4; (hex), &#10148; (decimal), or the CSS escape \27A4 in the content property. All render ➤. You can also paste ➤ directly if your file is UTF-8. There is no standard named entity.
U+27A4 (hex 27A4, decimal 10148). Unicode names it BLACK RIGHTWARDS ARROWHEAD. It belongs to the Dingbats block.
No. HTML5 / WHATWG does not define a named character reference for U+27A4. Prefer &#x27A4;, &#10148;, or a typed ➤ in UTF-8.
➤ (U+27A4) is a compact black rightwards arrowhead. ➡ (U+27A1) is black rightwards arrow. ➵ (U+27B5) is black-feathered rightwards arrow. They are different code points.
HTML entities (&#10148; or &#x27A4;) go in markup. The CSS escape \27A4 is used in stylesheets (usually in the content property of ::before/::after). Both render ➤.
Use ➤ for compact navigation pointers, UI markers, and next/forward cues where a short arrowhead fits better than a full arrow. Prefer plain text or ARIA labels when the direction must be clear to screen readers.

Did you know?

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

Next: Black Right Bullet

Learn the HTML entity for the black right bullet (⁍).

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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

HTML Entity | Black Right Arrow HTML Entity | Black Right Bullet