HTML Entity for White Feathered Right Arrow (➳)

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

What Is White Feathered Right Arrow?

White feathered right arrow (➳) is Unicode U+27B3 (WHITE FEATHERED RIGHTWARDS ARROW) in the Dingbats block. It is an outline rightward arrow with a decorative feathered tail — useful for navigation and next-step UI. HTML5 has no named entity for this character.

Remember
Character     ➳
Unicode       U+27B3
Hex entity    ➳
Decimal       ➳
CSS escape    \27B3
Named entity  (none)
Not the same  ➵ U+27B5 (black feathered)

All of these produce the same glyph: ➳. Prefer typing ➳ in UTF-8 when you can; use numeric or CSS forms for generated content. For a plain right arrow, prefer → (U+2192).

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character➳HTML text (UTF-8) — preferred
Hex entity➳HTML markup
Decimal entity➳HTML markup
CSS escape\27B3Stylesheet content
Named entity—Not defined in HTML5

When to Use Which

SituationUse
Outline feathered right arrow➳ or type ➳
Filled / black feathered➵ (U+27B5)
Simple right arrow→ (U+2192)
Circled heavy white right➲ (U+27B2)
Icon via CSScontent: "\27B3" on ::before

Live Preview

White feathered right arrow in common study contexts.

Large glyph ➳
Navigation Continue ➳
Compared White ➳ · Black ➵ · Plain →
Accessible label next Next
With entities Hex: ➳ | Decimal: ➳

Complete HTML Example

One page that shows ➳ 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 ➳ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>White Feathered Right Arrow (➳) in HTML</title>
  <style>
    #point::after {
      content: "\27B3";
    }
  </style>
</head>
<body>
  <p>White feathered right arrow using Hex Code: &#x27B3;</p>
  <p>White feathered right arrow using HTML Code: &#10163;</p>
  <p id="point">White feathered right arrow using CSS Entity: </p>
  <p>Typed directly: ➳</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+27B3 → &#x27B3; in HTML. The browser turns it into ➳.

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

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

4. Typed ➳: fine in UTF-8 source. There is no named entity for this symbol.

Pitfalls & Tips

Common mistakes when working with white feathered right arrow (➳).

➵

Not black feathered

➳ is outline. For the filled form use ➵ (U+27B5).

→

Not a plain arrow

For everyday text arrows prefer &rarr; (U+2192).

Named?

No named entity

HTML5 does not define a named entity for U+27B3. Use numeric forms when an entity is required.

a11y

Say “Next”

Screen readers may not announce the arrow clearly. Pair the glyph with visible or visually hidden text.

Fonts

Check Dingbats support

Some fonts omit feathered arrows. Provide a fallback stack that includes a symbol-capable font.

Semicolon

End references

Always finish with ; — write &#10163;, not &#10163.

Browser Support

White feathered right arrow (U+27B3) and its entity forms (&#x27B3;, &#10163;, CSS \\27B3) are supported in all mainstream browsers. Glyph quality depends on font support for Dingbats.

✓ Universal support

White Feathered Right Arrow (➳)

Type ➳, or encode with hex, decimal, or CSS escape — same glyph 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+27B3 / entities Full support

Bottom line: Prefer a typed ➳ or &#x27B3; / &#10163; for markup. Use \\27B3 only inside CSS content.

Key Takeaways

  • Unicode: white feathered right arrow is U+27B3 (decimal 10163).
  • HTML: prefer typing ➳, or use &#x27B3; / &#10163;.
  • CSS: use \27B3 inside content for generated icons.
  • Watch out: no named entity; ➳ ≠ ➵; prefer &rarr; for plain arrows.

One line: U+27B3 → type ➳ / &#x27B3; / &#10163; / CSS \27B3.

Frequently Asked Questions

Use &#x27B3; (hex), &#10163; (decimal), or the CSS escape \27B3 in the content property. All render ➳. You can also paste ➳ directly if your file is UTF-8. There is no named HTML entity.
U+27B3 (hex 27B3, decimal 10163). Unicode names it WHITE FEATHERED RIGHTWARDS ARROW. It belongs to the Dingbats block (U+2700–U+27BF).
No. HTML5 does not define a named entity for this symbol. Use &#x27B3; or &#10163; in markup, or \27B3 in CSS. For a simple right arrow, use &rarr; (U+2192) instead.
➳ (U+27B3) is the white/outline feathered rightwards arrow. ➵ (U+27B5) is black-feathered rightwards arrow. → (U+2192, &rarr;) is the ordinary right arrow. They are different code points.
HTML entities (&#10163; or &#x27B3;) go in markup. The CSS escape \27B3 is used in stylesheets (usually in the content property of ::before/::after). Both render ➳.
Use ➳ for decorative navigation, next-step UI, and flow indicators. Prefer &rarr; for plain text arrows. Always pair the glyph with visible text when direction matters for accessibility.

Did you know?

White feathered right arrow is Unicode U+27B3 (decimal 10163) in the Dingbats block — official name WHITE FEATHERED RIGHTWARDS ARROW. HTML5 has no named entity for it. It is an outline rightward arrow with a feathered tail — not the same as ➵ (black feathered) or &rarr; (→).

Next: White Flag

Learn the HTML entity for white flag (⚐).

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