HTML symbols

A collection of HTML symbols for insertion into the site, does not require additional installation of fonts.

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 when laying out a website, replacing icons with them. The advantage is that their output does not require connecting an additional font to the site. They also weigh almost nothing (weight == the length of the HTML code) and do not create additional HTTP requests to the server, which helps reduce page loading time.