White Down-pointing Triangle

Shortcodes

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

Unicode
U+25BD
HTML Code
▽
HEX Code
▽
CSS Code
\25BD
JS/JSON
\u25BD
Unix/C/PHP/JAVA
0x25BD
URL-encode
%E2%96%BD
copied

Customize White Down-pointing Triangle Symbol

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

Insert ▽ White Down-pointing Triangle using HTML

1. Copy-paste White Down-pointing Triangle directly:
<span>▽</span>
2. HTML Decimal Code:
<span>&#9661;</span>
3. Hexadecimal Code:
<span>&#x25BD;</span>
Preview:

Add White Down-pointing Triangle symbol with CSS

.white-down-pointing-triangle::before {
    content: '\\25BD';
}
Preview: White Down-pointing Triangle

White Down-pointing Triangle JavaScript Code

1. Direct Symbol:
document.querySelector('.white-down-pointing-triangle').textContent = '▽';
2. Unicode Escape for ▽:
document.querySelector('.white-down-pointing-triangle').textContent = '\u25BD';
Preview: