HTML Entity for Heavy Teardrop Shanked Right Arrow (➻)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+27BB

HTML Entity for heavy teardrop shanked right arrow (U+27BB) tutorial illustration

Definition

What Is Heavy Teardrop Shanked Right Arrow?

Heavy teardrop shanked right arrow (➻) is the Unicode character at U+27BB in Dingbats. Official name: HEAVY TEARDROP-SHANKED RIGHTWARDS ARROW. It is a bold rightwards arrow with a teardrop-shaped shank, used for next/continue cues, navigation, and directional UI.

Remember

Character     ➻
Unicode       U+27BB
Hex entity    &#x27BB;
Decimal       &#10171;
CSS escape    \27BB
Named entity  (none)
Meaning       heavy teardrop-shanked rightwards arrow
Not the same  ➙ · ➜ · → (&rarr;)

Prefer ➻ or ➻ in HTML (no named form). You can also type ➻ in a UTF-8 document. For a classic text arrow with a named entity, prefer →.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	None	—
Hex entity	`➻`	HTML markup (preferred)
Decimal entity	`➻`	HTML markup
Direct character	`➻`	HTML text (UTF-8)
CSS escape	`\27BB`	Stylesheet `content`

When to Use Which

Situation	Use
Bold teardrop-shanked Dingbats next / continue cue	`➻` plus visible text or `aria-label`
Other heavy rightwards Dingbats style	Heavy right arrow — `➙`
Round-tipped heavy rightwards arrow	Heavy round tipped right arrow — `➜`
Classic text / math right arrow	Right arrow — `→` (→)
Concave pointed black right arrow	Heavy concave pointed black right arrow
Generated text via `::before` / `::after`	`content: "\27BB"`

See it

Live Preview

Symbol alone, in a sample label, and next to related forms.

Glyph ➻

Large glyph ➻

Sample Next step ➻

Compared ➻ ➙ ➜ →

With entities Hex: ➻ | Decimal: ➻

Code

Complete HTML Example

One page that shows heavy teardrop shanked right arrow with hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to display ➻ in HTML and CSS.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Heavy Teardrop Shanked Right Arrow (U+27BB) in HTML</title>
  <style>
    #point::after {
      content: "\27BB";
    }
  </style>
</head>
<body>
  <p>Built with Hex: &#x27BB;</p>
  <p>Built with Decimal: &#10171;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ➻</p>
  <p><span aria-label="Next">Next step &#x27BB;</span></p>
  <p>Classic: &rarr;</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: ➻ inserts code point U+27BB → ➻.

2. Decimal: same code point as 10171 → ➻. Same visual as hex.

3. CSS: use \27BB in content (not an HTML entity). #point::after appends ➻.

4. Typed: paste ➻ in a UTF-8 document when you need this dingbat. Prefer aria-label or nearby prose such as “Next” so meaning is clear to everyone.

Pitfalls & Tips

Common mistakes when working with heavy teardrop shanked right arrow.

Name

No named entity

There is no HTML5 named entity for U+27BB. Use ➻ or ➻. Do not invent &teardroprarr;. For classic right arrow, use →.

➙

Not heavy right arrow

Heavy right arrow is ➙ (U+2799). This page is the teardrop-shanked form ➻. Related Dingbats — different shanks.

→

Not `→`

→ is → (U+2192). Heavy teardrop shanked right arrow is ➻. Related direction — different glyphs.

Font

Font coverage

Some fonts omit Dingbats. If ➻ is missing, fall back to → or a font with U+27BB coverage.

CSS vs HTML

Do not mix escapes

\27BB belongs in CSS strings. ➻ / ➻ belong in HTML.

a11y

Add accessible text

Screen readers may not announce ➻ clearly. Prefer aria-label="Next" or nearby prose for actions.

Semicolon

End references

Always finish entities with ; — write ➻, not &#x27BB.

Compatibility

Browser Support

Heavy teardrop shanked right arrow (U+27BB) and its entity forms (➻, ➻, CSS \\27BB) are supported in all mainstream browsers. Visible glyphs depend on Dingbats font coverage.

✓ Universal support

Heavy Teardrop Shanked Right Arrow (➻)

Encode with hex, decimal, CSS escape, or type the character — same code point 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+27BB Full support

Bottom line: Prefer ➻ in HTML (no named form). Use ➻ when decimal form is required, and \\27BB only inside CSS content.

Remember

Key Takeaways

Unicode: heavy teardrop shanked right arrow is U+27BB (decimal 10171) — glyph ➻.
HTML: no named entity — use ➻ / ➻ / type ➻.
CSS: use \27BB inside content for generated text.
Meaning: ➻ ≠ ➙ / → — use for teardrop-shanked Dingbats rightwards cues.

One line: U+27BB → ➻ / ➻ / CSS \27BB (no named form).

Frequently Asked Questions

How do I display ➻ in HTML?

Use ➻ (hex), ➻ (decimal), type ➻ directly in UTF-8, or the CSS escape \27BB in content. There is no named HTML entity for U+27BB.

What is the Unicode value for heavy teardrop shanked right arrow?

U+27BB (HEAVY TEARDROP-SHANKED RIGHTWARDS ARROW). Hex 27BB, decimal 10171. It belongs to the Dingbats block (U+2700–U+27BF).

Is there a named HTML entity for U+27BB?

No. HTML5 does not define a named entity for this arrow. Prefer ➻ or ➻. For classic right arrow, use → (U+2192).

When should I use U+27BB?

Use it for bold Dingbats next/continue cues with a teardrop shank. For other heavy rightwards styles, see heavy right arrow or heavy round tipped right arrow. For a classic math/text arrow with a named entity, prefer →.

What is the difference between HTML code and CSS entity for U+27BB?

HTML numeric entities (➻ or ➻) go in markup. The CSS escape \27BB goes in stylesheet strings (usually content on ::before/::after).

Is U+27BB the same as U+2799 or →?

No. Heavy teardrop shanked right arrow is U+27BB (➻). Heavy right arrow is U+2799 (➙). → is U+2192 (→). Related direction — different glyphs.

Did you know?

Heavy teardrop shanked right arrow is Unicode U+27BB (decimal 10171) — glyph ➻ in Dingbats (official name HEAVY TEARDROP-SHANKED RIGHTWARDS ARROW). There is no HTML5 named entity; use ➻ or ➻. Prefer nearby text or aria-label (for example “Next”). Do not confuse it with heavy right arrow ➙ (➙) or classic → (→).

Next: Heavy Teardrop Spoked Asterisk

Learn the HTML entity for heavy teardrop spoked asterisk (U+273D).

Heavy teardrop spoked asterisk tutorial →

About the author

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 | Heavy Sparkle HTML Entity | Heavy Teardrop Spoked Asterisk