UTF-8 is a variable-length character encoding standard used for electronic communication. It’s capable of encoding all 1,112,064 valid Unicode code points using one to four one-byte (8-bit) code units. You can include UTF-8 characters in your CSS rules by using their Unicode code points. For example to display an arrow:
<div class="demo-content">Demo Content</div>
.demo-content {
position: relative;
background-color: #000;
color: #fff;
padding: 10px 20px;
border-radius: 6px;
}
.demo-content::after {
position: absolute;
font-size: 2em;
color: #000;
content: "▾";
text-align: center;
top: 23px;
left: 20px;
}
| Char | Dec | Hex |
|---|---|---|
| ▲ | 9650 | 25B2 |
| △ | 9651 | 25B3 |
| ▴ | 9652 | 25B4 |
| ▵ | 9653 | 25B5 |
| ▶ | 9654 | 25B6 |
| ▷ | 9655 | 25B7 |
| ▸ | 9656 | 25B8 |
| ▹ | 9657 | 25B9 |
| ► | 9658 | 25BA |
| ▻ | 9659 | 25BB |
| ▼ | 9660 | 25BC |
| ▽ | 9661 | 25BD |
| ▾ | 9662 | 25BE |
| ▿ | 9663 | 25BF |
| ◀ | 9664 | 25C0 |
| ◁ | 9665 | 25C1 |
| ◂ | 9666 | 25C2 |
| ◃ | 9667 | 25C3 |
| ◄ | 9668 | 25C4 |
| ◅ | 9669 | 25C5 |
| ◢ | 9698 | 25E2 |
| ◣ | 9699 | 25E3 |
| ◤ | 9700 | 25E4 |
| ◥ | 9701 | 25E5 |
| ◸ | 9720 | 25F8 |
| ◹ | 9721 | 25F9 |
| ◺ | 9722 | 25FA |
| ◿ | 9727 | 25FF |
| 🞀 | 128896 | 1F780 |
| 🞁 | 128897 | 1F781 |
| 🞂 | 128898 | 1F782 |
| 🞃 | 128899 | 1F783 |