HTML Entity for Heavy Black Feathered Right Arrow (➸)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+27B8

HTML Entity for heavy black feathered right arrow (U+27B8) tutorial illustration

Definition

What Is Heavy Black Feathered Right Arrow?

This arrow (➸) is the Unicode character at U+27B8 in Dingbats. Official name: HEAVY BLACK-FEATHERED RIGHTWARDS ARROW. It is a bold feathered arrow pointing right — useful for next/continue cues, carousels, and step flow.

Remember

Character     ➸
Unicode       U+27B8
Hex entity    &#x27B8;
Decimal       &#10168;
CSS escape    \27B8
Named entity  (none)
Meaning       feathered right (heavy)
Not the same  ➹ (feathered NE) · → (&rarr;) · ➷

Prefer ➸ or ➸ in HTML (no named form). You can also type ➸ in a UTF-8 document. Pair the glyph with clear text so direction stays accessible.

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

When to Use Which

Situation	Use
Next / continue / forward cue	`➸` plus visible text or `aria-label`
Feathered north-east	Heavy black feathered north east arrow — `➹` (➹)
Feathered south-east	Heavy black feathered south east arrow — `➷` (➷)
Simple right arrow	Right arrow — `→` (→)
Generated text via `::before` / `::after`	`content: "\27B8"`

See it

Live Preview

Symbol 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>Heavy Black Feathered Right Arrow (U+27B8)</title>
  <style>
    #point::after {
      content: "\27B8";
    }
  </style>
</head>
<body>
  <p>Built with Hex: &#x27B8;</p>
  <p>Built with Decimal: &#10168;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ➸</p>
  <p><span aria-label="Next">Continue &#x27B8;</span></p>
  <p>Feathered north-east: &#x27B9;</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: ➸ inserts code point U+27B8 → ➸.

2. Decimal: same code point as 10168 → ➸. Same visual as hex.

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

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

Pitfalls & Tips

Common mistakes when working with this feathered arrow.

Name

No named entity

There is no HTML5 named entity for U+27B8. Use ➸ or ➸. Do not invent &featheredright;.

➹

Not feathered north-east

U+27B9 (➹) points north-east. U+27B8 points right. Related feathered dingbats — different directions.

→

Not a plain right arrow

For a simple rightwards arrow, prefer → (→). U+27B8 is a heavy feathered dingbat.

Font

Font coverage

Some fonts omit Dingbats arrows. If ➸ is missing, fall back to text (“Next”) or a font with U+27B8 coverage.

CSS vs HTML

Do not mix escapes

\27B8 belongs in CSS strings. ➸ / ➸ belong in HTML.

a11y

Add accessible text

Screen readers may not announce ➸ clearly. Prefer aria-label or nearby prose such as “Next” or “Continue”.

Semicolon

End references

Always finish entities with ; — write ➸, not &#x27B8.

Compatibility

Browser Support

Heavy black feathered right arrow (U+27B8) and its entity forms (➸, ➸, CSS \\27B8) are supported in all mainstream browsers. Visible glyphs depend on Dingbats font coverage.

✓ Universal support

Feathered 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+27B8 Full support

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

Remember

Key Takeaways

Unicode: this arrow is U+27B8 (decimal 10168) — glyph ➸.
HTML: no named entity — use ➸ / ➸ / type ➸.
CSS: use \27B8 inside content for generated text.
Meaning: ➸ ≠ ➹ — add accessible text for direction.

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

Frequently Asked Questions

How do I display ➸ in HTML?

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

What is the Unicode value for this feathered arrow?

U+27B8 (HEAVY BLACK-FEATHERED RIGHTWARDS ARROW). Hex 27B8, decimal 10168. It belongs to the Dingbats block (U+2700–U+27BF).

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

No. HTML5 does not define a named entity for this arrow. Prefer ➸ or ➸.

When should I use U+27B8?

Use it for next/continue cues, carousels, or decorative navigation that needs a bold feathered right arrow. For feathered north-east, use U+27B9. For a simple right arrow, prefer →.

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

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

Is U+27B8 the same as U+27B9?

No. U+27B8 points right (➸). U+27B9 points north-east (➹). Related feathered dingbats — different directions.

Did you know?

Heavy black-feathered rightwards arrow is Unicode U+27B8 (decimal 10168) — glyph ➸ in Dingbats. There is no HTML5 named entity; use ➸ or ➸. Prefer nearby text or aria-label (for example “Next”). Do not confuse it with U+27B9 (➹, feathered north-east) or → (→).

Next: Heavy Black Feathered South East Arrow

Learn the HTML entity for the feathered south-east arrow (U+27B7).

Feathered south-east 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 Black Feathered North East Arrow HTML Entity | Heavy Black Feathered South East Arrow