HTML Entity for Down Arrow With Tip Right (↳)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+21B3

HTML Entity for down arrow with tip right (U+21B3) tutorial illustration

Definition

What Is Down Arrow With Tip Right?

Down arrow tip right (↳) is the Unicode character at U+21B3 in the Arrows block. Official name: DOWNWARDS ARROW WITH TIP RIGHTWARDS. It points down, then tips right — useful for directional UI cues and flow notation.

Remember

Character     ↳
Unicode       U+21B3
Named entity  &rdsh;
Hex entity    &#x21B3;
Decimal       &#8627;
CSS escape    \21B3
Not the same  ↲ (&ldsh;) · ↵ (&crarr;)

Prefer &rdsh; in HTML markup. You can also type ↳ in UTF-8, or use numeric forms when needed.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	`&rdsh;`	HTML markup (preferred)
Direct character	`↳`	HTML text (UTF-8)
Hex entity	`↳`	HTML markup
Decimal entity	`↳`	HTML markup
CSS escape	`\21B3`	Stylesheet `content`
Tip left (related)	`&ldsh;` (↲, U+21B2)	Mirror tip — different glyph

When to Use Which

Situation	Use
Down arrow with tip right	`&rdsh;` or type `↳`
Down arrow with tip left	`&ldsh;`
Enter / return corner arrow	`&crarr;`
Straight down arrow	`↓`
Generated text via `::before` / `::after`	`content: "\21B3"`

See it

Live Preview

Down arrow tip right rendered alone and compared with related arrows.

Glyph ↳

Large glyph ↳

Compared ↳ ↲ ↵ ↓

With entities Named: ↳ | Hex: ↳ | Decimal: ↳

Code

Complete HTML Example

One page that shows Down Arrow With Tip Right with named, hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Named + Hex + Decimal + CSS + Typed

Five ways to display ↳ in HTML and CSS.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Down Arrow With Tip Right (U+21B3) in HTML</title>
  <style>
    #point::after {
      content: "\21B3";
    }
  </style>
</head>
<body>
  <p>Built with Named: &rdsh;</p>
  <p>Built with Hex: &#x21B3;</p>
  <p>Built with Decimal: &#8627;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ↳</p>
  <p>Label: Down-right &rdsh;</p>
</body>
</html>

Try It Yourself

How It Works

1. Named: &rdsh; is the preferred HTML5 name for U+21B3 → ↳.

2. Hex / decimal: ↳ and ↳ insert the same code point.

3. CSS: use \21B3 in content (not an HTML entity). #point::after appends ↳.

4. Typed: paste ↳ in a UTF-8 document, or pair it with a label.

Pitfalls & Tips

Common mistakes when working with Down Arrow With Tip Right.

↲

Not &ldsh;

&ldsh; tips left (U+21B2). &rdsh; tips right (U+21B3).

↵

Not &crarr;

&crarr; is the corner return arrow (U+21B5). It looks related but is a different code point and shape.

CSS vs HTML

Do not mix escapes

\21B3 belongs in CSS strings. &rdsh; / ↳ / ↳ belong in HTML.

Fonts

Arrow font coverage

Some fonts draw tipped arrows poorly. Prefer a font with solid Arrows block support.

a11y

Add accessible text

A lone tip arrow can be unclear to screen readers. Pair it with visible text or an aria-label.

Semicolon

End named entities

Always finish with ; — write &rdsh;, not &rdsh.

Compatibility

Browser Support

Down arrow tip right (U+21B3) and its entity forms (&rdsh;, ↳, ↳, CSS \\21B3) are supported in all mainstream browsers. Visible glyphs depend on Arrows font coverage.

✓ Universal support

Down Arrow With Tip Right (↳)

Encode with named, 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+21B3 / entities Full support

Bottom line: Prefer &rdsh; in HTML. Use ↳ / ↳ when numeric form is required, and \\21B3 only inside CSS content.

Remember

Key Takeaways

Unicode: down arrow tip right is U+21B3 (decimal 8627) — glyph ↳.
HTML: prefer &rdsh; — also ↳ / ↳ / type ↳.
CSS: use \21B3 inside content for generated text.
Meaning: ↳ = tip right — not &ldsh;, not &crarr;.

One line: U+21B3 → &rdsh; / ↳ / ↳ / CSS \21B3.

Frequently Asked Questions

How do I display ↳ in HTML?

Use &rdsh; (named), ↳ (hex), ↳ (decimal), type ↳ directly in UTF-8, or the CSS escape \21B3 in content. Prefer &rdsh; in normal HTML.

What is the Unicode value for this mark?

U+21B3 (DOWNWARDS ARROW WITH TIP RIGHTWARDS). Hex 21B3, decimal 8627. It belongs to the Arrows block (U+2190–U+21FF).

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

Yes. Use &rdsh;. Numeric forms ↳ and ↳ also work. Tip left uses &ldsh; (U+21B2). Do not confuse with &crarr; (U+21B5), the corner return arrow.

When should I use U+21B3?

Use it for down-then-right directional cues and similar UI or docs notation. Prefer &ldsh; for tip left, &crarr; for the Enter/return corner glyph, and ↓ for a straight down arrow.

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

HTML entities (&rdsh;, ↳, or ↳) go in markup. The CSS escape \21B3 goes in stylesheet strings (usually content on ::before/::after).

Is &rdsh; the same as &ldsh; or &crarr;?

No. &rdsh; is ↳ (U+21B3). &ldsh; is ↲ (U+21B2). &crarr; is ↵ (U+21B5).

Did you know?

Down arrow tip right is Unicode U+21B3 (decimal 8627) — glyph ↳ (DOWNWARDS ARROW WITH TIP RIGHTWARDS) in the Arrows block. HTML5 names it &rdsh;. Tip left is &ldsh; (↲, U+21B2). Carriage-return corner arrow is &crarr; (↵, U+21B5) — a different shape.

Next: Down Dashed Arrow

Learn the HTML entity for down dashed arrow (U+21E3).

Down Dashed Arrow 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 | Down Arrow With Horizontal Stroke HTML Entity | Down Dashed Arrow