HTML symbols

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

A selection of frequently used HTML symbols (mnemonic symbols) that can be used in site layout by replacing icons with them. The advantage is that their output does not require an additional font to be added 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 load time.

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)
 
Characters spanning multiple lines
Symbol Mnemonics Css code Description
  &#8992; content: "\2320"; Upper part of integral (for 2 lines)
  &#8993; content: "\2321"; Lower part of integral (for 2 lines)
  &#9138; content: "\23b2"; Top of the summation sign (for 2 lines)
  &#9139; content: "\23b3"; Bottom of the summation sign (for 2 lines)
  &#9115; content: "\239b"; Opening parenthesis top (for 3 lines)
  &#9116; content: "\239c"; Center of the open parenthesis (for 3 lines)
  &#9117; content: "\239d"; Bottom of the open parenthesis (for 3 lines)
  &#9118; content: "\239e"; Upper part of a closing parenthesis (for 3 lines)
  &#9119; content: "\239f"; Center part of the closing parenthesis (for 3 lines)
  &#9120; content: "\23a0"; Bottom of the closing parenthesis (for 3 lines)
  &#9121; content: "\23a1"; Upper part of opening square bracket (for 3 lines)
  &#9122; content: "\23a2"; Center part of the opening square bracket (for 3 lines)
  &#9123; content: "\23a3"; Bottom of the opening square bracket (for 3 lines)
  &#9124; content: "\23a4"; Top of the closing square bracket (for 3 lines)
  &#9125; content: "\23a5"; Center of the closing square bracket (for 3 lines)
  &#9126; content: "\23a6"; Bottom of the closing square bracket (for 3 lines)
  &#9127; content: "\23a7"; Top part of an opening curly brace (for 3 lines)
  &#9128; content: "\23a8"; Center part of the open curly brace (for 3 lines)
  &#9129; content: "\23a9"; Bottom of the open curly brace (for 3 lines)
  &#9131; content: "\23ab"; Top of the closing curly brace (for 3 lines)
  &#9132; content: "\23ac"; Center of the closing curly brace (for 3 lines)
  &#9133; content: "\23ad"; Bottom of the closing curly brace (for 3 lines)
 
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