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 ▽ 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 type White Down-pointing Triangle symbol ▽ ?

  • You can try inserting White Down-pointing Triangle symbol using these system tools:
    • Mac Character Viewer (Control + Command + Space)
    • Windows Emoji/Symbol Picker (Win + .)
    • Windows Character Map (charmap.exe)
  • Note: These tools may not include all Unicode symbols
  • Copy and paste the ▽ symbol directly from this website.
  • Use provided codes for White Down-pointing Triangle symbol where they are supported.

How to add White Down-pointing Triangle symbol in HTML, CSS, and JS?

HTML Methods:

1. Direct Symbol:
<span>▽</span>
2. HTML Decimal Code:
<span>&#9661;</span>
3. Hexadecimal Code:
<span>&#x25BD;</span>
Preview:

CSS Method:

.symbol::before {
    content: '\\25BD';
}
Preview: Symbol

JavaScript Methods:

1. Direct Symbol:
document.querySelector('.symbol').textContent = '▽';
2. Unicode Escape:
document.querySelector('.symbol').textContent = '\u25BD';
Preview: