Loading
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( ; ).
&#code;  or  &name;

Common HTML Symbol Entities

Mathematical Symbols
Symbol CodeSymbolMeaning
∀
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 CodeSymbolCurrency
$
$
Dollar
€
Euro
£
£
Pound
¥
¥
Yen
₹
Indian Rupee
₩
Won

Arrow Symbols
Symbol CodeSymbolMeaning
←
Left Arrow
→

Right Arrow
↑
Up Arrow
↓
Down Arrow
⇐
Left Double Arrow
⇒
Right Double Arrow
⇔
Left Right Arrow

Miscellaneous Symbols
Symbol CodeSymbolDescription
©
©
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>&#8704; &#8706;</p>
  <hr>
  <h2>Currency Symbols</h2>
  <p>&#36; &#8377;</p>
  <hr>
  <h2>Arrow Symbols</h2>
  <p>&#8592; &#8594;</p>
   <hr>
  <h2>Miscellaneous Symbols</h2>
  <p>&#169; &#174;</p>
 </body>
</html>

Output:

Uploaded Image


Key Point
  • HTML entities make it easy to display special characters in webpages.
  • Use numeric entities like &#169; or named one like &copy;
  • Always include UTF-8 encoding in the <meta> tag for symbol support.
  • These symbols are useful in scientific, legal, financial, and UI contexts.