HTML Entity for Right Arrow Small Circle (⇴)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+21F4

What Is Right Arrow Small Circle?

Right arrow small circle (⇴) is Unicode U+21F4 in Supplemental Arrows-A. Official name: RIGHTWARDS ARROW WITH SMALL CIRCLE — a rightwards arrow with a small circle on the shaft. HTML5 has no named entity for it.

Remember
Character     ⇴
Unicode       U+21F4
Hex entity    ⇴
Decimal       ⇴
CSS escape    \21F4
Named entity  (none)
Not the same  → U+2192 · ⥅ U+2945 · ⤳ U+2933

Prefer ⇴ or ⇴ in HTML when you need an entity. You can also type ⇴ in a UTF-8 document.

Quick Reference

One table for every form you will actually use.

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

When to Use Which

SituationUse
Need an entity in HTML source⇴ or ⇴
Right arrow with small circle⇴ → ⇴
Plain right arrow→ (U+2192) / →
Right arrow with plus below⥅ (U+2945) / ⥅
Generated text via ::before / ::aftercontent: "\21F4"
Looking for a named entityDoes not exist — use numeric form

Live Preview

Right arrow small circle in common study contexts.

Inline A ⇴ B
Large glyph ⇴
UI / nav cue Continue ⇴
vs. related arrows ⇴ small circle · → plain · ⥅ plus-below
With entities Hex: ⇴ | Decimal: ⇴

Complete HTML Example

One page that shows ⇴ 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 ⇴ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Right Arrow Small Circle (⇴) in HTML</title>
  <style>
    #point::after {
      content: "\21F4";
    }
  </style>
</head>
<body>
  <p>Right arrow small circle using Hex Code: &#x21F4;</p>
  <p>Right arrow small circle using HTML Code: &#8692;</p>
  <p id="point">Right arrow small circle using CSS Entity: </p>
  <p>Typed directly: ⇴</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+21F4 → &#x21F4; in HTML. The browser turns it into ⇴.

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

3. CSS: use \21F4 in content (not an HTML entity). #point::after appends that ⇴ after the paragraph text.

4. Typed ⇴: fine in UTF-8 source. All four lines show the same glyph.

Pitfalls & Tips

Common mistakes when working with right arrow small circle (⇴).

Named?

No named entity

HTML5 does not define a named entity for ⇴. Use &#x21F4; or &#8692;.

→

Not a plain right arrow

&rarr; (→) has no circle. Use U+21F4 only when you need the small-circle form.

&rarrc;

Not &rarrc;

&rarrc; is U+2933 (⤳), a wave arrow — not U+21F4.

CSS vs HTML

Do not mix escapes

\21F4 belongs in CSS. &#x21F4; / &#8692; belong in HTML.

Encoding

Declare UTF-8

If you type ⇴ directly, keep <meta charset="UTF-8"> so the file is not misread.

Semicolon

End references

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

Browser Support

Right arrow small circle (U+21F4) and its numeric entity forms (&#x21F4;, &#8692;, CSS \\21F4) are supported in all modern browsers with Supplemental Arrows-A font coverage.

✓ Universal encoding

Right Arrow Small Circle (&#x21F4;)

Encode with hex, decimal, or CSS escape — or type ⇴ directly in UTF-8 HTML.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer IE 9+
Yes*
U+21F4 Full support

Bottom line: Prefer &#x21F4; or &#8692; in HTML. Use \\21F4 only inside CSS content.

Key Takeaways

  • Unicode: this character is U+21F4 (decimal 8692).
  • HTML: use &#x21F4; or &#8692; — there is no named entity.
  • CSS: use \21F4 inside content for generated text.
  • Watch out: ⇴ ≠ → (&rarr;) ≠ ⥅ (&rarrpl;) ≠ ⤳ (&rarrc;).

One line: U+21F4 → &#x21F4; / &#8692; / CSS \21F4 (no named entity).

Frequently Asked Questions

Use &#x21F4; (hex), &#8692; (decimal), type ⇴ in UTF-8, or the CSS escape \21F4 in content. There is no HTML5 named entity for U+21F4.
U+21F4 (hex 21F4, decimal 8692). Unicode names it RIGHTWARDS ARROW WITH SMALL CIRCLE. It belongs to Supplemental Arrows-A.
No. HTML5 does not define a named entity for this character. Use numeric references like &#8692; or &#x21F4; when you need an entity form.
⇴ (U+21F4) is a rightwards arrow with a small circle. → (U+2192, &rarr;) is a plain right arrow. ⥅ (U+2945, &rarrpl;) is a rightwards arrow with plus below. They are different code points.
HTML entities (&#8692; or &#x21F4;) go in markup. The CSS escape \21F4 goes in stylesheet strings (usually content on ::before/::after).
Use it for navigation cues, diagrams, and UI labels that need a rightwards arrow with a small circle. Prefer a plain right arrow when you do not need the circle.

Did you know?

Right arrow small circle is Unicode U+21F4 (decimal 8692) in Supplemental Arrows-A — official name RIGHTWARDS ARROW WITH SMALL CIRCLE. HTML5 has no named entity for it — use &#x21F4; or &#8692;. It is not the same as a plain right arrow (U+2192 →) or right arrow plus below (U+2945 ⥅).

Next: Right Arrow Stroke

Learn the HTML entity for rightwards arrow with stroke — next in this sequence.

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.

8 people found this page helpful