HTML Entity for Heavy Black Feathered Right Arrow (➸)
What You'll Learn
How to display the Heavy Black Feathered Right Arrow (➸) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+27B8 in the Dingbats block (Miscellaneous Symbols and Arrows, U+2700–U+27BF). It is a bold, feathered arrow pointing to the right—often used for “next,” “continue,” navigation, carousels, and step flows.
Render it with ➸, ➸, or CSS escape \27B8. There is no named HTML entity. Do not confuse ➸ with U+27B9 (➹, feathered north-east), U+27B7 (➷, feathered south-east), or U+2192 (→, simple rightwards arrow).
⚡ Quick Reference — Feathered Right Arrow
U+27B8Dingbats / arrows
➸Hexadecimal reference
➸Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+27B8
Hex code ➸
HTML code ➸
Named entity (none)
CSS code \27B8
Meaning Feathered right arrow
Related U+27B9 = feathered NE (➹)Complete HTML Example
This example demonstrates the Heavy Black Feathered Right Arrow (➸) using hexadecimal code, decimal HTML code, and a CSS content escape. There is no named HTML entity:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\27B8";
}
</style>
</head>
<body>
<p>Feathered Right Arrow using Hexadecimal: ➸</p>
<p>Feathered Right Arrow using HTML Code: ➸</p>
<p id="point">Feathered Right Arrow using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Heavy Black Feathered Right Arrow (➸) is widely supported in modern browsers when the font includes Dingbats or arrow glyphs:
👀 Live Preview
Heavy Black Feathered Right Arrow (➸) in context, compared with related arrow glyphs:
🧠 How It Works
Hexadecimal Code
➸ uses the Unicode hexadecimal value 27B8 to display the arrow. The x prefix indicates hexadecimal format.
Decimal HTML Code
➸ uses the decimal Unicode value 10168 to display the same character.
CSS Entity
\27B8 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after for next buttons or carousel controls.
Same visual result
All three methods produce ➸. Unicode U+27B8 is in the Dingbats block. Next: Heavy Black Feathered South East Arrow (➷).
Use Cases
The Heavy Black Feathered Right Arrow (➸) is commonly used in:
Next or Continue buttons, breadcrumbs, and forward navigation cues.
Multi-step forms, tutorials, and wizards with a next-step indicator.
Next-slide or next-item controls in image carousels and sliders.
Learn more or link indicators suggesting forward movement.
Process flows and diagram connectors showing rightward direction.
Stylistic feathered right arrows in headers, footers, or brand guidelines.
💡 Best Practices
Do
- Pair ➸ with text or
aria-label(e.g. “Next”, “Continue”) - Use
content: "\27B8"on::afterfor forward link cues - Declare UTF-8 with
<meta charset="utf-8"> - Verify fonts render the feathered glyph in your stack
- Keep one numeric style (hex or decimal) per project
- Test appearance across browsers and devices
Don’t
- Rely on ➸ alone for accessibility-critical actions
- Confuse U+27B8 (➸) with U+27B9 (➹, north-east)
- Expect a named HTML entity for U+27B8
- Use CSS
\27B8in HTML text nodes - Assume every font renders the feathered tail identically
Key Takeaways
Two HTML numeric references plus CSS insert U+27B8
➸ ➸For CSS, use \27B8 in the content property
Unicode U+27B8 — feathered right arrow (➸)
Related: U+27B9 (➹) points north-east
❓ Frequently Asked Questions
➸ (hex), ➸ (decimal), or \27B8 in CSS content. There is no named entity. All three methods render the Heavy Black Feathered Right Arrow (➸) correctly.U+27B8 in the Dingbats block (Miscellaneous Symbols and Arrows). Hex 27B8, decimal 10168. The symbol (➸) is a bold feathered arrow pointing to the right.➸ or ➸) go in markup. The CSS escape \27B8 is used in stylesheets, typically on ::before or ::after. Both produce ➸.➸) or decimal (➸) codes, which is standard for arrow characters in specialized Unicode blocks.Explore More HTML Entities!
Discover 1500+ HTML character references — symbols, math, and more.
About the author
8 people found this page helpful