HTML Entity for Open Outlined Right Arrow (➾)

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

What Is Open Outlined Right Arrow?

Open outlined right arrow (➾) is the Unicode character at U+27BE in the Dingbats block. Official name: OPEN OUTLINED RIGHTWARDS ARROW. It is an outlined right-pointing arrow — heavier than a plain text arrow, lighter than solid Dingbat tips.

Remember
Character     ➾
Unicode       U+27BE
Hex entity    ➾
Decimal       ➾
CSS escape    \27BE
Named entity  (none)
Not the same  → · ➽ · ➜

Prefer ➾ or a typed ➾ for navigation accents. For a simple math/text arrow, use → (→).

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character➾HTML text (UTF-8)
Hex entity➾HTML markup
Decimal entity➾HTML markup
CSS escape\27BEStylesheet content
Named entity—Not defined in HTML5

When to Use Which

SituationUse
Outlined Dingbats next/continue cue➾ or typed ➾
Simple text / math right arrow→ (→)
Heavy wedge-tailed right arrow➽ (U+27BD)
Heavy round-tipped right arrow➜ (U+279C)
Custom arrow via CSScontent: "\27BE"

Live Preview

Open outlined right arrow rendered in navigation contexts.

Large glyph ➾
Next link Read more ➾
Breadcrumb Home ➾ HTML ➾ Entities
Compared ➾   →   ➽   ➜
With entities Hex: ➾ | Decimal: ➾

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 produce ➾, plus a link-style example.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Open Outlined Right Arrow (➾) in HTML</title>
  <style>
    #point::after {
      content: "\27BE";
    }
  </style>
</head>
<body>
  <p>Symbol using Hex Code: &#x27BE;</p>
  <p>Symbol using HTML Code: &#10174;</p>
  <p id="point">Symbol using CSS Entity: </p>
  <p>Typed directly: ➾</p>
  <p>Example: Read more &#x27BE;</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+27BE → &#x27BE; in HTML. The browser turns it into ➾.

2. Decimal: same code point as 10174 → &#10174;. Same result as hex.

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

4. Typed / example: paste ➾ in UTF-8, or write Read more &#x27BE; for a next-link cue.

Pitfalls & Tips

Common mistakes when working with this Dingbats arrow.

Named?

No named entity

HTML5 does not define a named entity for U+27BE. Use numeric forms.

→

Not &rarr;

&rarr; is → (U+2192) — a simple Arrows-block glyph. ➾ is an outlined Dingbat.

➽

Not heavy wedge-tailed

➽ (U+27BD) is HEAVY WEDGE-TAILED RIGHTWARDS ARROW — a different tip and weight.

A11y

Pair with text

Do not use the arrow alone as a control label. Keep visible text (e.g. “Next”) or an aria-label.

CSS vs HTML

Do not mix escapes

\27BE belongs in CSS strings. &#x27BE; / &#10174; belong in HTML.

Semicolon

End references

Always finish with ; — write &#10174;, not &#10174.

Browser Support

Open outlined right arrow (U+27BE) and its numeric entity forms (&#x27BE;, &#10174;, CSS \\27BE) are supported in all mainstream browsers. Glyph availability depends on the font.

✓ Universal support

Open Outlined 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+27BE / entities Full support

Bottom line: Prefer a typed ➾ or &#x27BE; in HTML. Use &#10174; when decimal form is required, and \\27BE only inside CSS content.

Key Takeaways

  • Unicode: this symbol is U+27BE (decimal 10174) — glyph ➾.
  • HTML: use &#x27BE; or &#10174; when you need an entity.
  • CSS: use \27BE inside content for generated arrows.
  • Meaning: outlined Dingbat arrow — not →, ➽, or ➜.

One line: U+27BE → type ➾, or encode as &#x27BE; / &#10174; / CSS \27BE.

Frequently Asked Questions

Use &#x27BE; (hex), &#10174; (decimal), or the CSS escape \27BE in content. There is no named HTML entity. In UTF-8 you can also type ➾ directly.
U+27BE (OPEN OUTLINED RIGHTWARDS ARROW). Hex 27BE, decimal 10174. It belongs to the Dingbats block (U+2700–U+27BF).
No. Use numeric references like &#10174; or &#x27BE; when you need an entity form.
Use it for outlined navigation cues, next links, breadcrumbs, and directional UI accents. Prefer &rarr; (→) for a simple text arrow, and other Dingbats arrows when you need a heavier or different tip style.
HTML entities (&#10174; or &#x27BE;) go in markup. The CSS escape \27BE goes in stylesheet strings (usually content on ::before/::after).
No. ➾ is U+27BE (open outlined). → is U+2192 (simple rightwards arrow, &rarr;). ➽ is U+27BD (heavy wedge-tailed rightwards arrow).

Did you know?

Open outlined right arrow is Unicode U+27BE (decimal 10174) — glyph ➾ in the Dingbats block. HTML5 has no named entity — use &#x27BE; or &#10174;. Distinct from simple right arrow → (U+2192, &rarr;) and heavy wedge-tailed ➽ (U+27BD).

Next: Opposition

Learn the HTML entity for opposition (U+260D).

Opposition 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