HTML Arrow Entities

Beginner
⏱️ 12 min read
📚 Updated: May 2026
🎯 1 Code Example
Unicode arrows (e.g. U+2190)
HTML arrow entities reference: directional arrow symbols

What You'll Learn

HTML arrow entities are character references for arrow symbols: left (←), right (→), up (↑), down (↓), double-line, curved, and many specialized glyphs. You can write them as hexadecimal (←), decimal (←), or named entities (←) where the name exists.

Arrows cover the Arrows, Supplemental Arrows-A/B, and related Unicode blocks. Use the Quick Reference table below to copy the exact code for each symbol. For the full character set beyond arrows, browse the HTML entities index.

⚡ Quick Reference — HTML Arrow Entities

Filter by symbol, Unicode (e.g. U+2190), hex, decimal, or named entity. The table grows with the page (no inner scroll).

SymbolUnicodeHex codeHTML codeHTML entity
←U+2190←←←
↚U+219A↚↚↚
↜U+219C↜↜-
↞U+219E↞↞↞
↢U+21A2↢↢↢
↤U+21A4↤↤↤
↩U+21A9↩↩↩
↫U+21AB↫↫↫
↰U+21B0↰↰↰
↲U+21B2↲↲↲
↵U+21B5↵↵↵
↼U+21BC↼↼↼
↽U+21BD↽↽↽
⇇U+21C7⇇⇇⇇
⇍U+21CD⇍⇍⇍
⇐U+21D0⇐⇐⇐
⇚U+21DA⇚⇚⇚
⇜U+21DC⇜⇜-
⇠U+21E0⇠⇠-
⇤U+21E4⇤⇤⇤
⇦U+21E6⇦⇦-
⇷U+21F7⇷⇷-
⇺U+21FA⇺⇺-
⇽U+21FD⇽⇽⇽
⟵U+27F5⟵⟵⟵
⟸U+27F8⟸⟸⟸
⟻U+27FB⟻⟻-
⟽U+27FD⟽⟽-
⤂U+2902⤂⤂⤂
⤆U+2906⤆⤆-
⤌U+290C⤌⤌⤌
⤎U+290E⤎⤎⤎
⤙U+2919⤙⤙⤙
⤛U+291B⤛⤛⤛
⤝U+291D⤝⤝⤝
⤟U+291F⤟⤟⤟
⤶U+2936⤶⤶⤶
⥆U+2946⥆⥆-
⥒U+2952⥒⥒-
⥖U+2956⥖⥖-
⥚U+295A⥚⥚-
⥞U+295E⥞⥞-
⥢U+2962⥢⥢⥢
⥦U+2966⥦⥦⥦
⥧U+2967⥧⥧⥧
⥪U+296A⥪⥪⥪
⥫U+296B⥫⥫⥫
⥳U+2973⥳⥳⥳
⥶U+2976⥶⥶⥶
⥷U+2977⥷⥷-
⥺U+297A⥺⥺-
⥻U+297B⥻⥻⥻
⥼U+297C⥼⥼⥼
↑U+2191↑↑↑
↟U+219F↟↟↟
↥U+21A5↥↥↥
↾U+21BE↾↾↾
↿U+21BF↿↿↿
⇈U+21C8⇈⇈⇈
⇑U+21D1⇑⇑⇑
⇞U+21DE⇞⇞-
⇡U+21E1⇡⇡-
⇧U+21E7⇧⇧-
⇪U+21EA⇪⇪-
⇫U+21EB⇫⇫-
⇬U+21EC⇬⇬-
⇭U+21ED⇭⇭-
⇮U+21EE⇮⇮-
⇯U+21EF⇯⇯-
⟰U+27F0⟰⟰-
⤉U+2909⤉⤉-
⤊U+290A⤊⤊-
⤒U+2912⤒⤒-
⤴U+2934⤴⤴-
⥉U+2949⥉⥉⥉
⥔U+2954⥔⥔-
⥘U+2958⥘⥘-
⥜U+295C⥜⥜-
⥠U+2960⥠⥠-
⥣U+2963⥣⥣⥣
⥾U+297E⥾⥾⥾
⇾U+21FE⇾⇾⇾
⟴U+27F4⟴⟴-
⟶U+27F6⟶⟶⟶
⟹U+27F9⟹⟹⟹
⟼U+27FC⟼⟼⟼
⟾U+27FE⟾⟾-
⟿U+27FF⟿⟿⟿
⤀U+2900⤀⤀-
⤁U+2901⤁⤁-
⤃U+2903⤃⤃⤃
⤅U+2905⤅⤅⤅
⤇U+2907⤇⤇-
⤍U+290D⤍⤍⤍
⤏U+290F⤏⤏⤏
⤐U+2910⤐⤐⤐
⤑U+2911⤑⤑⤑
⤔U+2914⤔⤔-
⤕U+2915⤕⤕-
⤖U+2916⤖⤖⤖
⤗U+2917⤗⤗-
⤘U+2918⤘⤘-
⤚U+291A⤚⤚⤚
⤜U+291C⤜⤜⤜
⤞U+291E⤞⤞⤞
⤠U+2920⤠⤠⤠
→U+2192→→→
↛U+219B↛↛↛
↝U+219D↝↝↝
↠U+21A0↠↠↠
↣U+21A3↣↣↣
↦U+21A6↦↦-
⤳U+2933⤳⤳⤳
↪U+21AA↪↪↪
↬U+21AC↬↬↬
↱U+21B1↱↱↱
↳U+21B3↳↳↳
⇀U+21C0⇀⇀⇀
⇁U+21C1⇁⇁⇁
⇉U+21C9⇉⇉⇉
⇏U+21CF⇏⇏⇏
⇒U+21D2⇒⇒⇒
⇛U+21DB⇛⇛⇛
⇝U+21DD⇝⇝⇝
⇢U+21E2⇢⇢-
⇥U+21E5⇥⇥⇥
⇨U+21E8⇨⇨-
⇰U+21F0⇰⇰-
⇴U+21F4⇴⇴-
⇶U+21F6⇶⇶-
⇸U+21F8⇸⇸-
⇻U+21FB⇻⇻-
⤷U+2937⤷⤷⤷
⥅U+2945⥅⥅⥅
⥇U+2947⥇⥇-
⥓U+2953⥓⥓-
⥗U+2957⥗⥗-
⥛U+295B⥛⥛-
⥟U+295F⥟⥟-
⥤U+2964⥤⥤⥤
⥬U+296C⥬⥬⥬
⥭U+296D⥭⥭⥭
⥰U+2970⥰⥰-
⥱U+2971⥱⥱⥱
⥲U+2972⥲⥲⥲
⥴U+2974⥴⥴⥴
⥵U+2975⥵⥵⥵
⥸U+2978⥸⥸⥸
⥹U+2979⥹⥹⥹
⥽U+297D⥽⥽⥽
➔U+2794➔➔-
➙U+2799➙➙-
➛U+279B➛➛-
➜U+279C➜➜-
➝U+279D➝➝-
➞U+279E➞➞-
➟U+279F➟➟-
➠U+27A0➠➠-
➡U+27A1➡➡-
➢U+27A2➢➢-
➣U+27A3➣➣-
➤U+27A4➤➤-
➥U+27A5➥➥-
➦U+27A6➦➦-
➧U+27A7➧➧-
➨U+27A8➨➨-
➩U+27A9➩➩-
➪U+27AA➪➪-
➫U+27AB➫➫-
➬U+27AC➬➬-
➭U+27AD➭➭-
➮U+27AE➮➮-
➯U+27AF➯➯-
➱U+27B1➱➱-
➲U+27B2➲➲-
➳U+27B3➳➳-
➵U+27B5➵➵-
➸U+27B8➸➸-
➺U+27BA➺➺-
➻U+27BB➻➻-
➼U+27BC➼➼-
➽U+27BD➽➽-
➾U+27BE➾➾-
↓U+2193↓↓↓
↡U+21A1↡↡↡
↧U+21A7↧↧-
↯U+21AF↯↯-
↴U+21B4↴↴-
⇂U+21C2⇂⇂⇂
⇃U+21C3⇃⇃⇃
⇊U+21CA⇊⇊⇊
⇓U+21D3⇓⇓⇓
⇟U+21DF⇟⇟-
⇣U+21E3⇣⇣-
⇩U+21E9⇩⇩-
⥥U+2965⥥⥥⥥
⟱U+27F1⟱⟱-
⤈U+2908⤈⤈-
⤋U+290B⤋⤋-
⤓U+2913⤓⤓-
⤵U+2935⤵⤵⤵
⥕U+2955⥕⥕-
⥙U+2959⥙⥙-
⥝U+295D⥝⥝-
⥡U+2961⥡⥡-
⥿U+297F⥿⥿⥿
↔U+2194↔↔↔
↭U+21AD↭↭↭
↮U+21AE↮↮↮
⇎U+21CE⇎⇎⇎
⇔U+21D4⇔⇔⇔
⇹U+21F9⇹⇹-
⇼U+21FC⇼⇼-
⇿U+21FF⇿⇿⇿
⟷U+27F7⟷⟷⟷
⟺U+27FA⟺⟺⟺
⤄U+2904⤄⤄⤄
⥈U+2948⥈⥈⥈
⥊U+294A⥊⥊⥊
⥋U+294B⥋⥋⥋
⥎U+294E⥎⥎-
⥐U+2950⥐⥐-
↕U+2195↕↕↕
⇕U+21D5⇕⇕⇕
⇳U+21F3⇳⇳-
↨U+21A8↨↨-
⥌U+294C⥌⥌-
⥍U+294D⥍⥍-
⥏U+294F⥏⥏-
⥑U+2951⥑⥑-
↖U+2196↖↖↖
↸U+21B8↸↸-
⇖U+21D6⇖⇖⇖
⇱U+21F1⇱⇱-
⤣U+2923⤣⤣⤣
↗U+2197↗↗↗
⇗U+21D7⇗⇗⇗
⤤U+2924⤤⤤⤤
➚U+279A➚➚-
➶U+27B6➶➶-
➹U+27B9➹➹-
↘U+2198↘↘↘
⇘U+21D8⇘⇘⇘
⇲U+21F2⇲⇲-
⤥U+2925⤥⤥⤥
➘U+2798➘➘-
➴U+27B4➴➴-
➷U+27B7➷➷-
↙U+2199↙↙↙
⇙U+21D9⇙⇙⇙
⤦U+2926⤦⤦⤦
↹U+21B9↹↹-
⇄U+21C4⇄⇄⇄
⇆U+21C6⇆⇆⇆
⇋U+21CB⇋⇋⇋
⇌U+21CC⇌⇌⇌
⥂U+2942⥂⥂-
⥃U+2943⥃⥃-
⥄U+2944⥄⥄-
⥨U+2968⥨⥨⥨
⥩U+2969⥩⥩⥩
⇅U+21C5⇅⇅⇅
⇵U+21F5⇵⇵⇵
⥮U+296E⥮⥮⥮
⥯U+296F⥯⥯⥯
⤧U+2927⤧⤧⤧
⤨U+2928⤨⤨⤨
⤩U+2929⤩⤩⤩
⤪U+292A⤪⤪⤪
⤫U+292B⤫⤫-
⤬U+292C⤬⤬-
⤭U+292D⤭⤭-
⤮U+292E⤮⤮-
⤯U+292F⤯⤯-
⤰U+2930⤰⤰-
⤱U+2931⤱⤱-
⤲U+2932⤲⤲-
⤡U+2921⤡⤡-
⤢U+2922⤢⤢-
↶U+21B6↶↶↶
↺U+21BA↺↺↺
⟲U+27F2⟲⟲-
⤹U+2939⤹⤹⤹
⤺U+293A⤺⤺-
⤻U+293B⤻⤻-
⤽U+293D⤽⤽⤽
⤿U+293F⤿⤿-
⥀U+2940⥀⥀-
↷U+21B7↷↷↷
↻U+21BB↻↻↻
⟳U+27F3⟳⟳-
⤸U+2938⤸⤸⤸
⤼U+293C⤼⤼⤼
⤾U+293E⤾⤾-
⥁U+2941⥁⥁-
1

Complete HTML Example

Named entities for common directions, plus a CSS content escape on a pseudo-element:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #arrow-css::after {
   content: "\2192";
  }
 </style>
</head>
<body>

<p>Left: &larr; Right: &rarr; Up: &uarr; Down: &darr;</p>
<p>Using hex: &#x2190; &#x2192; &#x2191; &#x2193;</p>
<p id="arrow-css">Via CSS escape: </p>

</body>
</html>
Try It Yourself

🌐 Browser Support

Standard arrow characters and numeric entities are supported in all modern browsers:

Chrome 1+
Firefox 1+
Safari 1+
Edge 12+
Opera 4+
Android 4.4+
iOS Safari 1+

👀 Live Preview

Common arrows rendered inline and at display size:

Navigation ← Back · Next → · ↑ Top
Double-line ⇐ ⇒ ⇔ ⇑ ⇓
Large glyphs ← → ↑ ↓
Monospace A --> B --> C
Flow hint Start → Process → End

🧠 How It Works

1

Named entities

When a name exists (for example &larr;, &rarr;), it is the most readable form in hand-written HTML.

HTML markup
2

Hexadecimal and decimal

Every arrow has a Unicode scalar value. Use &#xNNNN; or &#DDDDD; from the table when there is no named entity.

HTML markup
3

CSS content

In stylesheets, use a backslash escape such as \2190 inside content on ::before or ::after.

CSS stylesheet
=

Same visual result

All valid references for one code point render the same arrow; pick one style per project for consistency.

✅

Use Cases

HTML arrow entities are commonly used for:

📄 Navigation

Back, forward, breadcrumbs, and directional links (← Previous, Next →).

📡 Buttons and UI

Undo, redo, refresh, expand, and control affordances without icon fonts.

📈 Diagrams

Flowcharts, architecture sketches, and process direction in plain HTML text.

📐 Mathematics

Mappings, limits, and logic (⇒, ⇐, ↔) beside equations.

🌐 International content

Direction cues that work across languages when paired with visible labels.

♿ Accessibility

Combine arrows with text or aria-label so assistive tech conveys the action.

💡 Best Practices

Do

  • Prefer named entities when the table lists them
  • Stick to one reference style (named vs numeric) per file
  • Verify the font you use includes uncommon arrows
  • Pair icon-only controls with visible text or ARIA
  • Use the table to copy exact codes and avoid typos

Don’t

  • Mix random entity styles in the same component
  • Rely on arrows alone for critical safety messaging
  • Paste CSS escapes (\2190) into HTML text nodes
  • Assume every OS font draws supplemental arrows identically
  • Forget to test RTL layouts if you mix arrows with bilingual UI

Key Takeaways

1

Three ways in HTML: hex, decimal, and named (when available)

&#x2190; &#8592; &larr;
2

In CSS pseudo-elements, use \ plus the hex code in content

\2192
3

The Quick Reference table lists every row with symbol, Unicode, and references

4

A dash in the entity column means use numeric references only

5

Explore the full entity index for non-arrow symbols

❓ Frequently Asked Questions

Use &#x2190; (hex), &#8592; (decimal), or &larr; and similar names when they exist. The Quick Reference table lists every option.
&larr; (←), &rarr; (→), &uarr; (↑), &darr; (↓), &harr; (↔), double-line &lArr;, &rArr;, and many more in the table.
For navigation, controls, diagrams, math notation, and any inline direction where vector icons are not required.
HTML references live in the document. CSS uses escapes such as \2190 in the content property. Same glyph, different syntax.
No. Where the table shows “-”, use hex or decimal numeric character references.

Explore More HTML Entities!

Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, and more.

All HTML Entities →

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

Approximately Equal To or the Image Of (≒) Arrow Pointing Downwards Then Curving Leftward (⤶)