HTML Entity for Squat Black Right Arrow (➧)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+27A7
HTML Entity for squat black right arrow (U+27A7) tutorial illustration
Definition

What Is Squat Black Right Arrow?

Squat black rightwards arrowhead (➧) is the Unicode character at U+27A7 in Dingbats. Official name: SQUAT BLACK RIGHTWARDS ARROWHEAD. It is a filled, short right-pointing arrowhead often used for UI and decorative navigation.

Remember
Character     ➧
Unicode       U+27A7
Named entity  (none)
Hex entity    ➧
Decimal       ➧
CSS escape    \27A7
Not the same  → · ➤ · ➡

Prefer ➧ or ➧ in HTML markup. You can also type ➧ in UTF-8. For a common text arrow, use → (→) instead.

Reference

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entityNoneUse numeric or type the character
Direct character➧HTML text (UTF-8)
Hex entity➧HTML markup (preferred)
Decimal entity➧HTML markup
CSS escape\27A7Stylesheet content
Rightwards arrow (related)→ (U+2192)Named →

When to Use Which

SituationUse
Squat black rightwards arrowhead➧ or type ➧
Common text / math right arrow→ (→)
Black rightwards arrowhead➤ (U+27A4)
Black rightwards arrow➡ (U+27A1)
Generated text via ::before / ::aftercontent: "\27A7"
See it

Live Preview

Squat black right arrow rendered alone and next to related arrows.

Large glyph ➧
Notation Next ➧
Compared ➧  |  →  |  ➤
Hint Compare: Squat ➧ | Rarr → | Arrowhead ➤
With entities Hex: ➧ | Decimal: ➧
Code

Complete HTML Example

One page that shows the 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 produce ➧, plus a short label example. No named entity exists.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Squat Black Right Arrow (➧)</title>
  <style>
    #point::after {
      content: "\27A7";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x27A7;</p>
  <p>Using HTML Code: &#10151;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: ➧</p>
  <p>Notation: Next &#x27A7;</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+27A7 → &#x27A7; in HTML. Preferred numeric form when you need an entity.

2. Decimal: same code point as 10151 → &#10151;. Same glyph as hex.

3. CSS: use \27A7 in content (not an HTML entity). #point::after appends that ➧ after the paragraph text.

4. Typed / notation: paste ➧ in UTF-8, or write Next &#x27A7; for a short label.

5. No named entity: HTML5 does not define a name for U+27A7 — use numeric references or type the character.

Pitfalls & Tips

Common mistakes when working with U+27A7.

vs →

Not the common right arrow

U+2192 (→, &rarr;) is the everyday text/math arrow. U+27A7 is a Dingbats arrowhead.

vs ➤

Not black rightwards arrowhead

➤ (U+27A4) is a related Dingbats arrowhead with a different shape. Do not treat them as identical.

Fonts

Needs Dingbats coverage

Some fonts omit decorative Dingbats. Prefer a stack that includes emoji or symbol fonts if the glyph must always show.

Named

No named HTML entity

There is no &squatrarr; for U+27A7. Use &#x27A7; or &#10151;.

CSS vs HTML

Do not mix escapes

\27A7 belongs in CSS strings. &#x27A7; / &#10151; belong in HTML.

A11y

Do not rely on the glyph alone

Screen readers may skip or misname decorative arrows. Prefer visible text like “Next” plus the glyph, or an accessible name on controls.

Compatibility

Browser Support

Squat black rightwards arrowhead (U+27A7) and its entity forms (&#x27A7;, &#10151;, CSS \\27A7) are supported in all mainstream browsers. Visible glyphs depend on Dingbats font coverage.

✓ Universal support

Squat Black Right Arrow (&#x27A7;)

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

Bottom line: Prefer &#x27A7; or &#10151; in HTML. Use \\27A7 only inside CSS content. There is no named entity.

Remember

Key Takeaways

  • Unicode: this arrow is U+27A7 (decimal 10151) — glyph ➧.
  • HTML: no named entity — use &#x27A7; / &#10151; / type ➧.
  • CSS: use \27A7 inside content for generated text.
  • Meaning: ➧ is a Dingbats arrowhead — not → (&rarr;), not ➤.

One line: U+27A7 → &#x27A7; / &#10151; / CSS \27A7 (no named entity).

Frequently Asked Questions

Use &#x27A7; (hex), &#10151; (decimal), type ➧ directly in UTF-8, or the CSS escape \27A7 in content. There is no named HTML entity.
U+27A7 (SQUAT BLACK RIGHTWARDS ARROWHEAD). Hex 27A7, decimal 10151. It belongs to Dingbats (U+2700–U+27BF).
No. Use numeric references &#x27A7; or &#10151;, or type ➧ in UTF-8.
No. ➧ is U+27A7 (squat black rightwards arrowhead). → is U+2192 (&rarr;). ➤ is U+27A4 (black rightwards arrowhead).
Use it for decorative or UI-style right arrows in Dingbats style — not as a substitute for the common math/text arrow →.
HTML entities (&#10151; or &#x27A7;) go in markup. The CSS escape \27A7 goes in stylesheet strings (usually content on ::before/::after).

Did you know?

Squat black rightwards arrowhead is Unicode U+27A7 (decimal 10151) — glyph ➧ in Dingbats (U+2700–U+27BF). Official name: SQUAT BLACK RIGHTWARDS ARROWHEAD. HTML5 has no named entity — use &#x27A7; or &#10151;. Do not confuse with rightwards arrow U+2192 (&rarr;, →) or black rightwards arrowhead U+27A4 (➤).

Next: Staff Aesculapius

Learn the HTML entity for staff of Aesculapius (U+2695).

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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

HTML Entity | Squared Times HTML Entity | Staff Aesculapius