HTML Entity for Right Arrow With Corner Down (↴)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+21B4

What Is Right Arrow With Corner Down?

Right arrow with corner down (↴) is Unicode U+21B4 in the Arrows block. Official name: RIGHTWARDS ARROW WITH CORNER DOWNWARDS — a rightwards arrow that turns down at the end. HTML5 has no named entity for it.

Remember
Character     ↴
Unicode       U+21B4
Hex entity    ↴
Decimal       ↴
CSS escape    \21B4
Named entity  (none)
Not the same  → U+2192 · ↳ U+21B3 · ↵ U+21B5

Prefer ↴ or ↴ in HTML when you need an entity. You can also type ↴ in a UTF-8 document.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Hex entity↴HTML markup
Decimal entity↴HTML markup
Direct character↴HTML text (UTF-8)
CSS escape\21B4Stylesheet content
Named entity—Not defined in HTML5

When to Use Which

SituationUse
Need an entity in HTML source↴ or ↴
Rightwards arrow that turns down↴ → ↴
Plain right arrow→ (U+2192) / →
Down arrow with tip right↳ → ↳ (U+21B3)
Return / corner-left arrow↵ (U+21B5) / ↵
Generated text via ::before / ::aftercontent: "\21B4"
Looking for a named entityDoes not exist — use numeric form

Live Preview

This arrow in common study contexts.

Inline A ↴ B
Large glyph ↴
Menu / flow Menu ↴ Submenu
vs. related symbols ↴ corner-down · → plain · ↳ tip-right · ↵ return
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>Right Arrow With Corner Down (↴) in HTML</title>
  <style>
    #point::after {
      content: "\21B4";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x21B4;</p>
  <p>Using HTML Code: &#8628;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: ↴</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+21B4 → &#x21B4; in HTML. The browser turns it into ↴.

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

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

4. Typed ↴: fine in UTF-8 source. All four lines show the same glyph.

Pitfalls & Tips

Common mistakes when working with this arrow (↴).

Named?

No named entity

HTML5 does not define a named entity for ↴. Use &#x21B4; or &#8628;.

→

Not a plain right arrow

&rarr; (→) does not turn down. Use U+21B4 only when you need the corner-down shape.

↳

Not tip-right

&rdsh; (↳) is a downwards arrow with tip rightwards. ↴ starts right and corners down — different glyphs.

↵

Not the return arrow

&crarr; (↵) corners left for “return”. Do not swap it with ↴.

CSS vs HTML

Do not mix escapes

\21B4 belongs in CSS. &#x21B4; / &#8628; belong in HTML.

Encoding

Declare UTF-8

If you type ↴ directly, keep <meta charset="UTF-8"> so the file is not misread.

Semicolon

End references

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

Browser Support

Right arrow with corner down (U+21B4) and its numeric entity forms (&#x21B4;, &#8628;, CSS \\21B4) are supported in all modern browsers with Arrows-block font coverage.

✓ Universal encoding

Right Arrow With Corner Down (&#x21B4;)

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 IE 9+
Yes*
U+21B4 Full support

Bottom line: Prefer &#x21B4; or &#8628; in HTML. Use \\21B4 only inside CSS content.

Key Takeaways

  • Unicode: this character is U+21B4 (decimal 8628).
  • HTML: use &#x21B4; or &#8628; — there is no named entity.
  • CSS: use \21B4 inside content for generated text.
  • Watch out: ↴ ≠ → (&rarr;) ≠ ↳ (&rdsh;) ≠ ↵ (&crarr;).

One line: U+21B4 → &#x21B4; / &#8628; / CSS \21B4 (no named entity).

Frequently Asked Questions

Use &#x21B4; (hex), &#8628; (decimal), type ↴ in UTF-8, or the CSS escape \21B4 in content. There is no HTML5 named entity for U+21B4.
U+21B4 (hex 21B4, decimal 8628). Unicode names it RIGHTWARDS ARROW WITH CORNER DOWNWARDS. It belongs to the Arrows block (U+2190–U+21FF).
No. HTML5 does not define a named entity for this character. Use numeric references like &#8628; or &#x21B4; when you need an entity form.
↴ (U+21B4) is a rightwards arrow that turns down at the corner. → (U+2192, &rarr;) is a plain right arrow. ↳ (U+21B3, &rdsh;) is a downwards arrow with tip rightwards. ↵ (U+21B5, &crarr;) is the return / corner-left arrow.
HTML entities (&#8628; or &#x21B4;) go in markup. The CSS escape \21B4 goes in stylesheet strings (usually content on ::before/::after).
Use it for right-then-down turns in navigation, menus, and flowcharts. Prefer &rarr;, &rdsh;, or &crarr; when those better match your meaning.

Did you know?

Right arrow with corner down is Unicode U+21B4 (decimal 8628) in the Arrows block — official name RIGHTWARDS ARROW WITH CORNER DOWNWARDS. HTML5 has no named entity for it — use &#x21B4; or &#8628;. It is not the same as a plain right arrow (U+2192 →), tip-right down arrow (U+21B3 ↳, &rdsh;), or the return corner arrow (U+21B5 ↵, &crarr;).

Next: Right Arrow With Dotted Stem

Learn the HTML entity for rightwards arrow with dotted stem — 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.

8 people found this page helpful