Symbols
HTML Symbols help display special characters that are not found directly on keyboard. These include mathematical operators, currency symbols, arrows, logic symbols and more.
To display such symbols in HTML, we use character entities a combination of an ampersand( & ), a hash( # ), a number(or name), and a semicolon( ; ).
Common HTML Symbol Entities
Mathematical Symbols
Currency Symbols
Arrow Symbols
Miscellaneous Symbols
Example:
Output:
.webp)
To display such symbols in HTML, we use character entities a combination of an ampersand( & ), a hash( # ), a number(or name), and a semicolon( ; ).
&#code; or &name;
Common HTML Symbol Entities
Mathematical Symbols
| Symbol Code | Symbol | Meaning |
|---|---|---|
| ∀ |
∀ | For all |
∂ |
∂ | Partial differential |
∃ |
∃ | There exists |
∅ |
∅ | Empty set |
∇ |
∇ | Del operator |
| ∈ |
∈ | Element of |
∉ |
∉ | Not an element of |
∋ |
∋ | Contains as member |
∏ |
∏ | N-ary product (product) |
∑ |
∑ | N-ary sum (summation) |
Currency Symbols
| Symbol Code | Symbol | Currency |
|---|---|---|
| $ |
$ | Dollar |
| € |
€ | Euro |
| £ |
£ | Pound |
| ¥ |
¥ | Yen |
| ₹ |
₹ | Indian Rupee |
| ₩ |
₩ | Won |
Arrow Symbols
| Symbol Code | Symbol | Meaning | |
|---|---|---|---|
| ← |
← | Left Arrow | |
→ |
| Right Arrow | |
↑ |
↑ | Up Arrow | |
↓ |
↓ | Down Arrow | |
⇐ |
⇐ | Left Double Arrow | |
⇒ |
⇒ | Right Double Arrow | |
⇔ |
⇔
| Left Right Arrow |
Miscellaneous Symbols
| Symbol Code | Symbol | Description |
|---|---|---|
| © |
© | Copyright |
® |
® | Registered Trademark |
™ |
™ | Trademark |
♥ |
♥ | Heart |
☺ |
☺ | Smiley |
≠ |
≠ | Not Equal |
± |
± | Plus-minus |
Example:
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>HTML Symbols Examples</title></head><body><h1>Symbols in HTML</h1><hr><h2>Mathematical Symbols</h2><p>∀ ∂</p><hr><h2>Currency Symbols</h2><p>$ ₹</p><hr><h2>Arrow Symbols</h2><p>← →</p><hr><h2>Miscellaneous Symbols</h2><p>© ®</p></body></html>
Key Point
- HTML entities make it easy to display special characters in webpages.
- Use numeric entities like © or named one like ©
- Always include UTF-8 encoding in the <meta> tag for symbol support.
- These symbols are useful in scientific, legal, financial, and UI contexts.