lang
IT

Simboli HTML

Collezione di simboli HTML per l'inserimento nel sito, non richiede l'installazione aggiuntiva di font.
Simboli di uso frequente
Simbolo Mnemonico Codice CSS Descrizione
      content: "\a0"; Spazio non separabile
    content: "\2009"; Spazio molto stretto
    content: "\2002"; Spazio della larghezza della lettera N
    content: "\2003"; Spazio della larghezza della lettera M
‌ ‌ content: "\200c"; Carattere di lunghezza zero non connettivo
‍ ‍ content: "\200d"; Carattere di lunghezza zero connettivo
– – content: "\2013"; Trattino stretto
— — content: "\2014"; Trattino largo
́   ́ content: "\301"; Accento, posto dopo la lettera accentata
… … content: "\2026"; Punti di sospensione
§ § § content: "\a7"; Paragrafo
° ° ° content: "\b0"; Grado
‰ ‰ content: "\2030"; Per mille
π π π content: "\3c0"; Pi greco
µ µ µ content: "\b5"; Micro
¶ ¶ content: "\b6"; Segno di paragrafo
• • content: "\2022"; Marcatore di elenco
‾ ‾ content: "\203e"; Sovralinea
& & & content: "\26"; E commerciale
< &lt; &#60; content: "\3c"; Minore (inizio tag)
> &gt; &#62; content: "\3e"; Maggiore (fine tag)
" &quot; &#34; content: "\22"; Virgolette doppie
« &laquo; &#171; content: "\ab"; Virgoletta tipografica sinistra
» &raquo; &#187; content: "\bb"; Virgoletta tipografica destra
&lsaquo; &#8249; content: "\2039"; Virgoletta singola angolare sinistra
&rsaquo; &#8250; content: "\203a"; Virgoletta singola angolare destra
&prime; &#8242; content: "\2032"; Tratto (minuti, piedi)
&Prime; &#8243; content: "\2033"; Doppio tratto (secondi, pollici)
&lsquo; &#8216; content: "\2018"; Virgoletta singola superiore sinistra
&rsquo; &#8217; content: "\2019"; Virgoletta singola superiore destra
&sbquo; &#8218; content: "\2020"; Virgoletta singola inferiore destra
&ldquo; &#8220; content: "\201c"; Virgoletta a zampa superiore sinistra
&rdquo; &#8221; content: "\201d"; Virgoletta a zampa superiore destra
&bdquo; &#8222; content: "\201e"; Virgoletta a zampa inferiore destra
  &#8223; content: "\201f"; Qualche tipo di virgoletta
Copyright
Simbolo Mnemonico Codice CSS Descrizione
© &copy; &#169; content: "\a9"; Copyright
® &reg; &#174; content: "\ae"; Marchio registrato
&trade; &#8482; content: "\2122"; Segno di marchio
 
Segni di valuta
Simbolo Mnemonico Codice CSS Descrizione
&euro; &#8364; content: "\20ac"; Euro
¢ &cent; &#162; content: "\a2"; Centesimo
£ &pound; &#163; content: "\a3"; Sterlina britannica
¥ &yen; &#165; content: "\a5"; Yen o yuan
ƒ &fnof; &#402; content: "\192"; Fiorino
  &#8381; content: "\20bd"; Rublo russo
  &#8372; content: "\20b4"; Grivnia ucraina
  &#8377; content: "\20b9"; Rupia indiana
  &#22291; content: "\5713"; Yuan cinese
  &#8376; content: "\20b8"; Tenge kazako
 
Frecce
Simbolo Mnemonico Codice CSS Descrizione
&larr; &#8592; content: "\2190"; Freccia a sinistra
&uarr; &#8593; content: "\2191"; Freccia in su
&rarr; &#8594; content: "\2192"; Freccia a destra
&darr; &#8595; content: "\2193"; Freccia in giù
&harr; &#8596; content: "\2194"; Freccia sinistra e destra
  &#8597; content: "\2195"; Freccia su e giù
  &#8598; content: "\2196"; Freccia diagonale su-sinistra
  &#8599; content: "\2197"; Freccia diagonale su-destra
  &#8600; content: "\2198"; Freccia diagonale giù-destra
  &#8601; content: "\2199"; Freccia diagonale giù-sinistra
&lArr; &#8656; content: "\21d0"; Doppia freccia a sinistra
&uArr; &#8657; content: "\21d1"; Doppia freccia in su
&rArr; &#8658; content: "\21d2"; Doppia freccia a destra
&dArr; &#8659; content: "\21d3"; Doppia freccia in giù
&hArr; &#8660; content: "\21d4"; Doppia freccia sinistra e destra
  &#8661; content: "\21d5"; Doppia freccia su e giù
  &#8662; content: "\21d6"; Doppia freccia diagonale su-sinistra
  &#8663; content: "\21d7"; Doppia freccia diagonale su-destra
  &#8664; content: "\21d8"; Doppia freccia diagonale giù-destra
  &#8665; content: "\21d9"; Doppia freccia diagonale giù-sinistra
  &#8672; content: "\21e0"; Freccia tratteggiata a sinistra
  &#8673; content: "\21e1"; Freccia tratteggiata in su
  &#8674; content: "\21e2"; Freccia tratteggiata a destra
  &#8675; content: "\21e3"; Freccia tratteggiata in giù
  &#9650; content: "\25b2"; Freccia triangolare in su
  &#9651; content: "\25b3"; Freccia triangolare in su (Contorno)
  &#9654; content: "\25b6"; Freccia triangolare a destra
  &#9655; content: "\25b7"; Freccia triangolare a destra (Contorno)
  &#9660; content: "\25bc"; Freccia triangolare in giù
  &#9661; content: "\25bd"; Freccia triangolare in giù (Contorno)
  &#9664; content: "\25c0"; Freccia triangolare a sinistra
  &#9665; content: "\25c1"; Freccia triangolare a sinistra (Contorno)
 
Altre frecce
  &#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";
 
Segni matematici
Simbolo Mnemonico Codice CSS Descrizione
× &times; &#215; content: "\d7"; Moltiplicazione
÷ &divide; &#247; content: "\f7"; Divisione
± &plusmn; &#177; content: "\b1"; Più / meno
¬ &not; &#172; content: "\ac"; Negazione
&le; &#8804; content: "\2264"; Minore o uguale
&ge; &#8805; content: "\2265"; Maggiore o uguale
&asymp; &#8776; content: "\2248"; Circa
&ne; &#8800; content: "\2260"; Diverso
&equiv; &#8801; content: "\2261"; Identicamente
&radic; &#8730; content: "\221a"; Radice quadrata
  &#8731; content: "\221b"; Radice cubica
  &#8732; content: "\221c"; Radice quarta
&infin; &#8734; content: "\221e"; Infinito
&sum; &#8721; content: "\2211"; Segno di sommatoria
&prod; &#8719; content: "\220f"; Segno di prodotto
&part; &#8706; content: "\2202"; Differenziale parziale
&int; &#8747; content: "\222b"; Integrale
&forall; &#8704; content: "\2200"; Per tutti
&exist; &#8707; content: "\2203"; Esiste
&nexist; &#8708; content: "\2204"; Non esiste
&empty; &#8709; content: "\2205"; Insieme vuoto
Δ &Delta; &#8710; content: "\2206"; Delta
&isin; &#8712; content: "\2208"; Appartiene
&notin; &#8713; content: "\2209"; Non appartiene
&ni; &#8715; content: "\220b"; Contiene
  &#8716; content: "\220c"; Non contiene
&sub; &#8834; content: "\2282"; È un sottoinsieme di
&nsub; &#8836; content: "\2284"; Non è un sottoinsieme di
&sup; &#8835; content: "\2283"; È un sovrainsieme
&nsup; &#8837; content: "\2285"; Non è un sovrainsieme
&sube; &#8838; content: "\2286"; È un sottoinsieme o uguale
&nsube; &#8840; content: "\2288"; Non è un sottoinsieme e non è uguale
&supe; &#8839; content: "\2287"; È un sovrainsieme o uguale
&nsupe; &#8841; content: "\2289"; Non è un sovrainsieme e non è uguale
&and; &#8743; content: "\2227"; AND logico
&or; &#8744; content: "\2228"; OR logico
&cap; &#8745; content: "\2229"; Intersezione
&cup; &#8746; content: "\222a"; Unione
&perp; &#8869; content: "\22a5"; Perpendicolare
&ang; &#8736; content: "\2220"; Angolo
 
Alfabeto greco
Simbolo Mnemonico Codice CSS Descrizione
α &alpha; &#945; content: "\3b1"; Alfa (minuscola)
β &beta; &#946; content: "\3b2"; Beta (minuscola)
γ &gamma; &#947; content: "\3b3"; Gamma (minuscola)
δ &delta; &#948; content: "\3b4"; Delta (minuscola)
ε &epsilon; &#949; content: "\3b5"; Epsilon (minuscola)
ζ &zeta; &#950; content: "\3b6"; Zeta (minuscola)
η &eta; &#951; content: "\3b7"; Questa (minuscola)
θ &theta; &#952; content: "\3b8"; Theta (minuscola)
ι &iota; &#953; content: "\3b9"; Iota (minuscola)
κ &kappa; &#954; content: "\3ba"; Kappa (minuscola)
λ &lambda; &#955; content: "\3bb"; Lambda (minuscola)
μ &mu; &#956; content: "\3bc"; Mu (minuscola)
ν &nu; &#957; content: "\3bd"; Nu (minuscola)
ξ &xi; &#958; content: "\3be"; Xi (minuscola)
ο &omicron; &#959; content: "\3bf"; Omicron (minuscola)
π &pi; &#960; content: "\3c0"; Pi (minuscola)
ρ &rho; &#961; content: "\3c1"; Rho (minuscola)
σ &sigma; &#962; content: "\3c2"; Sigma (minuscola)
ς &sigmaf; &#963; content: "\3c3"; Sigma finale (minuscola)
τ &tau; &#964; content: "\3c4"; Tau (minuscola)
υ &upsilon; &#965; content: "\3c5"; Upsilon (minuscola)
φ &phi; &#966; content: "\3c6"; Phi (minuscola)
χ &chi; &#967; content: "\3c7"; Chi (minuscola)
ψ &psi; &#968; content: "\3c8"; Psi (minuscola)
ω &omega; &#969; content: "\3c9"; Omega (minuscola)
Α &Alpha; &#913; content: "\391"; Alfa (maiuscola)
Β &Beta; &#914; content: "\392"; Beta (maiuscola)
Γ &Gamma; &#915; content: "\393"; Gamma (maiuscola)
Δ &Delta; &#916; content: "\394"; Delta (maiuscola)
Ε &Epsilon; &#917; content: "\395"; Epsilon (maiuscola)
Ζ &Zeta; &#918; content: "\396"; Zeta (maiuscola)
Η &Eta; &#919; content: "\397"; Questa (maiuscola)
Θ &Theta; &#920; content: "\398"; Theta (maiuscola)
Ι &Iota; &#921; content: "\399"; Iota (maiuscola)
Κ &Kappa; &#922; content: "\39a"; Kappa (maiuscola)
Λ &Lambda; &#923; content: "\39b"; Lambda (maiuscola)
Μ &Mu; &#924; content: "\39c"; Mu (maiuscola)
Ν &Nu; &#925; content: "\39d"; Nu (maiuscola)
Ξ &Xi; &#926; content: "\39e"; Xi (maiuscola)
Ο &Omicron; &#927; content: "\39f"; Omicron (maiuscola)
Π &Pi; &#928; content: "\3a0"; Pi (maiuscola)
Ρ &Rho; &#929; content: "\3a1"; Rho (maiuscola)
Σ &Sigma; &#931; content: "\3a3"; Sigma (maiuscola)
Τ &Tau; &#932; content: "\3a4"; Tau (maiuscola)
Υ &Upsilon; &#933; content: "\3a5"; Upsilon (maiuscola)
Φ &Phi; &#934; content: "\3a6"; Phi (maiuscola)
Χ &Chi; &#935; content: "\3a7"; Chi (maiuscola)
Ψ &Psi; &#936; content: "\3a8"; Psi (maiuscola)
Ω &Omega; &#937; content: "\3a9"; Omega (maiuscola)
 
Segni zodiacali
Simbolo Mnemonico Codice CSS Descrizione
  &#9800; content: "\2648"; Ariete
  &#9801; content: "\2649"; Toro
  &#9802; content: "\264a"; Gemelli
  &#9803; content: "\264b"; Cancro
  &#9804; content: "\264c"; Leone
  &#9805; content: "\264d"; Vergine
  &#9806; content: "\264e"; Bilancia
  &#9807; content: "\264f"; Scorpione
  &#9808; content: "\2650"; Sagittario
  &#9809; content: "\2651"; Capricorno
  &#9810; content: "\2652"; Acquario
  &#9811; content: "\2653"; Pesci
 
Scacchi
Simbolo Mnemonico Codice CSS Descrizione
  &#9812; content: "\2654"; Re bianco
  &#9813; content: "\2655"; Regina bianca
  &#9814; content: "\2656"; Torre bianca
  &#9815; content: "\2657"; Alfiere bianco
  &#9816; content: "\2658"; Cavallo bianco
  &#9817; content: "\2659"; Pedone bianco
  &#9818; content: "\265a"; Re nero
  &#9819; content: "\265b"; Regina nera
  &#9820; content: "\265c"; Torre nera
  &#9821; content: "\265d"; Alfiere nero
  &#9822; content: "\265e"; Cavallo nero
  &#9823; content: "\265f"; Pedone nero
 
Carte da gioco
Simbolo Mnemonico Codice CSS Descrizione
&spades; &#9824; content: "\2660"; Picche (Winnie)
&clubs; &#9827; content: "\2663"; Fiori
&hearts; &#9829; content: "\2665"; Cuori
&diams; &#9830; content: "\2666"; Quadri (Booby)
  &#9828; content: "\2664"; Picche (Winnie) (Contorno)
  &#9831; content: "\2667"; Fiori (Contorno)
  &#9825; content: "\2661"; Cuori (Contorno)
  &#9826; content: "\2662"; Quadri (Booby) (Contorno)
 
Meteo / Ora del giorno
Simbolo Mnemonico Codice CSS Descrizione
  &#9728; content: "\2600"; Sole
  &#9729; content: "\2601"; Nuvola
  &#9730; content: "\2602"; Ombrello
  &#9788; content: "\263c"; Solecito
  &#9789; content: "\263d"; Luna
  &#9790; content: "\263e"; Luna
  &#9925; content: "\26c5"; Sole dietro una nuvola
  &#9928; content: "\26c8"; Nuvola (Temporale)
 
Altro
Simbolo Mnemonico Codice CSS Descrizione
  &#9733; content: "\2605"; Stella
  &#9734; content: "\2606"; Stella (Contorno)
  &#9742; content: "\260e"; Telefono
  &#9743; content: "\260f"; Telefono
  &#9785; content: "\2639"; Emoticon
  &#9786; content: "\263a"; Emoticon
  &#9787; content: "\263b"; Emoticon
  &#9792; content: "\2640"; Segno femminile
  &#9794; content: "\2642"; Segno maschile
  &#9834; content: "\266a"; Nota
  &#9835; content: "\266b"; Nota
  &#9917; content: "\26bd"; Pallone da calcio
  &#9918; content: "\26be"; Palla da tennis
  &#9986; content: "\2702"; Forbici
  &#9988; content: "\2704"; Forbici
  &#9990; content: "\2706"; Cornetta
  &#9992; content: "\2708"; Aereo
  &#9993; content: "\2709"; Busta
  &#9999; content: "\270f"; Matita
  &#10003; content: "\2713"; Spunta
  &#10004; content: "\2714"; Spunta in grassetto
  &#10005; content: "\2715"; Croce
  &#10006; content: "\2716"; Croce in grassetto
  &#10007; content: "\2717"; Croce obliqua
  &#10008; content: "\2718"; Croce obliqua in grassetto
  &#9680; content: "\25d0"; Cerchio con metà sinistra riempita
  &#9681; content: "\25d1"; Cerchio con metà destra riempita
  &#9775; content: "\262f"; Yin e yang
  &#8986; content: "\231a"; Orologio da polso
  &#9200; content: "\23f0"; Sveglia
  &#9201; content: "\23f1"; Orologio
  &#9202; content: "\23f2"; Orologio
  &#9203; content: "\23f3"; Clessidra
 
Media
Simbolo Mnemonico Codice CSS Descrizione
  &#9199; content: "\23ef"; Riproduzione / Pausa
  &#9208; content: "\23f8"; Pausa
  &#9209; content: "\23f9"; Stop
  &#9210; content: "\23fa"; Registrazione
  &#9193; content: "\23e9"; Avanzamento veloce
  &#9194; content: "\23ea"; Riavvolgimento
  &#9195; content: "\23eb"; Scorrimento in alto
  &#9196; content: "\23ec"; Scorrimento in basso
  &#9197; content: "\23ed"; Avanzamento fino alla fine
  &#9198; content: "\23ee"; Riavvolgimento fino all’inizio

Selezione di HTML-simboli (simboli-mnemonici) frequentemente utilizzati, che possono essere impiegati nella realizzazione del sito sostituendo le icone. Il vantaggio consiste nel fatto che la loro visualizzazione non richiede il collegamento di un font aggiuntivo al sito. Inoltre, pesano quasi nulla (peso == lunghezza del codice HTML) e non generano ulteriori HTTP-richieste al server, contribuendo a ridurre il tempo di caricamento della pagina.