Right Arrow With Circled Plus

Shortcodes

Copy and paste codes for Right Arrow With Circled Plus symbol ⟴ to use in your websites, apps, blogs, and more.

Unicode
U+27F4
HTML Code
⟴
HEX Code
⟴
CSS Code
\27F4
JS/JSON
\u27F4
Unix/C/PHP/JAVA
0x27F4
URL-encode
%E2%9F%B4
copied

Customize Right Arrow With Circled Plus Symbol

Customize ⟴ symbol as you like and download Right Arrow With Circled Plus as SVG or PNG or copy its HTML code to use in your projects.

Preview helps customize symbol. Downloaded image and HTML code may have size/spacing differences.

                        
                    

How to add Right Arrow With Circled Plus symbol in HTML, CSS, and JS?

Insert ⟴ Right Arrow With Circled Plus using HTML

1. Copy-paste Right Arrow With Circled Plus directly:
<span>⟴</span>
2. HTML Decimal Code:
<span>&#10228;</span>
3. Hexadecimal Code:
<span>&#x27F4;</span>
Preview:

Add Right Arrow With Circled Plus symbol with CSS

.right-arrow-with-circled-plus::before {
    content: '\\27F4';
}
Preview: Right Arrow With Circled Plus

Right Arrow With Circled Plus JavaScript Code

1. Direct Symbol:
document.querySelector('.right-arrow-with-circled-plus').textContent = '⟴';
2. Unicode Escape for ⟴:
document.querySelector('.right-arrow-with-circled-plus').textContent = '\u27F4';
Preview: