HTML Entity for Heavy Black Curved Up Right Arrow (➦)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+27A6

HTML Entity for heavy black curved up right arrow (U+27A6) tutorial illustration

Definition

What Is Heavy Black Curved Up Right Arrow?

This arrow (➦) is the Unicode character at U+27A6 in Dingbats. Official name: HEAVY BLACK CURVED UPWARDS AND RIGHTWARDS ARROW. It is a bold curved arrow pointing up and to the right — useful for open/collapse cues, external links, and navigation.

Remember

Character     ➦
Unicode       U+27A6
Hex entity    &#x27A6;
Decimal       &#10150;
CSS escape    \27A6
Named entity  (none)
Meaning       curved up + right (heavy)
Not the same  ➥ (down-right) · ↗ (&nearr;) · →

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

When to Use Which

Situation	Use
Open / external / up-right cue	`➦` plus visible text or `aria-label`
Curved down and right	Heavy black curved down right arrow — `➥` (➥)
Simple north-east arrow	North east arrow — `&nearr;` (↗)
Simple right arrow	Right arrow — `→` (→)
Generated text via `::before` / `::after`	`content: "\27A6"`

See it

Live Preview

Symbol alone, in a sample label, and next to related forms.

Glyph ➦

Large glyph ➦

Sample Open docs ➦

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 Curved Up Right Arrow (U+27A6)</title>
  <style>
    #point::after {
      content: "\27A6";
    }
  </style>
</head>
<body>
  <p>Built with Hex: &#x27A6;</p>
  <p>Built with Decimal: &#10150;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ➦</p>
  <p><span aria-label="Opens in new window">Docs &#x27A6;</span></p>
  <p>Down-right variant: &#x27A5;</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: ➦ inserts code point U+27A6 → ➦.

2. Decimal: same code point as 10150 → ➦. Same visual as hex.

3. CSS: use \27A6 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 “Opens in new window” so meaning is clear to everyone.

Pitfalls & Tips

Common mistakes when working with this curved arrow.

Name

No named entity

There is no HTML5 named entity for U+27A6. Use ➦ or ➦. Do not invent &curveduparrow;.

➥

Not the down-right twin

U+27A5 (➥) curves down and right. U+27A6 curves up and right. Match the direction your UI needs.

↗

Not a plain north-east arrow

For a simple diagonal arrow, prefer &nearr; (↗). U+27A6 is a heavy curved dingbat.

Font

Font coverage

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

CSS vs HTML

Do not mix escapes

\27A6 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 “Opens in new window”.

Semicolon

End references

Always finish entities with ; — write ➦, not &#x27A6.

Compatibility

Browser Support

Heavy black curved up-right arrow (U+27A6) and its entity forms (➦, ➦, CSS \\27A6) are supported in all mainstream browsers. Visible glyphs depend on Dingbats font coverage.

✓ Universal support

Curved Up 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+27A6 Full support

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

Remember

Key Takeaways

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

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

Frequently Asked Questions

How do I display ➦ in HTML?

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

What is the Unicode value for this curved arrow?

U+27A6 (HEAVY BLACK CURVED UPWARDS AND RIGHTWARDS ARROW). Hex 27A6, decimal 10150. It belongs to the Dingbats block (U+2700–U+27BF).

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

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

When should I use U+27A6?

Use it for collapse/open cues, external-link indicators, or navigation that needs a bold curved up-right arrow. For curved down-right, use U+27A5. For a simple north-east arrow, prefer &nearr;.

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

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

Is U+27A6 the same as U+27A5?

No. U+27A6 curves up and right (➦). U+27A5 curves down and right (➥). Related dingbats — different directions.

Did you know?

Heavy black curved upwards and rightwards arrow is Unicode U+27A6 (decimal 10150) — glyph ➦ in Dingbats. There is no HTML5 named entity; use ➦ or ➦. Prefer nearby text or aria-label (for example “Open” or “External link”). Do not confuse it with U+27A5 (➥, curved down right) or &nearr; (↗).

Next: Heavy Black Feathered North East Arrow

Learn the HTML entity for the feathered north-east arrow (U+27B9).

Feathered 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 | Heavy Black Curved Down Right Arrow HTML Entity | Heavy Black Feathered North East Arrow