What is HTML Icon Code?
Learn via video course
FREE
JavaScript Course With Certification: Unlocking the Power of JavaScript
by Mrinal Bhattacharya
1000
4.8
What is HTML icon code?
When we want to display any character symbol on our HTML page, we can use Unicode, entity name, entity number, or hexadecimal code (hex code) because many currency symbols, mathematical symbols, punctuation symbols, arrow symbols, and number symbols cannot be used directly in HTML as all symbols are not available on the keyboard. To display an icon in HTML web pages, we use Html icon codes which could be the icon's entity name, entity number, or hexadecimal code.
These Html icon codes are reserved.
Note:
- Some HTML5 entities in the tables above may not be supported by older browsers.
- Chrome and Opera provide excellent support, whereas Internet Explorer 11 and Firefox 35+ support all entities.
Currency Symbols Supported by HTML
We can use the HTML entity mentioned in the table below to display any of these currency symbols in HTML. We can also use hexadecimal code(hex code) reference if the character does not have an HTML entity.
| CURRENCY SYMBOL | UNICODE | HEX CODE | HTML CODE | HTML ENTITY | CSS CODE | DESCRIPTION |
|---|---|---|---|---|---|---|
| ₿ | U+20BF | ₿ | \20BF | Bitcoin Sign | ||
| ¥ | U+000A5 | ¥ | ¥ | ¥ | \00A5 | Yen Sign |
| $ | U+00024 | $ | $ | $ | \0024 | Dollar Sign |
| € | U+020AC | € | € | € | \20AC | Euro Sign |
| £ | U+000A3 | £ | £ | £ | \00A3 | Pound Sign |
| ¢ | U+000A2 | ¢ | ¢ | ¢ | \00A2 | Cent Sign |
| ₹ | U+020B9 | ₹ | ₹ | \20B9 | Indian Rupee Sign | |
| ₽ | U+020BD | ₽ | ₽ | \20BD | Ruble Sign |
Mathematical Symbols Supported by HTML
We can use the HTML entity mentioned in the table below to display any of these mathematical symbols in HTML. We can also use a hexadecimal code(hex code) reference if the character does not have an HTML entity.
| MATHEMATICAL SYMBOL | UNICODE | HEX CODE | HTML CODE | HTML ENTITY | CSS CODE | DESCRIPTION |
|---|---|---|---|---|---|---|
| + | U+0002B | + | + | + | \002B | Plus Sign |
| − | U+02212 | − | − | − | \2212 | Minus Sign |
| × | U+000D7 | × | × | × | \00D7 | Multiplication Sign |
| ∗ | U+02217 | ∗ | ∗ | ∗ | \2217 | Asterisk Operator |
| ÷ | U+000F7 | ÷ | ÷ | ÷ | \00F7 | Divison Sign |
| ∕ | U+02215 | ∕ | ∕ | \2215 | Divison Slash | |
| = | U+0003D | = | = | = | \003D | Equal Sign |
| ≠ | U+02260 | ≠ | ≠ | ≠ | \2260 | Not Equal to Sign |
| ± | U+000B1 | ± | ± | ± | \00B1 | Plus or Minus Sign |
| ∓ | U+02213 | ∓ | ∓ | ∓ | \2213 | Minus or Plus Sign |
| < | U+0003C | < | < | < | \003C | Less Than Sign |
| > | U+0003E | > | > | > | \003E | Greate Than Sign |
| ⋜ | U+022DC | ⋜ | ⋜ | \22DC | Less Than or Equal to Sign | |
| ⋝ | U+022DD | ⋝ | ⋝ | \22DD | Greater Than or Equal to Sign | |
| ƒ | U+00192 | ƒ | ƒ | ƒ | \0192 | Function Sign |
| ° | U+000B0 | ° | ° | ° | \00B0 | Degree Sign |
| % | U+00025 | % | % | % | \0025 | Percent Sign |
| ∁ | U+02201 | ∁ | ∁ | ∁ | \2201 | Complement |
| ∀ | U+02200 | ∀ | ∀ | ∀ | \2200 | For All |
| ∂ | U+02202 | ∂ | ∂ | ∂ | \2202 | Partial Differential |
| ∃ | U+02203 | ∃ | ∃ | ∃ | \2203 | There Exists |
| ∄ | U+02204 | ∄ | ∄ | ∄ | \2204 | There Does Not Exists |
| ∑ | U+02211 | ∑ | ∑ | ∑ | \2211 | N-Ary Summation |
| √ | U+0221A | √ | √ | √ | \221A | Square Root |
| ∛ | U+0221B | ∛ | ∛ | \221B | Cube Root | |
| ∜ | U+0221C | ∜ | ∜ | \221C | Fourth Root | |
| ∝ | U+0221D | ∝ | ∝ | ∝ | \221D | Proportional To |
| ∞ | U+0221E | ∞ | ∞ | ∞ | \221E | Infinity |
| ∟ | U+0221F | ∟ | ∟ | ∟ | \221F | Right Angle |
| ∠ | U+02220 | ∠ | ∠ | ∠ | \2220 | Angle |
| ∧ | U+02227 | ∧ | ∧ | ∧ | \2227 | Logical AND |
| ∨ | U+02228 | ∨ | ∨ | ∨ | \2228 | Logical OR |
| ∩ | U+02229 | ∩ | ∩ | ∩ | \2229 | Intersection |
| ∪ | U+0222A | ∪ | ∪ | ∪ | \222A | Union |
| ∫ | U+0222B | ∫ | ∫ | ∫ | \222B | Integral |
| ∼ | U+0223C | ∼ | ∼ | ∼ | \223C | Tilde Operator |
| ∽ | U+0223D | ∽ | ∽ | ∽ | \223D | Reversed Tilde |
| ⊂ | U+02282 | ⊂ | ⊂ | ⊂ | \2282 | Subset of |
| ⊃ | U+02283 | ⊃ | ⊃ | ⊃ | \2283 | Superset of |
Punctuation Symbols Supported by HTML
We can use the HTML entity mentioned in the table below to display any punctuation symbols in HTML. We can also use a hexadecimal code(hex code) reference if the character does not have an HTML entity.
| PUNCTUATION SYMBOL | UNICODE | HEX CODE | HTML CODE | HTML ENTITY | CSS CODE | DESCRIPTION |
|---|---|---|---|---|---|---|
| © | U+000A9 | © | © | © | \00A9 | Copyright Sign |
| ® | U+000AE | ® | ® | ® | \00AE | Registered Trade Mark |
| ™ | U+02122 | ™ | ™ | ™ | \2122 | Trade Mark Sign |
| # | U+00023 | # | # | # | \0023 | Number Sign |
| @ | U+00040 | @ | @ | @ | \0040 | At Symbol |
| & | U+00026 | & | & | & | \0026 | Ampersand |
| ? | U+0003F | ? | ? | ? | \003F | Question Mark |
| ¿ | U+000BF | ¿ | ¿ | ¿ | \00BF | Inverted Question Mark |
| ! | U+00021 | ! | ! | ! | \0021 | Exclamation Mark |
| ¡ | U+000A1 | ¡ | ¡ | ¡ | \00A1 | Inverted Exclamation Mark |
| ‘ | U+02018 | ‘ | ‘ | ‘ | \2018 | Left Single Quotation Mark |
| ’ | U+02019 | ’ | ’ | ’ | \2019 | Right Single Quotation Mark |
| " | U+00022 | " | " | " | \0022 | Quotation Mark |
| “ | U+0201C | “ | “ | “ | \201C | Left Quotation Mark |
| ” | U+0201D | ” | ” | ” | \201D | Right Quotation Mark |
| , | U+0002C | , | , | , | \002C | Comma |
| : | U+0003A | : | : | : | \003A | Colon |
| ; | U+0003B | ; | ; | ; | \003B | Semi Colon |
| ( | U+00028 | ( | ( | ( | \0028 | Left Parenthesis |
| ) | U+00029 | ) | ) | ) | \0029 | Right Parenthesis |
| [ | U+0005B | [ | [ | [ | \005B | Left Bracket |
| ] | U+0005D | ] | ] | ] | \005D | Right Bracket |
| { | U+0007B | { | { | { | \007B | Left Brace |
| } | U+0007D | } | } | } | \007D | Right Brace |
| _ | U+0005F | _ | _ | _ | \005F | Underscore |
| ‐ | U+02010 | ‐ | ‐ | ‐ | \2010 | Hyphen |
| ‑ | U+02011 | ‑ | ‑ | \2011 | Non-Breaking Hyphen | |
| ‒ | U+02012 | ‒ | ‒ | Figure dash | ||
| – | U+02013 | – | – | – | \2013 | En Dash |
| — | U+02014 | — | — | — | \2014 | Em dash |
| ― | U+02015 | ― | ― | ― | \2015 | Horizontal Bar |
| ¯ | U+000AF | ¯ | ¯ | ¯ | \00AF | Spacing Macron |
| ` | U+00060 | ` | ` | ` | \0060 | Grave Accent |
| | | U+0007C | | | | | | | \007C | Vertical Bar |
| ¦ | U+000A6 | ¦ | ¦ | ¦ | \00A6 | Broken Vertical Bar |
| µ | U+000B5 | µ | µ | µ | \00B5 | Micro Sign |
| ¶ | U+000B6 | ¶ | ¶ | ¶ | \00B6 | Paragraph Sign |
Arrow Symbols Supported by HTML
We can use the HTML entity mentioned in the table below to display any of these arrow symbols in HTML. We can also use a hexadecimal code(hex code) reference if the character does not have an HTML entity.
| ARROW SYMBOL | UNICODE | HEX CODE | HTML CODE | HTML ENTITY | CSS CODE | DESCRIPTION |
|---|---|---|---|---|---|---|
| ← | U+02190 | ← | ← | ← | \20BF | Left Arrow |
| → | U+02192 | → | → | → | \2192 | Right Arrow |
| ↑ | U+02191 | ↑ | ↑ | ↑ | \2191 | Up Arrow |
| ↓ | U+02193 | ↓ | ↓ | ↓ | \2193 | Down Arrow |
| ↔ | U+02194 | ↔ | ↔ | ↔ | \2194 | Left Right Arrow |
| ↕ | U+02195 | ↕ | ↕ | ↕ | \2195 | Up Down Arrow |
| ↖ | U+02196 | ↖ | ↖ | ↖ | \2196 | North West Arrow |
| ↗ | U+02197 | ↗ | ↗ | ↗ | \2197 | North East Arrow |
| ↘ | U+02198 | ↘ | ↘ | ↘ | \2198 | South East Arrow |
| ↙ | U+02199 | ↙ | ↙ | ↙ | \2199 | South West Arrow |
| ↞ | U+0219E | ↞ | ↞ | ↞ | \219E | Left Two Headed Arrow |
| ↠ | U+021A0 | ↠ | ↠ | ↠ | \21A0 | Right Two Headed Arrow |
| ↟ | U+0219F | ↟ | ↟ | ↟ | \219F | Up Two Headed Arrow |
| ↡ | U+021A1 | ↡ | ↡ | ↡ | \21A1 | Down Two Headed Arrow |
| ↩ | U+021A9 | ↩ | ↩ | ↩ | \21A9 | Left Arrow with Hook |
| ↪ | U+021AA | ↪ | ↪ | ↪ | \21AA | Right Arrow with Hook |
| ↴ | U+021B4 | ↴ | ↴ | \21B4 | Down Arrow with Corner Down | |
| ↵ | U+021B5 | ↵ | ↵ | ↵ | \21B5 | Down Arrow with Corner Left |
| ↰ | U+021B0 | ↰ | ↰ | ↰ | \21B0 | Up Arrow with Tip Left |
| ↱ | U+021B1 | ↱ | ↱ | ↱ | \21B1 | Up Arrow with Tip Right |
| ↲ | U+021B2 | ↲ | ↲ | ↲ | \21B2 | Down Arrow with Tip Left |
| ↳ | U+021B3 | ↳ | ↳ | ↳ | \21B3 | Down Arrow with Tip Right |
| ↶ | U+021B6 | ↶ | ↶ | ↶ | \21B6 | Anticlockwise Top Semicircle Arrow |
| ↷ | U+021B7 | ↷ | ↷ | ↷ | \21B7 | Clockwise Top Semicircle Arrow |
| ↺ | U+021BA | ↺ | ↺ | ↺ | \21BA | Anticlockwise Open Circle Arrow |
| ↻ | U+021BB | ↻ | ↻ | ↻ | \21BB | Clockwise Open Circle Arrow |
| ↼ | U+021BC | ↼ | ↼ | ↼ | \21BC | Left Harpoon With Barb Up |
| ↽ | U+021BD | ↽ | ↽ | ↽ | \21BD | Left Harpoon With Barb Down |
| ↾ | U+021BE | ↾ | ↾ | ↾ | \21BE | Up Harpoon With Barb Right |
| ↿ | U+021BF | ↿ | ↿ | ↿ | \21BF | Up Harpoon With Barb Left |
| ⇀ | U+021C0 | ⇀ | ⇀ | ⇀ | \21C0 | Right Harpoon With Barb Up |
| ⇁ | U+021C1 | ⇁ | ⇁ | ⇁ | \21C1 | Right Harpoon With Barb Down |
| ⇂ | U+021C2 | ⇂ | ⇂ | ⇂ | \21C2 | Down Harpoon With Barb Right |
| ⇃ | U+021C3 | ⇃ | ⇃ | ⇃ | \21C3 | Down Harpoon With Barb Left |
| ⇄ | U+021C4 | ⇄ | ⇄ | ⇄ | \21C4 | Right Arrow Over Left Arrow |
| ⇆ | U+021C6 | ⇆ | ⇆ | ⇆ | \21C6 | Left Arrow over Right Arrow |
| ⇅ | U+021C5 | ⇅ | ⇅ | ⇅ | \21C5 | Up Arrow Left of Down Arrow |
| ⇇ | U+021C7 | ⇇ | ⇇ | ⇇ | \21C7 | Left Paired Arrows |
| ⇉ | U+021C9 | ⇉ | ⇉ | ⇉ | \21C9 | Right Paired Arrows |
| ⇈ | U+021C8 | ⇈ | ⇈ | ⇈ | \21C8 | Up Paired Arrows |
| ⇊ | U+021CA | ⇊ | ⇊ | ⇊ | \21CA | Down Paired Arrows |
| ⇋ | U+021CB | ⇋ | ⇋ | ⇋ | \21CB | Left Harpoon Over Right Harpoon |
| ⇌ | U+021CC | ⇌ | ⇌ | ⇌ | \21CC | Right Harpoon Over Left Harpoon |
Number Symbols Supported by HTML
We can use the HTML entity mentioned in the table below to display any number symbols in HTML. We can also use a hexadecimal code(hex code) reference if the character does not have an HTML entity.
| NUMBER SYMBOLS | UNICODE | HEX CODE | HTML CODE | HTML ENTITY | CSS CODE | DESCRIPTION |
|---|---|---|---|---|---|---|
| ¼ | U+000BC | ¼ | ¼ | ¼ | \00BC | Fraction One Quarter |
| ½ | U+000BD | ½ | ½ | ½ | \00BD | Fraction One Half |
| ¾ | U+000BE | ¾ | ¾ | ¾ | \00BE | Fraction Three Quarter |
| ⅐ | U+02150 | ⅐ | ⅐ | \2150 | Vulgar Fraction One Seventh | |
| ⅑ | U+02151 | ⅑ | ⅑ | \2151 | Vulgar Fraction One Ninth | |
| ⅒ | U+02152 | ⅒ | ⅒ | \2152 | Vulgar Fraction One Tenth | |
| ⅓ | U+02153 | ⅓ | ⅓ | ⅓ | \2153 | Vulgar Fraction One Third |
| ⅔ | U+02154 | ⅔ | ⅔ | ⅔ | \2154 | Vulgar Fraction Two Third |
| ⅕ | U+02155 | ⅕ | ⅕ | ⅕ | \2155 | Vulgar Fraction One Fifth |
| ⅖ | U+02156 | ⅖ | ⅖ | ⅖ | \2156 | Vulgar Fraction Two Fifth |
| ⅗ | U+02157 | ⅗ | ⅗ | ⅗ | \2157 | Vulgar Fraction Three Fifth |
| ⅘ | U+02158 | ⅘ | ⅘ | ⅘ | \2158 | Vulgar Fraction Four Fifth |
| ⅙ | U+02159 | ⅙ | ⅙ | ⅙ | \2159 | Vulgar Fraction One Sixths |
| ⅚ | U+0215A | ⅚ | ⅚ | ⅚ | \215A | Vulgar Fraction Five Sixths |
| ⅛ | U+0215B | ⅛ | ⅛ | ⅛ | \215B | Vulgar Fraction One Eightth |
| ⅜ | U+0215C | ⅜ | ⅜ | ⅜ | \215C | Vulgar Fraction Three Eightth |
| ⅝ | U+0215D | ⅝ | ⅝ | ⅝ | \215D | Vulgar Fraction Five Eightth |
| ⅞ | U+0215E | ⅞ | ⅞ | ⅞ | \215E | Vulgar Fraction Seven Eightth |
| Ⅰ | U+02160 | Ⅰ | Ⅰ | \2160 | Roman Numeral One | |
| Ⅱ | U+02161 | Ⅱ | Ⅱ | \2161 | Roman Numeral Two | |
| Ⅲ | U+02162 | Ⅲ | Ⅲ | \2162 | Roman Numeral Three | |
| Ⅳ | U+02163 | Ⅳ | Ⅳ | \2163 | Roman Numeral Four | |
| Ⅴ | U+02164 | Ⅴ | Ⅴ | \2164 | Roman Numeral Five | |
| Ⅵ | U+02165 | Ⅵ | Ⅵ | \2165 | Roman Numeral Six | |
| Ⅶ | U+02166 | Ⅶ | Ⅶ | \2166 | Roman Numeral Seven | |
| Ⅷ | U+02167 | Ⅷ | Ⅷ | \2167 | Roman Nmeral Eight | |
| Ⅸ | U+02168 | Ⅸ | Ⅸ | \2168 | Roman Numeral Nine | |
| Ⅹ | U+02169 | Ⅹ | Ⅹ | \2169 | Roman Numeral Ten | |
| Ⅺ | U+0216A | Ⅺ | Ⅺ | \216A | Roman Numeral Eleven | |
| Ⅻ | U+0216B | Ⅻ | Ⅻ | \216B | Roman Numeral Twelve |
Conclusion
- HTML code is used to display any character on a web page.
- In HTML, reserved characters are displayed using character entities.
- The name of an entity is simple to memorize.
- Although not all entity names are supported by all browsers, entity numbers are well supported.
- We discussed most of the commonly used HTML icon codes.