White Right-pointing Triangle

Shortcodes

Copy and paste codes for White Right-pointing Triangle symbol ▷ to use in your websites, apps, blogs, and more.

Unicode
U+25B7
HTML Code
▷
HEX Code
▷
CSS Code
\25B7
JS/JSON
\u25B7
Unix/C/PHP/JAVA
0x25B7
URL-encode
%E2%96%B7
copied

Customize White Right-pointing Triangle Symbol

Customize ▷ symbol as you like and download White Right-pointing Triangle 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 White Right-pointing Triangle symbol in HTML, CSS, and JS?

Insert ▷ White Right-pointing Triangle using HTML

1. Copy-paste White Right-pointing Triangle directly:
<span>▷</span>
2. HTML Decimal Code:
<span>&#9655;</span>
3. Hexadecimal Code:
<span>&#x25B7;</span>
Preview:

Add White Right-pointing Triangle symbol with CSS

.white-right-pointing-triangle::before {
    content: '\\25B7';
}
Preview: White Right-pointing Triangle

White Right-pointing Triangle JavaScript Code

1. Direct Symbol:
document.querySelector('.white-right-pointing-triangle').textContent = '▷';
2. Unicode Escape for ▷:
document.querySelector('.white-right-pointing-triangle').textContent = '\u25B7';
Preview: