HTML Entity for 3D Bottom Lighted Right Arrowhead (➣)

Beginner
6 min read
Updated: Sep 2026
1 example
Unicode U+27A3

What Is the 3D Bottom Lighted Right Arrowhead Entity?

3D Bottom Lighted Right Arrowhead (➣) is the Unicode character at U+27A3 in the Dingbats block. It looks like a shaded right-pointing arrowhead and is common for next cues and decorative bullets.

Remember
Character     ➣
Unicode       U+27A3
Hex entity    ➣
Decimal       ➣
CSS escape    \27A3
Named entity  (none)

All of these produce the same glyph: ➣. Prefer the Unicode character (or its entities) when you need that exact dingbat look; use a simple arrow like → or an icon when you only need generic direction.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character➣HTML text (UTF-8)
Hex entity➣HTML markup
Decimal entity➣HTML markup
CSS escape\27A3Stylesheet content
Named entity—Not defined in HTML5

When to use which

SituationUse
Need the dingbat glyph ➣Type ➣, or ➣ / ➣
Generated text via ::before / ::aftercontent: "\27A3"
Top-lighted companion glyphUse ➢ (U+27A2)
Plain right arrowUse → (U+2192) or an icon
Looking for &arrowhead; or similarDoes not exist — use numeric form

Live Preview

3D Bottom Lighted Right Arrowhead rendered in common UI contexts.

Inline text ➣ Continue to checkout
Large glyph ➣
List cue ➣ Step one   ➣ Step two
Monospace next ➣ details
With entities Hex: ➣ | Decimal: ➣

Complete HTML Example

One page that shows 3D Bottom Lighted Right Arrowhead with the hex entity, decimal entity, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

All four ways to produce ➣ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>3D Bottom Lighted Right Arrowhead (➣) in HTML</title>
  <style>
    #point::after {
      content: "\27A3";
    }
  </style>
</head>
<body>
  <p>Arrowhead using Hex Code: &#x27A3;</p>
  <p>Arrowhead using HTML Code: &#10147;</p>
  <p id="point">Arrowhead using CSS Entity: </p>
  <p>Typed directly: ➣</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+27A3 → &#x27A3; in HTML. The browser turns it into ➣.

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

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

4. Typed ➣: fine in UTF-8 pages. All four lines show the same dingbat arrowhead.

Pitfalls & Tips

Common mistakes when working with 3D Bottom Lighted Right Arrowhead entities.

Named?

No named entity

HTML5 does not define &arrowhead; or similar. Use numeric forms.

CSS vs HTML

Do not mix escapes

\27A3 belongs in CSS. &#x27A3; / &#10147; belong in HTML.

➣ vs ➢

Different characters

➣ is bottom-lighted (U+27A3); ➢ is top-lighted (U+27A2). Do not treat them as the same.

Fonts

Check the glyph

Dingbat support varies by font. If ➣ is missing, use a fallback font, →, or an SVG icon.

Semicolon

End references

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

Accessibility

Meaning matters

If ➣ is decorative, hide it from assistive tech. If it conveys “next,” give nearby text that meaning.

Browser Support

3D Bottom Lighted Right Arrowhead (U+27A3) and its numeric entity forms (&#x27A3;, &#10147;, CSS \\27A3) are supported in all mainstream browsers. Glyph shape depends on the font.

✓ Universal support

3D Bottom Lighted Right Arrowhead (➣)

Encode with hex, decimal, or CSS escape — or paste ➣ in UTF-8 HTML.

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

Bottom line: Use &#x27A3; or &#10147; for the Unicode glyph, and \\27A3 only inside CSS content. Prefer → or an icon for ordinary arrows.

Key Takeaways

  • Unicode: 3D Bottom Lighted Right Arrowhead is U+27A3 (decimal 10147).
  • HTML: use &#x27A3; or &#10147; when you need an entity.
  • CSS: use \27A3 inside content for generated text.
  • Default: use ➣ for dingbat cues; use → or an icon for ordinary arrows.

One line: U+27A3 → &#x27A3; / &#10147; / CSS \27A3, or paste ➣.

Frequently Asked Questions

Use &#x27A3; (hex), &#10147; (decimal), or the CSS escape \27A3 in the content property. All render ➣. You can also paste ➣ directly when your file is UTF-8.
U+27A3 (hex 27A3, decimal 10147). It belongs to the Dingbats Unicode block.
No. HTML5 does not define a named entity for ➣. Use numeric references like &#x27A3; or &#10147;.
Use it for next/forward cues, list bullets, step markers, and decorative navigation. For a plain right arrow, prefer → (U+2192) or CSS icons.
No. ➢ is three-d top-lighted rightwards arrowhead (U+27A2). ➣ is three-d bottom-lighted (U+27A3) — a different character.
HTML entities (&#10147; or &#x27A3;) go in markup. The CSS escape \27A3 is used in stylesheets (usually in the content property of ::before/::after). Both render ➣.

Did you know?

3D bottom lighted right arrowhead is Unicode U+27A3 (decimal 10147) in the Dingbats block. HTML5 has no named entity for it — use &#x27A3; or &#10147;. It differs from the top-lighted form ➢ (U+27A2).

Next: 3D Top Lighted Right Arrowhead

Learn the HTML entity for the top-lighted companion glyph (➢) — a different dingbat from ➣.

3D Top Lighted Arrowhead 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