HTML Entity for Front-Tilted Shadowed White Rightwards Arrow (➬)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+27AC

HTML Entity for front-tilted shadowed white rightwards arrow (U+27AC) tutorial illustration

Definition

What Is Front-Tilted Shadowed White Rightwards Arrow?

Front-tilted shadowed white rightwards arrow (➬) is the Unicode character at U+27AC in Dingbats. Official name: FRONT-TILTED SHADOWED WHITE RIGHTWARDS ARROW. It is a decorative rightwards arrow — not a simple ASCII > or ->.

Remember

Character     ➬
Unicode       U+27AC
Hex entity    &#x27AC;
Decimal       &#10156;
CSS escape    \27AC
Named entity  (none)
Meaning       front-tilted shadowed white rightwards arrow
Not the same  ➫ (back-tilted) · > · ->

Prefer ➬ or ➬ in HTML (no named form). You can also type ➬ in a UTF-8 document.

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	`\27AC`	Stylesheet `content`

When to Use Which

Situation	Use
This Dingbat arrow	`➬` or type `➬`
Back-tilted sibling	Back-tilted shadowed white rightwards arrow (➫)
Plain ASCII / maximum compatibility	Type `>` or `->`
Semantic next / continue control	Prefer an SVG icon or button with visible text
Generated text via `::before` / `::after`	`content: "\27AC"`

See it

Live Preview

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

Glyph ➬

Large glyph ➬

Sample Continue ➬

Compared ➬ ➫ > ->

With entities Hex: ➬ | Decimal: ➬

Code

Complete HTML Example

One page that shows this 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>Front-Tilted Shadowed White Rightwards Arrow (U+27AC)</title>
  <style>
    #point::after {
      content: "\27AC";
    }
  </style>
</head>
<body>
  <p>Built with Hex: &#x27AC;</p>
  <p>Built with Decimal: &#10156;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ➬</p>
  <p>Continue <span aria-hidden="true">&#x27AC;</span></p>
  <p><button type="button">Next <span aria-hidden="true">&#x27AC;</span></button></p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: ➬ inserts code point U+27AC → ➬.

2. Decimal: same code point as 10156 → ➬. Same visual as hex.

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

4. Typed: paste ➬ in a UTF-8 document when you need this Dingbat arrow as one character.

Pitfalls & Tips

Common mistakes when working with this arrow.

Name

No named entity

There is no HTML5 named entity for U+27AC. Use ➬ or ➬. Do not invent &frontarrow;.

➫

Not the back-tilted arrow

Back-tilted shadowed white rightwards arrow is ➫ (U+27AB). Match the tilt your design requires.

Not ASCII greater-than

Typing > or -> is not the same glyph. ➬ is one Dingbats character.

Font

Font coverage

Some fonts omit decorative Dingbat arrows. If ➬ is missing, fall back to a simpler arrow or an SVG icon.

CSS vs HTML

Do not mix escapes

\27AC belongs in CSS strings. ➬ / ➬ belong in HTML.

a11y

Keep meaning in text

Treat ➬ as decoration. Put the action in visible text (for example “Next”) and use aria-hidden="true" on the glyph when it is purely visual.

Semicolon

End references

Always finish entities with ; — write ➬, not &#x27AC.

Compatibility

Browser Support

Front-tilted shadowed white rightwards arrow (U+27AC) and its entity forms (➬, ➬, CSS \\27AC) are supported in all mainstream browsers. Visible glyphs depend on Dingbats font coverage.

✓ Universal support

Front-Tilted Shadowed White Rightwards 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+27AC Full support

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

Remember

Key Takeaways

Unicode: this arrow is U+27AC (decimal 10156) — glyph ➬.
HTML: no named entity — use ➬ / ➬ / type ➬.
CSS: use \27AC inside content for generated text.
Meaning: ➬ ≠ ➫ ≠ >.

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

Frequently Asked Questions

How do I display ➬ in HTML?

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

What is the Unicode value for front-tilted shadowed white rightwards arrow?

U+27AC (FRONT-TILTED SHADOWED WHITE RIGHTWARDS ARROW). Hex 27AC, decimal 10156. It belongs to the Dingbats block (U+2700–U+27BF).

Is there a named HTML entity for this arrow?

No. HTML5 does not define a named entity for U+27AC. Prefer ➬ or ➬.

When should I use U+27AC?

Use it for decorative UI cues, buttons, menus, and call-to-action markers when you want this specific Dingbat arrow. Prefer a simpler right arrow when font coverage is uncertain.

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

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

Is U+27AC the same as the back-tilted shadowed arrow?

No. U+27AC is front-tilted (➬). The back-tilted shadowed white rightwards arrow is U+27AB (➫).

Did you know?

Front-tilted shadowed white rightwards arrow is Unicode U+27AC (decimal 10156) — glyph ➬ (FRONT-TILTED SHADOWED WHITE RIGHTWARDS ARROW) in Dingbats. There is no HTML5 named entity; use ➬ or ➬. Related arrows include back-tilted shadowed white rightwards arrow (➫).

Next: Fullwidth Cent Sign

Learn the HTML entity for fullwidth cent sign (U+FFE0).

Fullwidth cent sign 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 | French Franc Sign HTML Entity | Fullwidth Cent Sign