Rightwards Arrow With Corner Downwards

Shortcodes

Copy and paste codes for Rightwards Arrow With Corner Downwards symbol ↴ to use in your websites, apps, blogs, and more.

Unicode
U+21B4
HTML Code
↴
HEX Code
↴
CSS Code
\21B4
JS/JSON
\u21B4
Unix/C/PHP/JAVA
0x21B4
URL-encode
%E2%86%B4
copied

Customize Rightwards Arrow With Corner Downwards Symbol

Customize ↴ symbol as you like and download Rightwards Arrow With Corner Downwards 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 Rightwards Arrow With Corner Downwards symbol in HTML, CSS, and JS?

Insert ↴ Rightwards Arrow With Corner Downwards using HTML

1. Copy-paste Rightwards Arrow With Corner Downwards directly:
<span>↴</span>
2. HTML Decimal Code:
<span>&#8628;</span>
3. Hexadecimal Code:
<span>&#x21B4;</span>
Preview:

Add Rightwards Arrow With Corner Downwards symbol with CSS

.rightwards-arrow-with-corner-downwards::before {
    content: '\\21B4';
}
Preview: Rightwards Arrow With Corner Downwards

Rightwards Arrow With Corner Downwards JavaScript Code

1. Direct Symbol:
document.querySelector('.rightwards-arrow-with-corner-downwards').textContent = '↴';
2. Unicode Escape for ↴:
document.querySelector('.rightwards-arrow-with-corner-downwards').textContent = '\u21B4';
Preview: