HTML Entity for Right Dashed Arrow (⇢)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+21E2

HTML Entity for Right Dashed Arrow (U+21E2) tutorial illustration

Definition

What Is the Right Dashed Arrow Entity?

Right Dashed Arrow (⇢) is the Arrows character at Unicode U+21E2 (RIGHTWARDS DASHED ARROW). It looks like a right arrow with a dashed shaft — useful for tentative or secondary navigation.

Remember

Character     ⇢
Unicode       U+21E2
Hex entity    &#x21E2;
Decimal       &#8674;
Named entity  (none in HTML5)
CSS escape    \21E2
Not the same  → (&rarr;) · ⇠ (left dashed)

All of these produce the same glyph: ⇢. Prefer ⇢ (or ⇢) when you need an entity — there is no named form.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Hex entity	`⇢`	HTML markup (best default)
Decimal entity	`⇢`	HTML markup
CSS escape	`\21E2`	Stylesheet `content`
Direct character	`⇢`	UTF-8 HTML text
Named entity	None	Use numeric forms instead

When to Use Which

Situation	Use
Normal page text (UTF-8)	Type `⇢` directly
Need an explicit entity	`⇢` or `⇢`
Generated text via `::before` / `::after`	`content: "\21E2"`
Solid right arrow instead	Use → (U+2192)
Left dashed arrow	Use ⇠ (U+21E0)

See it

Live Preview

Right Dashed Arrow in common UI contexts.

Next link Next ⇢

Large glyph ⇢

vs solid → ⇢ | →

vs left dashed ⇢ | ⇠

With entities Hex: ⇢ | Decimal: ⇢

Code

Complete HTML Example

One page that shows Right Dashed Arrow with hex, decimal, and CSS. Use View Output or open the live editor.

Hex + Decimal + CSS

All three ways to produce ⇢ in a single document.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Right Dashed Arrow (⇢) in HTML</title>
  <style>
    #point::after {
      content: "\21E2";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x21E2;</p>
  <p>Using HTML Code: &#8674;</p>
  <p id="point">Using CSS Entity: </p>
  <p><a href="#">Next &#x21E2;</a></p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: U+21E2 → ⇢ in HTML. The browser turns it into ⇢.

2. Decimal: same code point as 8674 → ⇢. Same result as hex.

3. CSS: use \21E2 in content (not an HTML entity). #point::after appends that ⇢ after the paragraph text.

4. No named entity: HTML5 does not define &…; for this character — stick to numeric forms.

Pitfalls & Tips

Common mistakes when working with Right Dashed Arrow.

Look-alikes

⇢ ≠ → ≠ ⇠

Dashed right, solid right (→), and dashed left are different Unicode points.

Named

No `&rdash;` (etc.)

There is no HTML5 named entity. Guessing names will not work — use ⇢.

Fonts

Glyph may vary

Some fonts draw a clearer dashed shaft than others. Test on your target devices.

CSS vs HTML

Do not mix escapes

\21E2 belongs in CSS. ⇢ / ⇢ belong in HTML.

A11y

Add nearby words

Pair the glyph with text like “Next”, or use aria-label on icon-only controls.

Semicolon

End references

Always finish with ; — write ⇢, not &#x21E2.

Compatibility

Browser Support

Right Dashed Arrow (U+21E2) and its entity forms (⇢, ⇢, CSS \\21E2) are supported in all modern browsers. Glyph coverage depends on the font.

✓ Universal encoding

Right Dashed Arrow (⇢)

Encode with hex, decimal, or CSS escape — or type ⇢ directly in UTF-8 HTML.

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+21E2 Full support

Bottom line: Prefer ⇢ (or ⇢) in HTML. Use \\21E2 only inside CSS content. There is no named entity.

Remember

Key Takeaways

Unicode: this symbol is U+21E2 (decimal 8674).
HTML: use ⇢ or ⇢ — no named entity.
CSS: use \21E2 inside content for generated text.
Watch out: ⇢ ≠ → (→) ≠ ⇠ (left dashed).

One line: U+21E2 → ⇢ / ⇢ / CSS \21E2.

Frequently Asked Questions

How do I display Right Dashed Arrow (⇢) in HTML using entities?

Use ⇢ (hex), ⇢ (decimal), or the CSS escape \21E2 in the content property. All render ⇢ when the font supports the Arrows block. There is no named HTML entity.

What is the Unicode value for Right Dashed Arrow?

U+21E2 (RIGHTWARDS DASHED ARROW). Hex 21E2, decimal 8674. It belongs to the Arrows block (U+2190–U+21FF).

Is there a named HTML entity for U+21E2?

No. HTML5 does not define a named entity for U+21E2. Use numeric references like ⇢ or ⇢.

When should I use this HTML entity?

Use it for tentative navigation, draft flow diagrams, or UI that needs a rightwards arrow with a dashed shaft. Prefer numeric entities when encoding must be explicit.

What is the difference between HTML code and CSS entity for U+21E2?

HTML entities (⇢ or ⇢) go in markup. The CSS escape \21E2 is used in stylesheets (usually in the content property of ::before/::after). Both render ⇢.

How is U+21E2 different from → or U+21E0?

→ (U+2192, →) is the solid rightwards arrow. U+21E0 (⇠) is the leftwards dashed arrow. U+21E2 is rightwards with a dashed shaft.

Did you know?

Right Dashed Arrow is Unicode U+21E2 (decimal 8674) — RIGHTWARDS DASHED ARROW. HTML5 has no named entity — use ⇢ or ⇢. Do not confuse it with the solid right arrow → (U+2192, →) or the left dashed arrow (U+21E0, ⇠).

Next: Right Double Arrow

Learn the HTML entity for the rightwards double arrow — next in this sequence.

Continue 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 | Right Bracket HTML Entity | Right Double Arrow