Black Up-pointing Triangle

Shortcodes

Copy and paste codes for Black Up-pointing Triangle symbol ▲ to use in your websites, apps, blogs, and more.

Unicode
U+25B2
Alt Code
30
HTML Code
▲
HEX Code
▲
CSS Code
\25B2
JS/JSON
\u25B2
Unix/C/PHP/JAVA
0x25B2
URL-encode
%E2%96%B2
copied

Customize Black Up-pointing Triangle Symbol

Customize ▲ symbol as you like and download Black Up-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 Black Up-pointing Triangle symbol ▲ ?

Using Black Up-pointing Triangle Alt Code:

You can type the Black Up-pointing Triangle symbol ▲ using your keyboard by using the Alt Code for Black Up-pointing Triangle. Before you begin, ensure that your Num Lock is turned on, and use the Numpad to type the code. Then, follow these simple steps:

  1. Hold down the Alt key on your keyboard.
  2. Type the number 30 using the Numpad.
  3. Release the Alt key.

This will make the ▲ appear on your screen.

How to add Black Up-pointing Triangle symbol in HTML, CSS, and JS?

Insert ▲ Black Up-pointing Triangle using HTML

1. Copy-paste Black Up-pointing Triangle directly:
<span>▲</span>
2. HTML Decimal Code:
<span>&#9650;</span>
3. Hexadecimal Code:
<span>&#x25B2;</span>
Preview:

Add Black Up-pointing Triangle symbol with CSS

.black-up-pointing-triangle::before {
    content: '\\25B2';
}
Preview: Black Up-pointing Triangle

Black Up-pointing Triangle JavaScript Code

1. Direct Symbol:
document.querySelector('.black-up-pointing-triangle').textContent = '▲';
2. Unicode Escape for ▲:
document.querySelector('.black-up-pointing-triangle').textContent = '\u25B2';
Preview: