HTML Entity for 3D Top Lighted Right Arrowhead (➢)
Beginner
6 min read
Updated: Sep 2026
1 example
Unicode U+27A2
Definition
What Is the 3D Top Lighted Right Arrowhead Entity?
3D Top Lighted Right Arrowhead (➢) is the Unicode character at U+27A2 in the Dingbats block. It looks like a shaded right-pointing arrowhead with a top highlight and is common for next cues and decorative bullets.
Remember
Character ➢
Unicode U+27A2
Hex entity ➢
Decimal ➢
CSS escape \27A2
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.
Reference
Quick Reference
One table for every form you will actually use.
Form
Code
Where it goes
Direct character
➢
HTML text (UTF-8)
Hex entity
➢
HTML markup
Decimal entity
➢
HTML markup
CSS escape
\27A2
Stylesheet content
Named entity
—
Not defined in HTML5
When to use which
Situation
Use
Need the dingbat glyph ➢
Type ➢, or ➢ / ➢
Generated text via ::before / ::after
content: "\27A2"
Bottom-lighted companion glyph
Use ➣ (U+27A3)
Plain right arrow
Use → (U+2192) or an icon
Looking for &arrowhead; or similar
Does not exist — use numeric form
See it
Live Preview
3D Top Lighted Right Arrowhead rendered in common UI contexts.
Inline text➢ Open settings
Large glyph➢
List cue➢ Step one ➢ Step two
Monospacenext ➢ details
With entitiesHex: ➢ | Decimal: ➢
Code
Complete HTML Example
One page that shows 3D Top 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 Top Lighted Right Arrowhead (➢) in HTML</title>
<style>
#point::after {
content: "\27A2";
}
</style>
</head>
<body>
<p>Arrowhead using Hex Code: ➢</p>
<p>Arrowhead using HTML Code: ➢</p>
<p id="point">Arrowhead using CSS Entity: </p>
<p>Typed directly: ➢</p>
</body>
</html>
Arrowhead using Hex Code: ➢
Arrowhead using HTML Code: ➢
Arrowhead using CSS Entity: ➢
Typed directly: ➢
How It Works
1. Hex:U+27A2 → ➢ in HTML. The browser turns it into ➢.
2. Decimal: same code point as 10146 → ➢. Same result as hex.
3. CSS: use \27A2 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 Top 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
\27A2 belongs in CSS. ➢ / ➢ belong in HTML.
➢ vs ➣
Different characters
➢ is top-lighted (U+27A2); ➣ is bottom-lighted (U+27A3). 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 ➢, not ➢.
Accessibility
Meaning matters
If ➢ is decorative, hide it from assistive tech. If it conveys “next,” give nearby text that meaning.
Compatibility
Browser Support
3D Top Lighted Right Arrowhead (U+27A2) and its numeric entity forms (➢, ➢, CSS \\27A2) are supported in all mainstream browsers. Glyph shape depends on the font.
✓ Universal support
3D Top Lighted Right Arrowhead (➢)
Encode with hex, decimal, or CSS escape — or paste ➢ in UTF-8 HTML.
100%Browser coverage
Google ChromeSupported
Yes
Microsoft EdgeSupported
Yes
Mozilla FirefoxSupported
Yes
Apple SafariSupported
Yes
OperaSupported
Yes
Internet ExplorerAll versions
Yes
U+27A2 / entitiesFull support
Bottom line: Use ➢ or ➢ for the Unicode glyph, and \\27A2 only inside CSS content. Prefer → or an icon for ordinary arrows.
Remember
Key Takeaways
Unicode: 3D Top Lighted Right Arrowhead is U+27A2 (decimal 10146).
HTML: use ➢ or ➢ when you need an entity.
CSS: use \27A2 inside content for generated text.
Default: use ➢ for dingbat cues; use → or an icon for ordinary arrows.
One line:U+27A2 → ➢ / ➢ / CSS \27A2, or paste ➢.
Frequently Asked Questions
Use ➢ (hex), ➢ (decimal), or the CSS escape \27A2 in the content property. All render ➢. You can also paste ➢ directly when your file is UTF-8.
U+27A2 (hex 27A2, decimal 10146). It belongs to the Dingbats Unicode block.
No. HTML5 does not define a named entity for ➢. Use numeric references like ➢ or ➢.
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 bottom-lighted rightwards arrowhead (U+27A3). ➢ is three-d top-lighted (U+27A2) — a different character.
HTML entities (➢ or ➢) go in markup. The CSS escape \27A2 is used in stylesheets (usually in the content property of ::before/::after). Both render ➢.
🤔
Did you know?
3D top lighted right arrowhead is Unicode U+27A2 (decimal 10146) in the Dingbats block. HTML5 has no named entity for it — use ➢ or ➢. It differs from the bottom-lighted form ➣ (U+27A3).
