HTML Entity for Right Arrow Small Circle (⇴)
What You'll Learn
How to display the Right Arrow Small Circle (⇴) in HTML using hexadecimal, decimal, and CSS escape methods. This symbol is U+21F4 (RIGHTWARDS ARROW WITH SMALL CIRCLE) in the Supplemental Arrows-A block (U+21F0–U+21FF)—a rightward arrow with a small circle, used for navigation, icons, directional indicators, and distinctive UI elements.
Render it with ⇴, ⇴, or CSS \21F4. There is no named HTML entity. Related: U+21F3 (⇳, left arrow small circle), U+2945 (⥅, right arrow plus below / ⥅). Do not confuse ⇴ with plain right arrow →.
⚡ Quick Reference — Right Arrow Small Circle
U+21F4Supplemental Arrows-A (U+21F0–U+21FF)
⇴Hexadecimal reference
⇴Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+21F4
Hex code ⇴
HTML code ⇴
Named entity (none)
CSS code \21F4
Meaning Rightwards arrow with small circle
Related U+21F3 = left arrow small circle (⇳)
U+2945 = right arrow plus below (⥅, ⥅)
Block Supplemental Arrows-A (U+21F0–U+21FF)Complete HTML Example
A simple example showing ⇴ using hexadecimal code, decimal HTML code, and a CSS content escape. There is no named HTML entity:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\21F4";
}
</style>
</head>
<body>
<p>Hex: ⇴</p>
<p>Decimal: ⇴</p>
<p id="point">CSS: </p>
</body>
</html>🌐 Browser Support
U+21F4 renders in modern browsers when the font includes Supplemental Arrows-A glyphs:
👀 Live Preview
See the Right Arrow Small Circle (⇴) in common contexts:
🧠 How It Works
Hexadecimal Code
⇴ uses the Unicode hexadecimal value 21F4. The x prefix indicates hexadecimal format.
Decimal HTML Code
⇴ uses the decimal Unicode value 8692 for the same character.
CSS Entity
\21F4 is used in CSS stylesheets in the content property of pseudo-elements.
Same visual result
All three methods produce ⇴. Unicode U+21F4 in the Supplemental Arrows-A block. No named entity—use numeric codes. Previous: Right Arrow Plus Below (⥅). Next: Right Arrow Stroke (↛).
Use Cases
The Right Arrow Small Circle (⇴) is commonly used in:
Menus, breadcrumbs, and links with a distinctive circular arrow style.
UI icon sets and buttons needing a unique directional indicator.
Logos, layouts, and creative content with circular arrow accents.
Maps, directions, and guides showing movement or next steps.
Interactive elements that differ from standard → arrows.
Pair ⇴ with plain language (e.g. “next” or “go to”) for screen readers.
💡 Best Practices
Do
- Use
⇴or⇴in HTML (no named entity exists) - Use ⇴ when a small-circle arrow fits your navigation or icon design
- Set
<meta charset="utf-8"> - Keep hex or decimal style consistent across your project
- Use CSS
\21F4for decorative arrows in pseudo-elements - Test rendering across browsers and font stacks
Don’t
- Confuse ⇴ (U+21F4) with ⇳ (U+21F3) or plain →
- Use padded Unicode notation like U+021F4—the correct value is
U+21F4 - Use CSS escape
\21F4in HTML text nodes - Substitute ASCII
->when the specialized arrow ⇴ is intended - Assume all fonts render Supplemental Arrows-A glyphs correctly
Key Takeaways
Three ways to render U+21F4 in HTML and CSS
⇴ ⇴For CSS, use \21F4 in the content property
Unicode U+21F4 — RIGHTWARDS ARROW WITH SMALL CIRCLE (⇴)
No named HTML entity—use numeric hex or decimal references
Previous: Right Arrow Plus Below (⥅) Next: Right Arrow Stroke (↛)
❓ Frequently Asked Questions
⇴ (hex), ⇴ (decimal), or \21F4 in CSS content. There is no named HTML entity. All three render ⇴.U+21F4 (RIGHTWARDS ARROW WITH SMALL CIRCLE). Supplemental Arrows-A block (U+21F0–U+21FF). Hex 21F4, decimal 8692.⇴, ⇴) go in markup. The CSS escape \21F4 is used in stylesheets, typically on ::before or ::after. Both render ⇴.⇴) or decimal (⇴) references instead.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, math operators, and more.
About the author
8 people found this page helpful