HTML Entity for Right Arrow With Circled Plus (⟴)

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

What Is Right Arrow With Circled Plus?

Right arrow with circled plus (⟴) is Unicode U+27F4 in Supplemental Arrows-A. Official name: RIGHTWARDS ARROW WITH CIRCLED PLUS — a rightwards arrow combined with a circled plus. HTML5 has no named entity for it.

Remember
Character     ⟴
Unicode       U+27F4
Hex entity    ⟴
Decimal       ⟴
CSS escape    \27F4
Named entity  (none)
Not the same  → U+2192 · ⥅ U+2945 · ⊕ U+2295

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\27F4Stylesheet content
Named entity—Not defined in HTML5

When to Use Which

SituationUse
Need an entity in HTML source⟴ or ⟴
Rightwards arrow with circled plus⟴ → ⟴
Plain right arrow→ (U+2192) / →
Right arrow with plus below⥅ (U+2945) / ⥅
Circled plus alone⊕ (U+2295) / ⊕
Generated text via ::before / ::aftercontent: "\27F4"
Looking for a named entityDoes not exist — use numeric form

Live Preview

This arrow in common study contexts.

Inline A ⟴ B
Large glyph ⟴
UI / add cue Add ⟴
vs. related symbols ⟴ circled-plus arrow · → 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 With Circled Plus (⟴) in HTML</title>
  <style>
    #point::after {
      content: "\27F4";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x27F4;</p>
  <p>Using HTML Code: &#10228;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: ⟴</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+27F4 → &#x27F4; in HTML. The browser turns it into ⟴.

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

3. CSS: use \27F4 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 this arrow (⟴).

Named?

No named entity

HTML5 does not define a named entity for ⟴. Use &#x27F4; or &#10228;.

→

Not a plain right arrow

&rarr; (→) has no circled plus. Use U+27F4 only when you need that combined glyph.

⥅

Not plus-below

&rarrpl; (⥅) places a plus under the arrow. ⟴ uses a circled plus — different characters.

CSS vs HTML

Do not mix escapes

\27F4 belongs in CSS. &#x27F4; / &#10228; 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 &#10228;, not &#10228.

Browser Support

Right arrow with circled plus (U+27F4) and its numeric entity forms (&#x27F4;, &#10228;, CSS \\27F4) are supported in all modern browsers with Supplemental Arrows-A font coverage.

✓ Universal encoding

Right Arrow With Circled Plus (&#x27F4;)

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

Bottom line: Prefer &#x27F4; or &#10228; in HTML. Use \\27F4 only inside CSS content.

Key Takeaways

  • Unicode: this character is U+27F4 (decimal 10228).
  • HTML: use &#x27F4; or &#10228; — there is no named entity.
  • CSS: use \27F4 inside content for generated text.
  • Watch out: ⟴ ≠ → (&rarr;) ≠ ⥅ (&rarrpl;).

One line: U+27F4 → &#x27F4; / &#10228; / CSS \27F4 (no named entity).

Frequently Asked Questions

Use &#x27F4; (hex), &#10228; (decimal), type ⟴ in UTF-8, or the CSS escape \27F4 in content. There is no HTML5 named entity for U+27F4.
U+27F4 (hex 27F4, decimal 10228). Unicode names it RIGHTWARDS ARROW WITH CIRCLED PLUS. It belongs to Supplemental Arrows-A.
No. HTML5 does not define a named entity for this character. Use numeric references like &#10228; or &#x27F4; when you need an entity form.
⟴ (U+27F4) is a rightwards arrow with a circled plus. → (U+2192, &rarr;) is a plain right arrow. ⥅ (U+2945, &rarrpl;) is a rightwards arrow with plus below — a different Supplemental Arrows-B character.
HTML entities (&#10228; or &#x27F4;) go in markup. The CSS escape \27F4 goes in stylesheet strings (usually content on ::before/::after).
Use it for add/expand UI cues and diagrams that need a rightwards arrow with a circled plus. Prefer a plain right arrow or &rarrpl; when those better match your meaning.

Did you know?

Right arrow with circled plus is Unicode U+27F4 (decimal 10228) in Supplemental Arrows-A — official name RIGHTWARDS ARROW WITH CIRCLED PLUS. HTML5 has no named entity for it — use &#x27F4; or &#10228;. It is not the same as a plain right arrow (U+2192 →) or right arrow plus below (U+2945 ⥅, &rarrpl;).

Next: Right Arrow With Corner Down

Learn the HTML entity for rightwards arrow with corner downwards — 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