HTML Entity for Teardrop Barbed Right Arrow (➺)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+27BA

What Is Teardrop Barbed Right Arrow?

Teardrop barbed right arrow (➺) is the Unicode character at U+27BA in Dingbats. Official name: TEARDROP-BARBED RIGHTWARDS ARROW. It is a decorative rightwards arrow used for navigation cues and directional UI.

Remember
Character     ➺
Unicode       U+27BA
Hex entity    ➺
Decimal       ➺
CSS escape    \27BA
Named entity  (none)
Not the same  ➻ (heavy shanked) · →

Prefer ➺ or ➺ in HTML markup. You can also type ➺ in UTF-8. There is no named entity.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character➺HTML text (UTF-8)
Hex entity➺HTML markup (preferred)
Decimal entity➺HTML markup
CSS escape\27BAStylesheet content
Named entity—Not defined in HTML5
Classic right arrow→ (→, U+2192)Plain text / math arrows

When to Use Which

SituationUse
Teardrop-barbed rightwards arrow➺ or ➺
Heavy teardrop-shanked variant➻ / ➻
Classic right arrow→ / →
Broader arrow setHTML Arrow Entities
Looking for a named formDoes not exist — use numeric form
Generated text via ::before / ::aftercontent: "\27BA"

Live Preview

Teardrop barbed right arrow rendered next to related arrows.

Example Next ➺
Large glyph ➺
Compared ➺   ➻   →
With entities Hex: ➺ | Decimal: ➺

Complete HTML Example

One page that shows Teardrop Barbed 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 produce ➺, plus a short navigation-label example.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Teardrop Barbed Right Arrow (➺) in HTML</title>
  <style>
    #point::after {
      content: "\27BA";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x27BA;</p>
  <p>Using HTML Code: &#10170;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: ➺</p>
  <p>Example: Next ➺</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+27BA → &#x27BA; in HTML. The browser turns it into ➺.

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

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

4. Typed / example: paste ➺ in UTF-8, or write Next ➺ for a short navigation cue.

Pitfalls & Tips

Common mistakes when working with Teardrop Barbed Right Arrow.

Named?

No named entity

HTML5 does not define a named entity for U+27BA. Use &#x27BA; or &#10170;.

➻

Not the heavy shanked arrow

U+27BB (➻) is heavier and differently shaped. Pick the glyph that matches your design, not the nearest code point.

→

Not &rarr;

&rarr; is the classic rightwards arrow (U+2192). Prefer it for plain prose; use U+27BA for the Dingbat style.

Fonts

Dingbat font coverage

Some UI fonts omit decorative Dingbat arrows. Prefer a font that covers this block, or use SVG for critical UI icons.

CSS vs HTML

Do not mix escapes

\27BA belongs in CSS strings. &#x27BA; / &#10170; belong in HTML.

A11y

Label directional icons

Pair the glyph with visible text or an accessible name (for example “Next”) — do not rely on the arrow alone.

Browser Support

Teardrop barbed right arrow (U+27BA) and its entity forms (&#x27BA;, &#10170;, CSS \\27BA) are supported in all mainstream browsers. Visible glyphs depend on Dingbat font coverage.

✓ Universal support

Teardrop Barbed Right Arrow (&#x27BA;)

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

Bottom line: Prefer &#x27BA; or &#10170; in HTML. Use \\27BA only inside CSS content. There is no named entity.

Key Takeaways

  • Unicode: this mark is U+27BA (decimal 10170) — glyph ➺.
  • HTML: use &#x27BA; or &#10170; — no named entity; typing ➺ also works.
  • CSS: use \27BA inside content for generated text.
  • Meaning: ➺ = teardrop-barbed right arrow — not ➻, not &rarr;.

One line: U+27BA → &#x27BA; / &#10170; / CSS \27BA.

Frequently Asked Questions

Use &#x27BA; (hex), &#10170; (decimal), type ➺ directly in UTF-8, or the CSS escape \27BA in content. There is no named HTML entity for U+27BA.
U+27BA (TEARDROP-BARBED RIGHTWARDS ARROW). Hex 27BA, decimal 10170. It belongs to Dingbats (U+2700–U+27BF).
No. HTML5 does not define a named entity for this character. Use numeric forms &#10170; or &#x27BA;. For a classic right arrow, use &rarr; (U+2192).
Use it for decorative next/continue cues and directional UI when a Dingbat glyph is enough. Prefer &rarr; for plain text arrows, or SVG when you need consistent cross-platform UI art.
HTML entities (&#10170; or &#x27BA;) go in markup. The CSS escape \27BA goes in stylesheet strings (usually content on ::before/::after).
No. ➺ is the teardrop-barbed rightwards arrow (U+27BA). ➻ is the heavy teardrop-shanked rightwards arrow (U+27BB). → is the classic rightwards arrow (&rarr;, U+2192).

Did you know?

Teardrop barbed right arrow (➺) is Unicode U+27BA (decimal 10170) — TEARDROP-BARBED RIGHTWARDS ARROW in Dingbats. HTML5 has no named entity — use &#x27BA; or &#10170;. Do not confuse it with the heavy teardrop-shanked right arrow (U+27BB, ➻) or classic &rarr; (→).

Next: Teardrop Spoked Asterisk

Learn the HTML entity for teardrop-spoked asterisk (✻).

Continue 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