Símbolos HTML

Colección de símbolos HTML para insertar en el sitio, no requiere instalación adicional de fuentes.

Símbolos de uso frecuente
Símbolo	Mnemotecnia		Código CSS	Descripción
			content: "\a0";	Espacio de no separación
			content: "\2009";	Espacio muy estrecho
	&ensp;		content: "\2002";	Espacio del ancho de la letra N
	&emsp;		content: "\2003";	Espacio del ancho de la letra M
‌	&zwnj;	‌	content: "\200c";	Carácter de longitud cero no conectante
‌	&zwj;	‍	content: "\200d";	Carácter de longitud cero conectante
–	–	–	content: "\2013";	Guion estrecho
—	—	—	content: "\2014";	Guion ancho
́		́	content: "\301";	Acento, colocado después de la letra acentuada
…	…	…	content: "\2026";	Puntos suspensivos
§	§	§	content: "\a7";	Párrafo
°	°	°	content: "\b0";	Grado
‰	&permil;	‰	content: "\2030";	Por mil
π	π	π	content: "\3c0";	Pi
µ	µ	µ	content: "\b5";	Micro
¶	¶	¶	content: "\b6";	Signo de párrafo
•	•	•	content: "\2022";	Marcador de lista
‾	&oline;	‾	content: "\203e";	Sobreraya
&	&	&	content: "\26";	Ampersand
<	<	<	content: "\3c";	Menor (inicio de etiqueta)
>	>	>	content: "\3e";	Mayor (fin de etiqueta)
"	"	"	content: "\22";	Comillas dobles
«	«	«	content: "\ab";	Comilla tipográfica izquierda
»	»	»	content: "\bb";	Comilla tipográfica derecha
‹	&lsaquo;	‹	content: "\2039";	Comilla angular simple izquierda
›	&rsaquo;	›	content: "\203a";	Comilla angular simple derecha
′	′	′	content: "\2032";	Barra (minutos, pies)
″	″	″	content: "\2033";	Doble barra (segundos, pulgadas)
‘	‘	‘	content: "\2018";	Comilla simple superior izquierda
’	’	’	content: "\2019";	Comilla simple superior derecha
‚	&sbquo;	‚	content: "\2020";	Comilla simple inferior derecha
“	“	“	content: "\201c";	Comilla tipo pata superior izquierda
”	”	”	content: "\201d";	Comilla tipo pata superior derecha
„	&bdquo;	„	content: "\201e";	Comilla tipo pata inferior derecha
‟		‟	content: "\201f";	Algún tipo de comilla

Derechos de autor
Símbolo	Mnemotecnia		Código CSS	Descripción
©	©	©	content: "\a9";	Copyright
®	®	®	content: "\ae";	Marca registrada
™	™	™	content: "\2122";	Signo de marca comercial

Signos de moneda
Símbolo	Mnemotecnia		Código CSS	Descripción
€	€	€	content: "\20ac";	Euro
¢	¢	¢	content: "\a2";	Centavo
£	£	£	content: "\a3";	Libra esterlina
¥	¥	¥	content: "\a5";	Yen o yuan
ƒ	&fnof;	ƒ	content: "\192";	Florín
₽		₽	content: "\20bd";	Rublo ruso
₴		₴	content: "\20b4";	Grivna ucraniana
₹		₹	content: "\20b9";	Rupia india
圓		圓	content: "\5713";	Yuan chino
₸		₸	content: "\20b8";	Tenge kazajo

Flechas
Símbolo	Mnemotecnia		Código CSS	Descripción
←	←	←	content: "\2190";	Flecha a la izquierda
↑	↑	↑	content: "\2191";	Flecha hacia arriba
→	→	→	content: "\2192";	Flecha a la derecha
↓	↓	↓	content: "\2193";	Flecha hacia abajo
↔	↔	↔	content: "\2194";	Flecha izquierda y derecha
↕		↕	content: "\2195";	Flecha arriba y abajo
↖		↖	content: "\2196";	Flecha diagonal arriba-izquierda
↗		↗	content: "\2197";	Flecha diagonal arriba-derecha
↘		↘	content: "\2198";	Flecha diagonal abajo-derecha
↙		↙	content: "\2199";	Flecha diagonal abajo-izquierda
⇐	⇐	⇐	content: "\21d0";	Doble flecha a la izquierda
⇑	&uArr;	⇑	content: "\21d1";	Doble flecha hacia arriba
⇒	⇒	⇒	content: "\21d2";	Doble flecha a la derecha
⇓	&dArr;	⇓	content: "\21d3";	Doble flecha hacia abajo
⇔	⇔	⇔	content: "\21d4";	Doble flecha izquierda y derecha
⇕		⇕	content: "\21d5";	Doble flecha arriba y abajo
⇖		⇖	content: "\21d6";	Doble flecha diagonal arriba-izquierda
⇗		⇗	content: "\21d7";	Doble flecha diagonal arriba-derecha
⇘		⇘	content: "\21d8";	Doble flecha diagonal abajo-derecha
⇙		⇙	content: "\21d9";	Doble flecha diagonal abajo-izquierda
⇠		⇠	content: "\21e0";	Flecha punteada a la izquierda
⇡		⇡	content: "\21e1";	Flecha discontinua hacia arriba
⇢		⇢	content: "\21e2";	Flecha punteada a la derecha
⇣		⇣	content: "\21e3";	Flecha punteada hacia abajo
▲		▲	content: "\25b2";	Flecha triangular hacia arriba
△		△	content: "\25b3";	Flecha triangular hacia arriba (contorno)
▶		▶	content: "\25b6";	Flecha triangular a la derecha
▷		▷	content: "\25b7";	Flecha triangular a la derecha (contorno)
▼		▼	content: "\25bc";	Flecha triangular hacia abajo
▽		▽	content: "\25bd";	Flecha triangular hacia abajo (contorno)
◀		◀	content: "\25c0";	Flecha triangular a la izquierda
◁		◁	content: "\25c1";	Flecha triangular a la izquierda (contorno)

Más flechas
⇤		⇤	content: "\21e4";
⇥		⇥	content: "\21e5";
⇄		⇄	content: "\21c4";
⇅		⇅	content: "\21c5";
⇆		⇆	content: "\21c6";
⇇		⇇	content: "\21c7";
⇈		⇈	content: "\21c8";
⇉		⇉	content: "\21c9";
⇊		⇊	content: "\21ca";
⇦		⇦	content: "\21e6";
⇧		⇧	content: "\21e7";
⇨		⇨	content: "\21e8";
⇩		⇩	content: "\21e9";
↺		↺	content: "\21ba";
↻		↻	content: "\21bb";
⟲		⟲	content: "\27f2";
⟳		⟳	content: "\27f3";
⬅		⬅	content: "\2b05";
⬆		⬆	content: "\2b06";
⮕		⮕	content: "\2b95";
⬇		⬇	content: "\2b07";
⬈		⬈	content: "\2b08";
⬉		⬉	content: "\2b09";
⬊		⬊	content: "\2b0a";
⬋		⬋	content: "\2b0b";

Signos matemáticos
Símbolo	Mnemotecnia		Código CSS	Descripción
×	×	×	content: "\d7";	Multiplicación
÷	÷	÷	content: "\f7";	División
±	±	±	content: "\b1";	Más / menos
¬	¬	¬	content: "\ac";	Negación
≤	≤	≤	content: "\2264";	Menor o igual
≥	≥	≥	content: "\2265";	Mayor o igual
≈	≈	≈	content: "\2248";	Aproximadamente
≠	≠	≠	content: "\2260";	No igual
≡	&equiv;	≡	content: "\2261";	Idénticamente
√	√	√	content: "\221a";	Raíz cuadrada
∛		∛	content: "\221b";	Raíz cúbica
∜		∜	content: "\221c";	Raíz cuarta
∞	∞	∞	content: "\221e";	Infinito
∑	∑	∑	content: "\2211";	Signo de suma
∏	∏	∏	content: "\220f";	Signo de producto
∂	∂	∂	content: "\2202";	Diferencial parcial
∫	∫	∫	content: "\222b";	Integral
∀	∀	∀	content: "\2200";	Para todos
∃	∃	∃	content: "\2203";	Existe
∄	&nexist;	∄	content: "\2204";	No existe
∅	∅	∅	content: "\2205";	Conjunto vacío
Δ	Δ	∆	content: "\2206";	Delta
∈	∈	∈	content: "\2208";	Pertenece
∉	∉	∉	content: "\2209";	No pertenece
∋	&ni;	∋	content: "\220b";	Contiene
∌		∌	content: "\220c";	No contiene
⊂	⊂	⊂	content: "\2282";	Es un subconjunto de
⊄	&nsub;	⊄	content: "\2284";	No es un subconjunto de
⊃	⊃	⊃	content: "\2283";	Es un superconjunto
⊅	&nsup;	⊅	content: "\2285";	No es un superconjunto
⊆	&sube;	⊆	content: "\2286";	Es un subconjunto o igual
⊈	&nsube;	⊈	content: "\2288";	No es un subconjunto y no es igual
⊇	&supe;	⊇	content: "\2287";	Es un superconjunto o igual
⊉	&nsupe;	⊉	content: "\2289";	No es un superconjunto y no es igual
∧	&and;	∧	content: "\2227";	AND lógico
∨	&or;	∨	content: "\2228";	OR lógico
∩	∩	∩	content: "\2229";	Intersección
∪	∪	∪	content: "\222a";	Unión
⊥	&perp;	⊥	content: "\22a5";	Perpendicular
∠	&ang;	∠	content: "\2220";	Ángulo

Alfabeto griego
Símbolo	Mnemotecnia		Código CSS	Descripción
α	α	α	content: "\3b1";	Alfa (minúscula)
β	β	β	content: "\3b2";	Beta (minúscula)
γ	γ	γ	content: "\3b3";	Gamma (minúscula)
δ	δ	δ	content: "\3b4";	Delta (minúscula)
ε	ε	ε	content: "\3b5";	Épsilon (minúscula)
ζ	ζ	ζ	content: "\3b6";	Zeta (minúscula)
η	η	η	content: "\3b7";	Esta (minúscula)
θ	θ	θ	content: "\3b8";	Theta (minúscula)
ι	ι	ι	content: "\3b9";	Iota (minúscula)
κ	κ	κ	content: "\3ba";	Kappa (minúscula)
λ	λ	λ	content: "\3bb";	Lambda (minúscula)
μ	μ	μ	content: "\3bc";	Mu (minúscula)
ν	ν	ν	content: "\3bd";	Nu (minúscula)
ξ	ξ	ξ	content: "\3be";	Xi (minúscula)
ο	ο	ο	content: "\3bf";	Ómicron (minúscula)
π	π	π	content: "\3c0";	Pi (minúscula)
ρ	ρ	ρ	content: "\3c1";	Rho (minúscula)
σ	σ	ς	content: "\3c2";	Sigma (minúscula)
ς	&sigmaf;	σ	content: "\3c3";	Sigma final (minúscula)
τ	τ	τ	content: "\3c4";	Tau (minúscula)
υ	υ	υ	content: "\3c5";	Ípsilon (minúscula)
φ	φ	φ	content: "\3c6";	Fi (minúscula)
χ	χ	χ	content: "\3c7";	Ji (minúscula)
ψ	ψ	ψ	content: "\3c8";	Psi (minúscula)
ω	ω	ω	content: "\3c9";	Omega (minúscula)
Α	Α	Α	content: "\391";	Alfa (mayúscula)
Β	Β	Β	content: "\392";	Beta (mayúscula)
Γ	Γ	Γ	content: "\393";	Gamma (mayúscula)
Δ	Δ	Δ	content: "\394";	Delta (mayúscula)
Ε	Ε	Ε	content: "\395";	Épsilon (mayúscula)
Ζ	Ζ	Ζ	content: "\396";	Zeta (mayúscula)
Η	Η	Η	content: "\397";	Esta (mayúscula)
Θ	Θ	Θ	content: "\398";	Theta (mayúscula)
Ι	Ι	Ι	content: "\399";	Iota (mayúscula)
Κ	Κ	Κ	content: "\39a";	Kappa (mayúscula)
Λ	Λ	Λ	content: "\39b";	Lambda (mayúscula)
Μ	Μ	Μ	content: "\39c";	Mu (mayúscula)
Ν	Ν	Ν	content: "\39d";	Nu (mayúscula)
Ξ	Ξ	Ξ	content: "\39e";	Xi (mayúscula)
Ο	Ο	Ο	content: "\39f";	Ómicron (mayúscula)
Π	Π	Π	content: "\3a0";	Pi (mayúscula)
Ρ	Ρ	Ρ	content: "\3a1";	Rho (mayúscula)
Σ	Σ	Σ	content: "\3a3";	Sigma (mayúscula)
Τ	Τ	Τ	content: "\3a4";	Tau (mayúscula)
Υ	Υ	Υ	content: "\3a5";	Ípsilon (mayúscula)
Φ	Φ	Φ	content: "\3a6";	Fi (mayúscula)
Χ	Χ	Χ	content: "\3a7";	Ji (mayúscula)
Ψ	Ψ	Ψ	content: "\3a8";	Psi (mayúscula)
Ω	Ω	Ω	content: "\3a9";	Omega (mayúscula)

Signos del zodiaco
Símbolo	Mnemotecnia		Código CSS	Descripción
♈		♈	content: "\2648";	Aries
♉		♉	content: "\2649";	Tauro
♊		♊	content: "\264a";	Géminis
♋		♋	content: "\264b";	Cáncer
♌		♌	content: "\264c";	Leo
♍		♍	content: "\264d";	Virgo
♎		♎	content: "\264e";	Libra
♏		♏	content: "\264f";	Escorpio
♐		♐	content: "\2650";	Sagitario
♑		♑	content: "\2651";	Capricornio
♒		♒	content: "\2652";	Acuario
♓		♓	content: "\2653";	Piscis

Ajedrez
Símbolo	Mnemotecnia		Código CSS	Descripción
♔		♔	content: "\2654";	Rey blanco
♕		♕	content: "\2655";	Reina blanca
♖		♖	content: "\2656";	Torre blanca
♗		♗	content: "\2657";	Alfil blanco
♘		♘	content: "\2658";	Caballo blanco
♙		♙	content: "\2659";	Peón blanco
♚		♚	content: "\265a";	Rey negro
♛		♛	content: "\265b";	Reina negra
♜		♜	content: "\265c";	Torre negra
♝		♝	content: "\265d";	Alfil negro
♞		♞	content: "\265e";	Caballo negro
♟		♟	content: "\265f";	Peón negro

Cartas de juego
Símbolo	Mnemotecnia		Código CSS	Descripción
♠	&spades;	♠	content: "\2660";	Picas (Winnie)
♣	&clubs;	♣	content: "\2663";	Tréboles
♥	&hearts;	♥	content: "\2665";	Corazones
♦	&diams;	♦	content: "\2666";	Diamantes (Booby)
♤		♤	content: "\2664";	Picas (Winnie) (contorno)
♧		♧	content: "\2667";	Tréboles (contorno)
♡		♡	content: "\2661";	Corazones (contorno)
♢		♢	content: "\2662";	Diamantes (Booby) (contorno)

Clima / Hora del día
Símbolo	Mnemotecnia		Código CSS	Descripción
☀		☀	content: "\2600";	Sol
☁		☁	content: "\2601";	Nube
☂		☂	content: "\2602";	Paraguas
☼		☼	content: "\263c";	Solecito
☽		☽	content: "\263d";	Luna
☾		☾	content: "\263e";	Luna
⛅		⛅	content: "\26c5";	Sol detrás de una nube
⛈		⛈	content: "\26c8";	Nube (Tormenta)

Otros
Símbolo	Mnemotecnia		Código CSS	Descripción
★		★	content: "\2605";	Estrella
☆		☆	content: "\2606";	Estrella (contorno)
☎		☎	content: "\260e";	Teléfono
☏		☏	content: "\260f";	Teléfono
☹		☹	content: "\2639";	Emoticono
☺		☺	content: "\263a";	Emoticono
☻		☻	content: "\263b";	Emoticono
♀		♀	content: "\2640";	Signo femenino
♂		♂	content: "\2642";	Signo masculino
♪		♪	content: "\266a";	Nota
♫		♫	content: "\266b";	Nota
⚽		⚽	content: "\26bd";	Balón de fútbol
⚾		⚾	content: "\26be";	Pelota de tenis
✂		✂	content: "\2702";	Tijeras
✄		✄	content: "\2704";	Tijeras
✆		✆	content: "\2706";	Auricular
✈		✈	content: "\2708";	Avión
✉		✉	content: "\2709";	Sobre
✏		✏	content: "\270f";	Lápiz
✓		✓	content: "\2713";	Marca de verificación
✔		✔	content: "\2714";	Marca de verificación en negrita
✕		✕	content: "\2715";	Cruz
✖		✖	content: "\2716";	Cruz en negrita
✗		✗	content: "\2717";	Cruz inclinada
✘		✘	content: "\2718";	Cruz inclinada en negrita
◐		◐	content: "\25d0";	Círculo con la mitad izquierda rellena
◑		◑	content: "\25d1";	Círculo con la mitad derecha rellena
☯		☯	content: "\262f";	Yin y yang
⌚		⌚	content: "\231a";	Reloj de pulsera
⏰		⏰	content: "\23f0";	Despertador
⏱		⏱	content: "\23f1";	Reloj
⏲		⏲	content: "\23f2";	Reloj
⏳		⏳	content: "\23f3";	Reloj de arena

Medios
Símbolo	Mnemotecnia		Código CSS	Descripción
⏯		⏯	content: "\23ef";	Reproducir / Pausa
⏸		⏸	content: "\23f8";	Pausa
⏹		⏹	content: "\23f9";	Detener
⏺		⏺	content: "\23fa";	Grabación
⏩		⏩	content: "\23e9";	Avance rápido
⏪		⏪	content: "\23ea";	Retroceso
⏫		⏫	content: "\23eb";	Desplazar hacia arriba
⏬		⏬	content: "\23ec";	Desplazar hacia abajo
⏭		⏭	content: "\23ed";	Avance hasta el final
⏮		⏮	content: "\23ee";	Retroceso hasta el inicio

Selección de HTML-símbolos (símbolos mnemónicos) de uso frecuente, que se pueden utilizar en la maquetación del sitio sustituyendo iconos. La ventaja es que su visualización no requiere la conexión de una fuente adicional en el sitio. Además, casi no pesan nada (peso == longitud del código HTML) y no generan solicitudes adicionales HTTP al servidor, lo que contribuye a reducir el tiempo de carga de la página.