Unicode arrows heads:
- ▲ - U+25B2 BLACK UP-POINTING TRIANGLE
- ▼ - U+25BC BLACK DOWN-POINTING TRIANGLE
- ▴ - U+25B4 SMALL BLACK UP-POINTING TRIANGLE
- ▾ - U+25BE SMALL BLACK DOWN-POINTING TRIANGLE
For ▲ and ▼ use ▲ and ▼ respectively if you cannot include Unicode characters directly (use UTF-8!).
Note that the font support for the smaller versions is not as good. Better to use the large versions in smaller font.
More Unicode arrows are at:
- http://en.wikipedia.org/wiki/Arrow_%28symbol%29#Arrows_in_Unicode
- http://en.wikipedia.org/wiki/Geometric_Shapes
Lastly, these arrows are not ASCII, including ↑ and ↓: they are Unicode.
Answer from bobince on Stack OverflowW3Schools
w3schools.com › charsets › ref_utf_arrows.asp
HTML Unicode Arrows
Entities Latin Entities Greek Entities A Entities B Entities C Entities D Entities E Entities F Entities G Entities H Entities I Entities J Entities K Entities L Entities M Entities N Entities O Entities P Entities Q Entities R Entities S Entities T Entities U Entities V Entities W Entities X Entities Y Entities Z HTML4 ... <p>I will display ←</p> <p>I will display ←</p> <p>I will display ←</p> Try it Yourself » · Some of the arrows above, also has an HTML entity code:
Htmlsymbol
htmlsymbol.com › unicode-code › 2b07.html
Downwards Black Arrow(U+02B07) - HTML Symbol Codes
Home / Unicode Code / Downwards Black Arrow · ⬇ · Copyright © 2014 - 2026 HTML Symbol Codes. All Rights Reserved.
Videos
01:16
How to Add a Down Arrow Symbol to Your Website Button Using HTML ...
Arrow Down Animation | HTML & CSS
09:47
CSS Arrow Shapes - DRY Code Practices with CSS Variables - YouTube
Custom Dropdown Arrow In HTML CSS - YouTube
Create a Stunning Animated Scroll Down Arrow with HTML and CSS ...
06:16
Design Dropdown Menu with Arrow using HTML & CSS - YouTube
W3Schools
w3schools.com › icons › fontawesome5_icons_arrows.asp
Font Awesome 5 Arrow Icons
Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more.
Fiverr
blog.fiverr.com › post › html-arrows-what-they-are-and-how-to-use-them
HTML Arrows: What They Are and How to Use Them | Fiverr Blog
Here's a step-by-step guide on how to draw arrows in HTML. Choose which type of arrow character you'd like to create. For this beginner's guide, we'll use basic characters that indicate the four primary directions: right arrow, left arrow, up arrow, and down arrow.
Toptal
toptal.com › designers › htmlarrows › arrows
HTML Arrow Symbols, Entities and Codes — Toptal Designers
Easily find HTML arrow symbols, entities, characters and codes with ASCII, HEX, CSS and Unicode values; including right arrow, left arrow, up and down arrows.
Iconrepo
iconrepo.com › vectors › down-arrow-in-html
Down Arrow In Html Icons and Symbols - ICON Repo
Download 4,637,000+ Icons and Symbols, free for commercial use. Choose from mono or multi color vectors.
Wikipedia
en.wikipedia.org › wiki › Arrow_(symbol)
Arrow (symbol) - Wikipedia
March 5, 2026 - Upward arrows are often used to indicate an increase in a numerical value, and downward arrows indicate a decrease.
Top answer 1 of 16
1796
Unicode arrows heads:
- ▲ - U+25B2 BLACK UP-POINTING TRIANGLE
- ▼ - U+25BC BLACK DOWN-POINTING TRIANGLE
- ▴ - U+25B4 SMALL BLACK UP-POINTING TRIANGLE
- ▾ - U+25BE SMALL BLACK DOWN-POINTING TRIANGLE
For ▲ and ▼ use ▲ and ▼ respectively if you cannot include Unicode characters directly (use UTF-8!).
Note that the font support for the smaller versions is not as good. Better to use the large versions in smaller font.
More Unicode arrows are at:
- http://en.wikipedia.org/wiki/Arrow_%28symbol%29#Arrows_in_Unicode
- http://en.wikipedia.org/wiki/Geometric_Shapes
Lastly, these arrows are not ASCII, including ↑ and ↓: they are Unicode.
2 of 16
721
For HTML Entities
◄ = ◄
► = ►
▼ = ▼
▲ = ▲
DhiWise
dhiwise.com › post › the-ultimate-guide-to-using-html-arrows-for-website-navigation
The Ultimate Guide to Using HTML Arrows for Website ...
August 5, 2024 - For instance, a right arrow might be used to guide a user to the next page or section of a website. ... The up arrow (↑) and down arrow (↓) are used to represent vertical movement or direction.
W3Schools
w3schools.com › howto › howto_js_accordion.asp
How To Create an Accordion
Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more.
Toptal
toptal.com › designers › htmlarrows › arrows › down-dashed-arrow
Down Dashed Arrow HTML Symbol, Character and Entity Codes — HTML Arrows
HTML symbol, character and entity codes, ASCII, CSS and HEX values for Down Dashed Arrow, plus a panoply of others.
i2symbol
i2symbol.com › home › symbols › arrows
Arrow Symbols (Copy and Paste) ← ↑ → ↓ – Unicode Arrows & Arrow Emojis
Up arrows are typically used to show upward direction, scrolling to the top, increases, or moving to a higher level. ... Down arrows are commonly used for dropdown indicators, downward movement, downloads, or moving to a lower section.
Arrow Symbol
arrowsymbol.com
Arrow Symbols ↗ Easy Copy Paste
This symbol is largely used in mathematical notation, road surface markings, as well as on signage, advertising billboards, weather maps, and wayfinding. Upwards pointing arrows show an increase in a numerical value, and downwards pointing arrows show a decrease.
Apple Developer
developer.apple.com › design › human-interface-guidelines
Human Interface Guidelines | Apple Developer Documentation
The HIG contains guidance and best practices that can help you design a great experience for any Apple platform.
Tutorial Jinni
tutorialjinni.com › html-up-down-arrow-code.html
HTML Up Down Arrow Code | HTML Arrows Symbols Code | Tutorial Jinni
Up Down Arrow and all HTML Arrows Symbols Code
Cloford
cloford.com › resources › charcodes › utf-8_arrows.htm
UTF-8 Arrows
Spacing Modifier Letters · Combining Diacritical Marks
EasyRetro
easyretro.io › html-symbols › arrows › down-arrow
Down arrow Reference - HTML Symbols
HTML Symbols > arrows > down arrow · Check and copy alternative codes for the down arrow symbol · ↓ · Copy // Example for HTML <span> ↓ </span> Copy /* Example for CSS */ span::before { content: "\2193"; } ↔ left right arrow · ↕ up down arrow ·
EasyRetro
easyretro.io › html-symbols › arrows
HTML Symbols reference for arrows
Take a look at 295+ Arrows symbols in our free reference
AmpWhat
amp-what.com › unicode › search › down arrow
“down arrow” Unicode Characters, Symbols & Entities Search | AmpWhat
↓Alt+25\002193↓↓"\u2193"U+2193↓↓downwards arrowdown arrow↓html entities↓↓down-pointing arrowarrows
Graphemica
graphemica.com › ⌄
⌄ • down arrowhead (U+2304) @ Graphemica
It is the direct inverted counterpart to `⌃ UP ARROWHEAD` (U+2303) and provides a space-efficient alternative to full arrow glyphs, offering a universally understood signal for downward motion or expansion. ... C, JavaScript, JSON, Java · CSS · HTML (Decimal) ·