HTML Entity for Down Arrow From Bar (↧)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+21A7

HTML Entity for down arrow from bar (U+21A7) tutorial illustration

Definition

What Is Down Arrow From Bar?

Down arrow from bar (↧) is the Unicode character at U+21A7 in the Arrows block. Official name: DOWNWARDS ARROW FROM BAR. It is used for maps-to-down notation, flowcharts, and down-from-bar directional cues.

Remember

Character     ↧
Unicode       U+21A7
Named entity  &mapstodown;
Hex entity    &#x21A7;
Decimal       &#8615;
CSS escape    \21A7
Not the same  ↓ (&darr;) · ⤓

Prefer &mapstodown; in HTML markup (also aliased as &DownTeeArrow;). 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	`&mapstodown;`	HTML markup (preferred)
Alias name	`&DownTeeArrow;`	HTML markup (same glyph)
Direct character	`↧`	HTML text (UTF-8)
Hex entity	`↧`	HTML markup
Decimal entity	`↧`	HTML markup
CSS escape	`\21A7`	Stylesheet `content`
Down arrow (related)	`↓` (↓, U+2193)	Straight down — no bar

When to Use Which

Situation	Use
Down arrow from bar / maps-to-down	`&mapstodown;` or type `↧`
Straight down arrow	`↓`
Enter / return corner arrow	`&crarr;`
Down arrow to bar	U+2913 (⤓)
Generated text via `::before` / `::after`	`content: "\21A7"`

See it

Live Preview

Down arrow from bar 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 From Bar 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 From Bar (U+21A7) in HTML</title>
  <style>
    #point::after {
      content: "\21A7";
    }
  </style>
</head>
<body>
  <p>Built with Named: &mapstodown;</p>
  <p>Built with Hex: &#x21A7;</p>
  <p>Built with Decimal: &#8615;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ↧</p>
  <p>Alias: &DownTeeArrow;</p>
</body>
</html>

Try It Yourself

How It Works

1. Named: &mapstodown; is the preferred HTML5 name for U+21A7 → ↧.

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

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

4. Typed / alias: paste ↧ in UTF-8, or use &DownTeeArrow; for the same glyph.

Pitfalls & Tips

Common mistakes when working with Down Arrow From Bar.

↓

Not ↓

↓ is the plain down arrow (U+2193). &mapstodown; has a horizontal bar at the top.

⤓

Not down arrow to bar

U+2913 (⤓) is down arrow to bar. U+21A7 is down arrow from bar.

CSS vs HTML

Do not mix escapes

\21A7 belongs in CSS strings. &mapstodown; / ↧ / ↧ belong in HTML.

Fonts

Arrow font coverage

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

a11y

Add accessible text

A lone symbol can be unclear to screen readers. Pair the glyph with visible text or an aria-label.

Semicolon

End named entities

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

Compatibility

Browser Support

Down arrow from bar (U+21A7) and its entity forms (&mapstodown;, ↧, ↧, CSS \\21A7) are supported in all mainstream browsers. Visible glyphs depend on Arrows font coverage.

✓ Universal support

Down Arrow From Bar (↧)

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+21A7 / entities Full support

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

Remember

Key Takeaways

Unicode: down arrow from bar is U+21A7 (decimal 8615) — glyph ↧.
HTML: prefer &mapstodown; — also ↧ / ↧ / type ↧.
CSS: use \21A7 inside content for generated text.
Meaning: ↧ = from bar — not ↓, not U+2913.

One line: U+21A7 → &mapstodown; / ↧ / ↧ / CSS \21A7.

Frequently Asked Questions

How do I display ↧ in HTML?

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

What is the Unicode value for this mark?

U+21A7 (DOWNWARDS ARROW FROM BAR). Hex 21A7, decimal 8615. It belongs to the Arrows block (U+2190–U+21FF).

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

Yes. Use &mapstodown; or the alias &DownTeeArrow;. Numeric forms ↧ and ↧ also work. Do not confuse it with ↓ (↓) or down arrow to bar (U+2913).

When should I use U+21A7?

Use it for maps-to-down notation, flowcharts, and down-from-bar directional cues. Prefer ↓ for a plain down arrow, &crarr; for the return/enter corner arrow, and U+2913 for down arrow to bar.

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

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

Is &mapstodown; the same as ↓ or U+2913?

No. &mapstodown; is ↧ (U+21A7). ↓ is ↓ (U+2193). U+2913 is ⤓ (down arrow to bar).

Did you know?

Down arrow from bar is Unicode U+21A7 (decimal 8615) — glyph ↧ (DOWNWARDS ARROW FROM BAR) in the Arrows block. HTML5 names it &mapstodown; (also &DownTeeArrow;). Straight down arrow is ↓ (↓). Down arrow to bar is U+2913 (⤓) — a different character.

Next: Down Arrow Left Up Arrow

Learn the HTML entity for down arrow left of up arrow (U+21F5).

Down Arrow Left Up 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 Corner Left HTML Entity | Down Arrow Left Up Arrow