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 ▲ 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 Alt code 30 using the Numpad.
  3. Release the Alt key.

This will make the ▲ appear on your screen.

Alternative Methods:

  • You can try inserting Black Up-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 Black Up-pointing Triangle symbol where they are supported.

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

HTML Methods:

1. Direct Symbol:
<span>▲</span>
2. HTML Decimal Code:
<span>&#9650;</span>
3. Hexadecimal Code:
<span>&#x25B2;</span>
Preview:

CSS Method:

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

JavaScript Methods:

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