HTML Entity for Heavy Dashed Triangle Headed Right Arrow (➠)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+27A0

What Is Heavy Dashed Triangle Headed Right Arrow?

Heavy dashed triangle headed right arrow (➠) is the Unicode character at U+27A0 in Dingbats. Official name: HEAVY DASHED TRIANGLE-HEADED RIGHTWARDS ARROW. It is a bold dashed rightwards cue used for process flow, diagrams, and decorative next links.

Remember
Character     ➠
Unicode       U+27A0
Hex entity    ➠
Decimal       ➠
CSS escape    \27A0
Named entity  (none)
Meaning       heavy dashed triangle-headed right arrow
Not the same  ➞ · ➨ · → (→)

Prefer ➠ or ➠ in HTML (no named form). You can also type ➠ in a UTF-8 document. For a simple text arrow, prefer → (→).

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entityNone—
Hex entity➠HTML markup (preferred)
Decimal entity➠HTML markup
Direct character➠HTML text (UTF-8)
CSS escape\27A0Stylesheet content

When to Use Which

SituationUse
Bold dashed triangle-headed “next” or flow cue➠ plus visible text or aria-label
Solid triangle-headed right arrowHeavy triangle headed — ➞ (➞)
Concave-pointed black right arrowHeavy concave pointed — ➨ (➨)
Simple right arrow in prose→ (→) or dashed triangle headed
Generated text via ::before / ::aftercontent: "\27A0"

Live Preview

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

Glyph ➠
Large glyph ➠
Sample Step 1 ➠ Step 2
Compared ➠   ➞   ➨   →
With entities Hex: ➠ | Decimal: ➠

Complete HTML Example

One page that shows heavy dashed triangle headed right 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 Dashed Triangle Headed Right Arrow (U+27A0) in HTML</title>
  <style>
    #point::after {
      content: "\27A0";
    }
  </style>
</head>
<body>
  <p>Built with Hex: &#x27A0;</p>
  <p>Built with Decimal: &#10144;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ➠</p>
  <p><span aria-label="Next">Continue &#x27A0;</span></p>
  <p>Simple arrow: &rarr;</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: &#x27A0; inserts code point U+27A0 → ➠.

2. Decimal: same code point as 10144 → &#10144;. Same visual as hex.

3. CSS: use \27A0 in content (not an HTML entity). #point::after appends ➠.

4. Typed: paste ➠ in a UTF-8 document when you need this dingbat. Prefer aria-label or nearby prose such as “Next” so direction is clear to everyone.

Pitfalls & Tips

Common mistakes when working with heavy dashed triangle headed right arrow.

Name

No named entity

There is no HTML5 named entity for U+27A0. Use &#x27A0; or &#10144;. Do not invent &heavydashedarrow;.

→

Not &rarr;

&rarr; is → (U+2192). Heavy dashed triangle headed right arrow is ➠. Related direction — different weight and shaft style.

➞

Not the solid triangle head

➞ (U+279E) is a solid triangle-headed dingbat. Use ➠ when you want the heavy dashed shaft form.

Font

Font coverage

Some fonts omit Dingbats. If ➠ is missing, fall back to text (“Next”) or a font with U+27A0 coverage.

CSS vs HTML

Do not mix escapes

\27A0 belongs in CSS strings. &#x27A0; / &#10144; belong in HTML.

a11y

Add accessible text

Screen readers may not announce ➠ clearly. Prefer aria-label="Next" or nearby prose for navigation or flow.

Semicolon

End references

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

Browser Support

Heavy dashed triangle headed right arrow (U+27A0) and its entity forms (&#x27A0;, &#10144;, CSS \\27A0) are supported in all mainstream browsers. Visible glyphs depend on Dingbats font coverage.

✓ Universal support

Heavy Dashed Triangle Headed Right Arrow (&#x27A0;)

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+27A0 Full support

Bottom line: Prefer &#x27A0; in HTML (no named form). Use &#10144; when decimal form is required, and \\27A0 only inside CSS content.

Key Takeaways

  • Unicode: heavy dashed triangle headed right arrow is U+27A0 (decimal 10144) — glyph ➠.
  • HTML: no named entity — use &#x27A0; / &#10144; / type ➠.
  • CSS: use \27A0 inside content for generated text.
  • Meaning: ➠ ≠ &rarr; (→) — use for dashed triangle-headed flow or next cues.

One line: U+27A0 → &#x27A0; / &#10144; / CSS \27A0 (no named form).

Frequently Asked Questions

Use &#x27A0; (hex), &#10144; (decimal), type ➠ directly in UTF-8, or the CSS escape \27A0 in content. There is no named HTML entity for U+27A0.
U+27A0 (HEAVY DASHED TRIANGLE-HEADED RIGHTWARDS ARROW). Hex 27A0, decimal 10144. It belongs to the Dingbats block (U+2700–U+27BF).
No. HTML5 does not define a named entity for this arrow. Prefer &#x27A0; or &#10144;.
Use it for process flow, diagrams, or decorative next cues that need a bold dashed triangle-headed right arrow. For a solid triangle-headed style, use heavy triangle headed right arrow. For a simple right arrow, prefer &rarr;.
HTML numeric entities (&#10144; or &#x27A0;) go in markup. The CSS escape \27A0 goes in stylesheet strings (usually content on ::before/::after).
No. Heavy dashed triangle-headed right arrow is U+27A0 (➠). Heavy concave pointed black right arrow is U+27A8 (➨). Related dingbats — different shaft and tip styles.

Did you know?

Heavy dashed triangle-headed rightwards arrow is Unicode U+27A0 (decimal 10144) — glyph ➠ in Dingbats. There is no HTML5 named entity; use &#x27A0; or &#10144;. Prefer nearby text or aria-label (for example “Next”). Do not confuse it with solid triangle-headed &#x279E; (➞) or concave-pointed &#x27A8; (➨).

Next: Heavy Double Comma Quotation Mark Ornament

Learn the HTML entity for heavy double comma quotation mark ornament (U+275E).

Heavy double comma quotation mark ornament 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