HTML Entity for Notched Upper Right Shadowed White Right Arrow (➱)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+27B1
HTML Entity for notched upper right shadowed white right arrow (U+27B1) tutorial illustration
Definition

What Is the Notched Upper Right Shadowed White Right Arrow Entity?

Notched upper right shadowed white right arrow (➱) is the Dingbats character at Unicode U+27B1 (NOTCHED UPPER RIGHT SHADOWED WHITE RIGHTWARDS ARROW). It is a decorative right-pointing arrow used for navigation and UI cues. HTML5 defines no named entity for it.

Remember
Character     ➱
Unicode       U+27B1
Named entity  (none)
Hex entity    ➱
Decimal       ➱
CSS escape    \27B1

All of these produce the same glyph: ➱. Prefer a pasted ➱ in UTF-8 pages; use numeric or CSS forms when you need an escape.

Reference

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character➱HTML text (UTF-8 default)
Named entitynoneNot defined in HTML5
Hex entity➱HTML markup
Decimal entity➱HTML markup
CSS escape\27B1Stylesheet content

When to Use Which

SituationUse
UTF-8 page text / UI labelsType or paste ➱
Numeric entity required➱ or ➱
Generated text via ::before / ::aftercontent: "\27B1"
Simple right arrow→ — see Right Arrow
Lower-notch siblingSee Notched Lower Right Shadowed White Right Arrow
See it

Live Preview

This arrow in navigation and comparison contexts.

Navigation Next ➱ Continue
Large glyph ➱
CTA style Read more ➱
vs siblings ➯ (lower)  |  ➱ (upper)  |  →
With entities Hex: ➱ | Decimal: ➱
Code

Complete HTML Example

One page that shows this arrow with hex, decimal, direct, and CSS forms. Use View Output or open the live editor.

Hex + Decimal + Direct + CSS

Four ways to produce ➱ in a single document (no named entity).

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Notched Upper Right Shadowed White Right Arrow</title>
  <style>
    #point::after {
      content: "\27B1";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x27B1;</p>
  <p>Using HTML Code: &#10161;</p>
  <p>Using Direct Character: ➱</p>
  <p id="point">Using CSS Entity: </p>
  <p>Next ➱ Continue</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+27B1 → &#x27B1; in HTML. Reliable numeric form.

2. Decimal: same code point as 10161 → &#10161;. Same glyph.

3. Direct: paste ➱ in a UTF-8 file with <meta charset="UTF-8">.

4. CSS: use \27B1 in content (not an HTML entity). #point::after appends that ➱ after the paragraph text.

Pitfalls & Tips

Common mistakes when working with this arrow entity.

Named

No named entity

HTML5 has no &... name for U+27B1 — use hex or decimal instead.

Look-alikes

Not &rarr;

Simple right arrow → is U+2192. This Dingbat is a shadowed, notched decorative form.

Sibling

➱ vs ➯

Lower-notch variant is U+27AF. Keep upper and lower notches distinct if both appear in a design.

CSS vs HTML

Do not mix escapes

\27B1 belongs in CSS. &#x27B1; / &#10161; belong in HTML.

Fonts

Glyph coverage

Some fonts omit Dingbats. If ➱ looks like a box, switch to a font that includes it.

Semicolon

End references

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

Compatibility

Browser Support

This arrow (U+27B1) and its entity forms (&#x27B1;, &#10161;, CSS \\27B1) are supported in all mainstream browsers. Glyph availability depends on the font (Dingbats coverage recommended).

✓ Universal support

Notched Upper Right Shadowed White Right Arrow (&#x27B1;)

Paste ➱, or encode with hex, decimal, or CSS escape — same glyph everywhere. No named entity.

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

Bottom line: Prefer a pasted ➱ in UTF-8 text. Use &#x27B1; / &#10161; when a numeric form is required, and \\27B1 only inside CSS content.

Remember

Key Takeaways

  • Unicode: this arrow is U+27B1 (decimal 10161), Dingbats.
  • HTML: no named entity — use &#x27B1; or &#10161;.
  • CSS: use \27B1 inside content for generated text.
  • Use: decorative navigation arrow — not the same as &rarr; or ➯.

One line: U+27B1 → &#x27B1; / &#10161; / CSS \27B1 (no named entity).

Frequently Asked Questions

Use &#x27B1; (hex), &#10161; (decimal), type ➱ in UTF-8, or the CSS escape \27B1 in content. There is no HTML5 named entity for U+27B1.
U+27B1 (NOTCHED UPPER RIGHT SHADOWED WHITE RIGHTWARDS ARROW). Hex 27B1, decimal 10161. It belongs to the Dingbats block (U+2700–U+27BF).
No. HTML5 does not define a named entity for this character. Use numeric references like &#10161; or &#x27B1; when you need an entity form.
Use it for navigation cues, “next” / “continue” labels, UI buttons, and decorative directional icons. Prefer a pasted ➱ in UTF-8 when possible. For a plain right arrow, use &rarr; instead.
HTML entities (&#10161; or &#x27B1;) go in markup. The CSS escape \27B1 is used in stylesheets (usually in the content property of ::before/::after). Both render ➱.
→ (&rarr;, U+2192) is the simple right arrow. ➱ is a shadowed, notched Dingbat. The lower-notch sibling is U+27AF. Do not treat them as interchangeable.

Did you know?

Notched upper right shadowed white rightwards arrow (➱) is Unicode U+27B1 (decimal 10161) in Dingbats. HTML5 has no named entity — use &#x27B1; or &#10161;. Sibling glyph ➯ (U+27AF) is the lower-notch variant. Distinct from simple &rarr; (→).

Next: Number Sign

Learn the HTML entity for # — next in this sequence.

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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

HTML Entity | Notched Lower Right Shadowed White Right Arrow HTML Entity | Number Sign