HTML symbols

A collection of HTML symbols for insertion on a website, does not require additional font installation.

Frequently used symbols

Symbol Mnemonics Css code Description
      content: "\a0"; Non-breaking space
    content: "\2009"; Very narrow gap
    content: "\2002"; N-wide space
    content: "\2003"; M-wide space
‌ ‌ content: "\200c"; Non-connecting zero-length character
‍ ‍ content: "\200d"; Zero length joining character
– – content: "\2013"; Narrow dash
— — content: "\2014"; Wide dash
́   ́ content: "\301"; Stress, placed after the "shock" letter
… … content: "\2026"; Ellipsis
§ § § content: "\a7"; Paragraph
° ° ° content: "\b0"; Degree
‰ ‰ content: "\2030"; Ppm
π π π content: "\3c0"; Pi
µ µ µ content: "\b5"; Micro
¶ ¶ content: "\b6"; Paragraph mark
• • content: "\2022"; List marker
‾ ‾ content: "\203e"; Overline
& & & content: "\26"; Ampersand
< &lt; &#60; content: "\3c"; Less (start of tag)
> &gt; &#62; content: "\3e"; More (end of tag)
" &quot; &#34; content: "\22"; Double quote
« &laquo; &#171; content: "\ab"; Left typographic quotation mark
» &raquo; &#187; content: "\bb"; Right typographic quotation mark
&lsaquo; &#8249; content: "\2039"; Left single angle quotation mark
&rsaquo; &#8250; content: "\203a"; Right single angle quotation mark
&prime; &#8242; content: "\2032"; Barcode (minutes, feet)
&Prime; &#8243; content: "\2033"; Double stroke (seconds, inches)
&lsquo; &#8216; content: "\2018"; Top left single quote
&rsquo; &#8217; content: "\2019"; Upper right single quotation mark
&sbquo; &#8218; content: "\2020"; Bottom right single quote
&ldquo; &#8220; content: "\201c"; Quote foot upper left
&rdquo; &#8221; content: "\201d"; Quotation mark-foot upper right
&bdquo; &#8222; content: "\201e"; Quotation mark-foot right lower
  &#8223; content: "\201f"; Some kind of quotation mark

Copyrights

Symbol Mnemonics Css code Description
© &copy; &#169; content: "\a9"; Copyright
® &reg; &#174; content: "\ae"; Registered trade mark
&trade; &#8482; content: "\2122"; Trademark sign
 

Currency signs

Symbol Mnemonics Css code Description
&euro; &#8364; content: "\20ac"; Euro
¢ &cent; &#162; content: "\a2"; Cent
£ &pound; &#163; content: "\a3"; Pound sterling
¥ &yen; &#165; content: "\a5"; Yen or yuan
ƒ &fnof; &#402; content: "\192"; Florin
  &#8381; content: "\20bd"; Russian ruble
  &#8372; content: "\20b4"; Ukrainian hryvnia
  &#8377; content: "\20b9"; Indian rupee
  &#22291; content: "\5713"; CNY
  &#8376; content: "\20b8"; Kazakhstani tenge
 

Arrows

Symbol Mnemonics Css code Description
&larr; &#8592; content: "\2190"; Left arrow
&uarr; &#8593; content: "\2191"; Up arrow
&rarr; &#8594; content: "\2192"; Right arrow
&darr; &#8595; content: "\2193"; Arrow to down
&harr; &#8596; content: "\2194"; Left and right arrow
  &#8597; content: "\2195"; Up and down arrow
  &#8598; content: "\2196"; Arrow diagonal up-left
  &#8599; content: "\2197"; Arrow diagonal up-right
  &#8600; content: "\2198"; Arrow diagonal down-right
  &#8601; content: "\2199"; Arrow diagonal down-left
&lArr; &#8656; content: "\21d0"; Left double arrow
&uArr; &#8657; content: "\21d1"; Double up arrow
&rArr; &#8658; content: "\21d2"; Double right arrow
&dArr; &#8659; content: "\21d3"; Double down arrow
&hArr; &#8660; content: "\21d4"; Left and Right Double Arrow
  &#8661; content: "\21d5"; Double up and down arrow
  &#8662; content: "\21d6"; Diagonal up-left double arrow
  &#8663; content: "\21d7"; Diagonal up-right double arrow
  &#8664; content: "\21d8"; Down-right diagonal double arrow
  &#8665; content: "\21d9"; Down-left diagonal double arrow
  &#8672; content: "\21e0"; Dotted Left Arrow
  &#8673; content: "\21e1"; Dashed up arrow
  &#8674; content: "\21e2"; Dotted Right Arrow
  &#8675; content: "\21e3"; Dotted Down Arrow
  &#9650; content: "\25b2"; Triangular up arrow
  &#9651; content: "\25b3"; Triangular Up Arrow (Outline)
  &#9654; content: "\25b6"; Triangular arrow to the right
  &#9655; content: "\25b7"; Triangular Arrow Right (Outline)
  &#9660; content: "\25bc"; Triangular down arrow
  &#9661; content: "\25bd"; Down Arrow Triangle (Outline)
  &#9664; content: "\25c0"; Left triangular arrow
  &#9665; content: "\25c1"; Left Arrow Triangle (Outline)
 

More arrows

  &#8676; content: "\21e4";
  &#8677; content: "\21e5";
  &#8644; content: "\21c4";
  &#8645; content: "\21c5";
  &#8646; content: "\21c6";
  &#8647; content: "\21c7";
  &#8648; content: "\21c8";
  &#8649; content: "\21c9";
  &#8650; content: "\21ca";
  &#8678; content: "\21e6";
  &#8679; content: "\21e7";
  &#8680; content: "\21e8";
  &#8681; content: "\21e9";
  &#8634; content: "\21ba";
  &#8635; content: "\21bb";
  &#10226; content: "\27f2";
  &#10227; content: "\27f3";
  &#11013; content: "\2b05";
  &#11014; content: "\2b06";
  &#11157; content: "\2b95";
  &#11015; content: "\2b07";
  &#11016; content: "\2b08";
  &#11017; content: "\2b09";
  &#11018; content: "\2b0a";
  &#11019; content: "\2b0b";
 

Math signs

Symbol Mnemonics Css code Description
× &times; &#215; content: "\d7"; Multiplication
÷ &divide; &#247; content: "\f7"; Division
± &plusmn; &#177; content: "\b1"; Plus / minus
¬ &not; &#172; content: "\ac"; Negation
&le; &#8804; content: "\2264"; Less or equal
&ge; &#8805; content: "\2265"; More or equal
&asymp; &#8776; content: "\2248"; About
&ne; &#8800; content: "\2260"; Not equal
&equiv; &#8801; content: "\2261"; Identically
&radic; &#8730; content: "\221a"; Square root
  &#8731; content: "\221b"; Third root
  &#8732; content: "\221c"; Fourth root
&infin; &#8734; content: "\221e"; Infinity
&sum; &#8721; content: "\2211"; Summation sign
&prod; &#8719; content: "\220f"; Work sign
&part; &#8706; content: "\2202"; Private differential
&int; &#8747; content: "\222b"; Integral
&forall; &#8704; content: "\2200"; For all
&exist; &#8707; content: "\2203"; Exist
&nexist; &#8708; content: "\2204"; Does not exist
&empty; &#8709; content: "\2205"; Empty set
Δ &Delta; &#8710; content: "\2206"; Delta
&isin; &#8712; content: "\2208"; Belongs
&notin; &#8713; content: "\2209"; Not belong
&ni; &#8715; content: "\220b"; Contains
  &#8716; content: "\220c"; Does not contain
&sub; &#8834; content: "\2282"; Is a subset of
&nsub; &#8836; content: "\2284"; Not a subset of
&sup; &#8835; content: "\2283"; Superset
&nsup; &#8837; content: "\2285"; Is not a superset
&sube; &#8838; content: "\2286"; Is a subset of or equal to
&nsube; &#8840; content: "\2288"; Not a subset and not equal
&supe; &#8839; content: "\2287"; Superset of or equal to
&nsupe; &#8841; content: "\2289"; Is not a superset and not equal
&and; &#8743; content: "\2227"; Logical AND
&or; &#8744; content: "\2228"; Logical OR
&cap; &#8745; content: "\2229"; Crossing
&cup; &#8746; content: "\222a"; An association
&perp; &#8869; content: "\22a5"; Perpendicular
&ang; &#8736; content: "\2220"; Angle
 

Greek alphabet

Symbol Mnemonics Css code Description
α &alpha; &#945; content: "\3b1"; Alpha (lowercase)
β &beta; &#946; content: "\3b2"; Beta (lowercase)
γ &gamma; &#947; content: "\3b3"; Gamma (lowercase)
δ &delta; &#948; content: "\3b4"; Delta (lowercase)
ε &epsilon; &#949; content: "\3b5"; Epsilon (lowercase)
ζ &zeta; &#950; content: "\3b6"; Zeta (lowercase)
η &eta; &#951; content: "\3b7"; This (lowercase)
θ &theta; &#952; content: "\3b8"; Theta (lowercase)
ι &iota; &#953; content: "\3b9"; Iota (lowercase)
κ &kappa; &#954; content: "\3ba"; Kappa (lowercase)
λ &lambda; &#955; content: "\3bb"; Lambda (lowercase)
μ &mu; &#956; content: "\3bc"; Mu (lowercase)
ν &nu; &#957; content: "\3bd"; Nude (lowercase)
ξ &xi; &#958; content: "\3be"; Xi (lowercase)
ο &omicron; &#959; content: "\3bf"; Omicron (lowercase)
π &pi; &#960; content: "\3c0"; Pi (lowercase)
ρ &rho; &#961; content: "\3c1"; Ro (lowercase)
σ &sigma; &#962; content: "\3c2"; Sigma (lowercase)
ς &sigmaf; &#963; content: "\3c3"; Final sigma (lowercase)
τ &tau; &#964; content: "\3c4"; Tau (lowercase)
υ &upsilon; &#965; content: "\3c5"; Upsilon (lowercase)
φ &phi; &#966; content: "\3c6"; Phi (lowercase)
χ &chi; &#967; content: "\3c7"; Hee (lowercase)
ψ &psi; &#968; content: "\3c8"; Psi (lowercase)
ω &omega; &#969; content: "\3c9"; Omega (lowercase)
Α &Alpha; &#913; content: "\391"; Alpha (uppercase)
Β &Beta; &#914; content: "\392"; Beta (uppercase)
Γ &Gamma; &#915; content: "\393"; Gamma (uppercase)
Δ &Delta; &#916; content: "\394"; Delta (uppercase)
Ε &Epsilon; &#917; content: "\395"; Epsilon (uppercase)
Ζ &Zeta; &#918; content: "\396"; Zeta (uppercase)
Η &Eta; &#919; content: "\397"; This (uppercase)
Θ &Theta; &#920; content: "\398"; Theta (uppercase)
Ι &Iota; &#921; content: "\399"; Iota (uppercase)
Κ &Kappa; &#922; content: "\39a"; Kappa (uppercase)
Λ &Lambda; &#923; content: "\39b"; Lambda (uppercase)
Μ &Mu; &#924; content: "\39c"; Mu (uppercase)
Ν &Nu; &#925; content: "\39d"; Nude (uppercase)
Ξ &Xi; &#926; content: "\39e"; Xi (uppercase)
Ο &Omicron; &#927; content: "\39f"; Omicron (uppercase)
Π &Pi; &#928; content: "\3a0"; Pi (uppercase)
Ρ &Rho; &#929; content: "\3a1"; Ro (uppercase)
Σ &Sigma; &#931; content: "\3a3"; Sigma (uppercase)
Τ &Tau; &#932; content: "\3a4"; Tau (uppercase)
Υ &Upsilon; &#933; content: "\3a5"; Upsilon (uppercase)
Φ &Phi; &#934; content: "\3a6"; Phi (uppercase)
Χ &Chi; &#935; content: "\3a7"; Hee (uppercase)
Ψ &Psi; &#936; content: "\3a8"; Psi (uppercase)
Ω &Omega; &#937; content: "\3a9"; Omega (uppercase)
 

Zodiac signs

Symbol Mnemonics Css code Description
  &#9800; content: "\2648"; Aries
  &#9801; content: "\2649"; Taurus
  &#9802; content: "\264a"; Twins
  &#9803; content: "\264b"; Crayfish
  &#9804; content: "\264c"; a lion
  &#9805; content: "\264d"; Virgo
  &#9806; content: "\264e"; Libra
  &#9807; content: "\264f"; Scorpio
  &#9808; content: "\2650"; Sagittarius
  &#9809; content: "\2651"; Capricorn
  &#9810; content: "\2652"; Aquarius
  &#9811; content: "\2653"; Fish
 

Chess

Symbol Mnemonics Css code Description
  &#9812; content: "\2654"; White king
  &#9813; content: "\2655"; White queen (queen)
  &#9814; content: "\2656"; White rook (round)
  &#9815; content: "\2657"; White elephant (officer)
  &#9816; content: "\2658"; White horse
  &#9817; content: "\2659"; White pawn
  &#9818; content: "\265a"; Black king
  &#9819; content: "\265b"; Black queen (queen)
  &#9820; content: "\265c"; Black rook (round)
  &#9821; content: "\265d"; Black elephant (officer)
  &#9822; content: "\265e"; Black horse
  &#9823; content: "\265f"; Black pawn
 

Playing cards

Symbol Mnemonics Css code Description
&spades; &#9824; content: "\2660"; Peaks (Winnie)
&clubs; &#9827; content: "\2663"; Crest (Clubs)
&hearts; &#9829; content: "\2665"; Hearts
&diams; &#9830; content: "\2666"; Diamonds (Booby)
  &#9828; content: "\2664"; Peaks (Winnie) (outline)
  &#9831; content: "\2667"; Crest (Clubs) (outline)
  &#9825; content: "\2661"; Hearts (outline)
  &#9826; content: "\2662"; Diamonds (Booby) (outline)
 

Weather / Time of day

Symbol Mnemonics Css code Description
  &#9728; content: "\2600"; The sun
  &#9729; content: "\2601"; Cloud
  &#9730; content: "\2602"; Umbrella
  &#9788; content: "\263c"; Sun
  &#9789; content: "\263d"; Moon
  &#9790; content: "\263e"; Moon
  &#9925; content: "\26c5"; Sun behind a cloud
  &#9928; content: "\26c8"; Cloud (Thunderstorm)
 

Other

Symbol Mnemonics Css code Description
  &#9733; content: "\2605"; Star
  &#9734; content: "\2606"; Star (Outline)
  &#9742; content: "\260e"; Phone
  &#9743; content: "\260f"; Phone
  &#9785; content: "\2639"; Emoticon
  &#9786; content: "\263a"; Emoticon
  &#9787; content: "\263b"; Emoticon
  &#9792; content: "\2640"; Female gender sign
  &#9794; content: "\2642"; Male gender sign
  &#9834; content: "\266a"; Note
  &#9835; content: "\266b"; Note
  &#9917; content: "\26bd"; Soccer ball
  &#9918; content: "\26be"; Tennis ball
  &#9986; content: "\2702"; Scissors
  &#9988; content: "\2704"; Scissors
  &#9990; content: "\2706"; Handset
  &#9992; content: "\2708"; Aircraft
  &#9993; content: "\2709"; The envelope
  &#9999; content: "\270f"; Pencil
  &#10003; content: "\2713"; Jackdaw
  &#10004; content: "\2714"; Bold jackdaw
  &#10005; content: "\2715"; Cross
  &#10006; content: "\2716"; Bold cross
  &#10007; content: "\2717"; Oblique cross
  &#10008; content: "\2718"; Oblique bold cross
  &#9680; content: "\25d0"; Circle with left half filled
  &#9681; content: "\25d1"; Circle with filled right half
  &#9775; content: "\262f"; Yin and yang
  &#8986; content: "\231a"; Wrist Watch
  &#9200; content: "\23f0"; Alarm clock
  &#9201; content: "\23f1"; Clock
  &#9202; content: "\23f2"; Clock
  &#9203; content: "\23f3"; Hourglass
 

Media

Symbol Mnemonics Css code Description
  &#9199; content: "\23ef"; Play / Pause
  &#9208; content: "\23f8"; Pause
  &#9209; content: "\23f9"; Stop
  &#9210; content: "\23fa"; Recording
  &#9193; content: "\23e9"; Rewind right
  &#9194; content: "\23ea"; Rewind left
  &#9195; content: "\23eb"; Scroll up
  &#9196; content: "\23ec"; Scroll down
  &#9197; content: "\23ed"; Rewind to the end
  &#9198; content: "\23ee"; Rewind to the beginning
 

A selection of frequently used HTML symbols (mnemonic symbols), which can be used in website layout, replacing icons with them. The advantage is that their display does not require connecting an additional font to the site. They also weigh almost nothing (weight == length of HTML code) and do not create additional HTTP requests to the server, which helps to reduce page loading time.