HTML Entity for Heavy Teardrop Shanked Right Arrow (➻)
What You'll Learn
How to display the Heavy Teardrop Shanked Right Arrow (➻) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+27BB (HEAVY TEARDROP-SHANKED RIGHTWARDS ARROW) in the Dingbats block (U+2700–U+27BF). It is a heavy right-pointing arrow with a teardrop-shaped shank—ideal for navigation, next-step UI, flow diagrams, pagination, and forward directional cues beyond → or Unicode →.
Render it with ➻, ➻, or CSS escape \27BB. There is no named HTML entity. Do not confuse ➻ with U+2799 (➙, heavy right arrow) or U+2192 (→, standard rightwards arrow); each code point has a different glyph.
⚡ Quick Reference — Teardrop Right Arrow
U+27BBDingbats block
➻Hexadecimal reference
➻Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+27BB
Hex code ➻
HTML code ➻
Named entity (none)
CSS code \27BB
Meaning Heavy teardrop-shanked right arrow
Related U+2799 = heavy right (➙)
U+2192 = rightwards (→)
U+27A0 = dashed triangle right (➠)Complete HTML Example
This example demonstrates the Heavy Teardrop Shanked Right Arrow (➻) using hexadecimal code, decimal HTML code, and a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\27BB";
}
</style>
</head>
<body>
<p>Teardrop Right Arrow using Hexadecimal: ➻</p>
<p>Teardrop Right Arrow using HTML Code: ➻</p>
<p id="point">Teardrop Right Arrow using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Heavy Teardrop Shanked Right Arrow (➻) is widely supported in modern browsers when the font includes Dingbats arrow glyphs:
👀 Live Preview
Heavy Teardrop Shanked Right Arrow (➻) in context, compared with other right-pointing arrows:
🧠 How It Works
Hexadecimal Code
➻ uses the Unicode hexadecimal value 27BB to display the teardrop-shanked right arrow. Always include the trailing semicolon so the reference is not parsed as ' (apostrophe). The x prefix indicates hexadecimal format.
Decimal HTML Code
➻ uses the decimal Unicode value 10171 to display the same character.
CSS Entity
\27BB is used in CSS stylesheets, particularly in content on ::after for next buttons, pagination, and forward navigation cues.
Same visual result
All three methods produce ➻. Unicode U+27BB is in the Dingbats block. Next: Heavy Teardrop Spoked Asterisk.
Use Cases
The Heavy Teardrop Shanked Right Arrow (➻) is commonly used in:
Forward direction, next-step, and continue indicators in menus and wizards.
Buttons, links, and call-to-action elements that point right or forward.
Process flow and decision-tree connectors pointing to the next step.
Carousel, slideshow, and paginated list next controls.
content: "\27BB" on ::after without extra HTML markup.
Mobile list chevrons, drill-down rows, and forward gesture hints.
💡 Best Practices
Do
- Pair ➻ with
aria-label="Next"or visible “Continue” text on controls - Use
content: "\27BB"via::afteron next/forward buttons - Wrap navigation in semantic
<nav>and links in<a> - Declare UTF-8 with
<meta charset="utf-8"> - Keep one numeric style (hex or decimal) per project
- Combine link text with the arrow for clarity and accessibility
Don’t
- Use ➻ alone on buttons without accessible names
- Confuse U+27BB (➻) with U+2799 (➙) or U+2192 (→)
- Expect a named HTML entity for U+27BB
- Use CSS
\27BBin HTML text nodes - Rely on the arrow alone when the action must be explicit
Key Takeaways
Two HTML numeric references plus CSS insert U+27BB
➻ ➻For CSS, use \27BB in the content property (often ::after)
Unicode U+27BB — heavy teardrop-shanked right arrow (➻)
Distinct from heavy right U+2799 (➙) and standard U+2192 (→)
❓ Frequently Asked Questions
➻ (hex), ➻ (decimal), or \27BB in CSS content. There is no named entity. All three methods render the arrow (➻) correctly.U+27BB (HEAVY TEARDROP-SHANKED RIGHTWARDS ARROW). Dingbats block. Hex 27BB, decimal 10171. The symbol (➻) is a heavy right-pointing arrow with a teardrop-shaped shank.➻ or ➻) go in markup. The CSS escape \27BB is used in stylesheets, typically on ::after for links and buttons. Both produce ➻.➻) or decimal (➻) codes, which is standard for Dingbats arrow symbols.Explore More HTML Entities!
Discover 1500+ HTML character references — symbols, math, and more.
About the author
8 people found this page helpful