HTML-Symbole

Sammlung von HTML-Symbolen zur Einfügung auf die Website, erfordert keine zusätzliche Schriftinstallation.

Häufig verwendete Symbole
Symbol	Eselsbrücke		CSS-Code	Beschreibung
			content: "\a0";	Geschütztes Leerzeichen
			content: "\2009";	Sehr schmaler Abstand
	&ensp;		content: "\2002";	Leerzeichen in N-Breite
	&emsp;		content: "\2003";	Leerzeichen in M-Breite
‌	&zwnj;	‌	content: "\200c";	Nicht verbindendes Zeichen mit Null-Länge
‌	&zwj;	‍	content: "\200d";	Verbindendes Zeichen mit Null-Länge
–	–	–	content: "\2013";	Schmaler Gedankenstrich
—	—	—	content: "\2014";	Breiter Gedankenstrich
́		́	content: "\301";	Akzent, nach dem betonten Buchstaben gesetzt
…	…	…	content: "\2026";	Auslassungspunkte
§	§	§	content: "\a7";	Absatz
°	°	°	content: "\b0";	Grad
‰	&permil;	‰	content: "\2030";	Promille
π	π	π	content: "\3c0";	Pi
µ	µ	µ	content: "\b5";	Mikro
¶	¶	¶	content: "\b6";	Absatzzeichen
•	•	•	content: "\2022";	Listenmarker
‾	&oline;	‾	content: "\203e";	Überstrich
&	&	&	content: "\26";	Und-Zeichen
<	<	<	content: "\3c";	Kleiner (Tag-Anfang)
>	>	>	content: "\3e";	Größer (Tag-Ende)
"	"	"	content: "\22";	Doppelte Anführungszeichen
«	«	«	content: "\ab";	Linkes typografisches Anführungszeichen
»	»	»	content: "\bb";	Rechtes typografisches Anführungszeichen
‹	&lsaquo;	‹	content: "\2039";	Linkes einfaches spitzes Anführungszeichen
›	&rsaquo;	›	content: "\203a";	Rechtes einfaches spitzes Anführungszeichen
′	′	′	content: "\2032";	Strich (Minuten, Fuß)
″	″	″	content: "\2033";	Doppelstrich (Sekunden, Zoll)
‘	‘	‘	content: "\2018";	Linkes oberes einfaches Anführungszeichen
’	’	’	content: "\2019";	Rechtes oberes einfaches Anführungszeichen
‚	&sbquo;	‚	content: "\2020";	Rechtes unteres einfaches Anführungszeichen
“	“	“	content: "\201c";	Anführungszeichen-Fuß links oben
”	”	”	content: "\201d";	Anführungszeichen-Fuß rechts oben
„	&bdquo;	„	content: "\201e";	Anführungszeichen-Fuß rechts unten
‟		‟	content: "\201f";	Irgendein Anführungszeichen

Urheberrechte
Symbol	Eselsbrücke		CSS-Code	Beschreibung
©	©	©	content: "\a9";	Copyright
®	®	®	content: "\ae";	Eingetragenes Warenzeichen
™	™	™	content: "\2122";	Warenzeichen

Währungszeichen
Symbol	Eselsbrücke		CSS-Code	Beschreibung
€	€	€	content: "\20ac";	Euro
¢	¢	¢	content: "\a2";	Cent
£	£	£	content: "\a3";	Pfund Sterling
¥	¥	¥	content: "\a5";	Yen oder Yuan
ƒ	&fnof;	ƒ	content: "\192";	Florin
₽		₽	content: "\20bd";	Russischer Rubel
₴		₴	content: "\20b4";	Ukrainische Hrywnja
₹		₹	content: "\20b9";	Indische Rupie
圓		圓	content: "\5713";	Chinesischer Yuan
₸		₸	content: "\20b8";	Kasachischer Tenge

Pfeile
Symbol	Eselsbrücke		CSS-Code	Beschreibung
←	←	←	content: "\2190";	Pfeil nach links
↑	↑	↑	content: "\2191";	Pfeil nach oben
→	→	→	content: "\2192";	Pfeil nach rechts
↓	↓	↓	content: "\2193";	Pfeil nach unten
↔	↔	↔	content: "\2194";	Pfeil nach links und rechts
↕		↕	content: "\2195";	Pfeil nach oben und unten
↖		↖	content: "\2196";	Pfeil diagonal nach oben-links
↗		↗	content: "\2197";	Pfeil diagonal nach oben-rechts
↘		↘	content: "\2198";	Pfeil diagonal nach unten-rechts
↙		↙	content: "\2199";	Pfeil diagonal nach unten-links
⇐	⇐	⇐	content: "\21d0";	Doppelpfeil nach links
⇑	&uArr;	⇑	content: "\21d1";	Doppelpfeil nach oben
⇒	⇒	⇒	content: "\21d2";	Doppelpfeil nach rechts
⇓	&dArr;	⇓	content: "\21d3";	Doppelpfeil nach unten
⇔	⇔	⇔	content: "\21d4";	Doppelpfeil nach links und rechts
⇕		⇕	content: "\21d5";	Doppelpfeil nach oben und unten
⇖		⇖	content: "\21d6";	Doppelpfeil diagonal nach oben-links
⇗		⇗	content: "\21d7";	Doppelpfeil diagonal nach oben-rechts
⇘		⇘	content: "\21d8";	Doppelpfeil diagonal nach unten-rechts
⇙		⇙	content: "\21d9";	Doppelpfeil diagonal nach unten-links
⇠		⇠	content: "\21e0";	Gepunkteter Pfeil nach links
⇡		⇡	content: "\21e1";	Gestrichelter Pfeil nach oben
⇢		⇢	content: "\21e2";	Gepunkteter Pfeil nach rechts
⇣		⇣	content: "\21e3";	Gepunkteter Pfeil nach unten
▲		▲	content: "\25b2";	Dreieckiger Pfeil nach oben
△		△	content: "\25b3";	Dreieckiger Pfeil nach oben (Umriss)
▶		▶	content: "\25b6";	Dreieckiger Pfeil nach rechts
▷		▷	content: "\25b7";	Dreieckiger Pfeil nach rechts (Umriss)
▼		▼	content: "\25bc";	Dreieckiger Pfeil nach unten
▽		▽	content: "\25bd";	Dreieckiger Pfeil nach unten (Umriss)
◀		◀	content: "\25c0";	Dreieckiger Pfeil nach links
◁		◁	content: "\25c1";	Dreieckiger Pfeil nach links (Umriss)

Weitere Pfeile
⇤		⇤	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";

Mathematische Zeichen
Symbol	Eselsbrücke		CSS-Code	Beschreibung
×	×	×	content: "\d7";	Multiplikation
÷	÷	÷	content: "\f7";	Division
±	±	±	content: "\b1";	Plus / Minus
¬	¬	¬	content: "\ac";	Negation
≤	≤	≤	content: "\2264";	Kleiner oder gleich
≥	≥	≥	content: "\2265";	Größer oder gleich
≈	≈	≈	content: "\2248";	Ungefähr
≠	≠	≠	content: "\2260";	Ungleich
≡	&equiv;	≡	content: "\2261";	Identisch
√	√	√	content: "\221a";	Quadratwurzel
∛		∛	content: "\221b";	Kubikwurzel
∜		∜	content: "\221c";	Vierte Wurzel
∞	∞	∞	content: "\221e";	Unendlichkeit
∑	∑	∑	content: "\2211";	Summenzeichen
∏	∏	∏	content: "\220f";	Produktzeichen
∂	∂	∂	content: "\2202";	Partielle Ableitung
∫	∫	∫	content: "\222b";	Integral
∀	∀	∀	content: "\2200";	Für alle
∃	∃	∃	content: "\2203";	Existiert
∄	&nexist;	∄	content: "\2204";	Existiert nicht
∅	∅	∅	content: "\2205";	Leere Menge
Δ	Δ	∆	content: "\2206";	Delta
∈	∈	∈	content: "\2208";	Gehört zu
∉	∉	∉	content: "\2209";	Gehört nicht zu
∋	&ni;	∋	content: "\220b";	Enthält
∌		∌	content: "\220c";	Enthält nicht
⊂	⊂	⊂	content: "\2282";	Ist eine Teilmenge von
⊄	&nsub;	⊄	content: "\2284";	Keine Teilmenge von
⊃	⊃	⊃	content: "\2283";	Obermenge
⊅	&nsup;	⊅	content: "\2285";	Keine Obermenge
⊆	&sube;	⊆	content: "\2286";	Teilmenge oder gleich
⊈	&nsube;	⊈	content: "\2288";	Keine Teilmenge und nicht gleich
⊇	&supe;	⊇	content: "\2287";	Obermenge oder gleich
⊉	&nsupe;	⊉	content: "\2289";	Keine Obermenge und nicht gleich
∧	&and;	∧	content: "\2227";	Logisches UND
∨	&or;	∨	content: "\2228";	Logisches ODER
∩	∩	∩	content: "\2229";	Schnittmenge
∪	∪	∪	content: "\222a";	Vereinigung
⊥	&perp;	⊥	content: "\22a5";	Senkrecht
∠	&ang;	∠	content: "\2220";	Winkel

Griechisches Alphabet
Symbol	Eselsbrücke		CSS-Code	Beschreibung
α	α	α	content: "\3b1";	Alpha (klein)
β	β	β	content: "\3b2";	Beta (klein)
γ	γ	γ	content: "\3b3";	Gamma (klein)
δ	δ	δ	content: "\3b4";	Delta (klein)
ε	ε	ε	content: "\3b5";	Epsilon (klein)
ζ	ζ	ζ	content: "\3b6";	Zeta (klein)
η	η	η	content: "\3b7";	Diese (klein)
θ	θ	θ	content: "\3b8";	Theta (klein)
ι	ι	ι	content: "\3b9";	Iota (klein)
κ	κ	κ	content: "\3ba";	Kappa (klein)
λ	λ	λ	content: "\3bb";	Lambda (klein)
μ	μ	μ	content: "\3bc";	My (klein)
ν	ν	ν	content: "\3bd";	Ny (klein)
ξ	ξ	ξ	content: "\3be";	Xi (klein)
ο	ο	ο	content: "\3bf";	Omikron (klein)
π	π	π	content: "\3c0";	Pi (klein)
ρ	ρ	ρ	content: "\3c1";	Rho (klein)
σ	σ	ς	content: "\3c2";	Sigma (klein)
ς	&sigmaf;	σ	content: "\3c3";	End-Sigma (klein)
τ	τ	τ	content: "\3c4";	Tau (klein)
υ	υ	υ	content: "\3c5";	Ypsilon (klein)
φ	φ	φ	content: "\3c6";	Phi (klein)
χ	χ	χ	content: "\3c7";	Chi (klein)
ψ	ψ	ψ	content: "\3c8";	Psi (klein)
ω	ω	ω	content: "\3c9";	Omega (klein)
Α	Α	Α	content: "\391";	Alpha (groß)
Β	Β	Β	content: "\392";	Beta (groß)
Γ	Γ	Γ	content: "\393";	Gamma (groß)
Δ	Δ	Δ	content: "\394";	Delta (groß)
Ε	Ε	Ε	content: "\395";	Epsilon (groß)
Ζ	Ζ	Ζ	content: "\396";	Zeta (groß)
Η	Η	Η	content: "\397";	Diese (groß)
Θ	Θ	Θ	content: "\398";	Theta (groß)
Ι	Ι	Ι	content: "\399";	Iota (groß)
Κ	Κ	Κ	content: "\39a";	Kappa (groß)
Λ	Λ	Λ	content: "\39b";	Lambda (groß)
Μ	Μ	Μ	content: "\39c";	My (groß)
Ν	Ν	Ν	content: "\39d";	Ny (groß)
Ξ	Ξ	Ξ	content: "\39e";	Xi (groß)
Ο	Ο	Ο	content: "\39f";	Omikron (groß)
Π	Π	Π	content: "\3a0";	Pi (groß)
Ρ	Ρ	Ρ	content: "\3a1";	Rho (groß)
Σ	Σ	Σ	content: "\3a3";	Sigma (groß)
Τ	Τ	Τ	content: "\3a4";	Tau (groß)
Υ	Υ	Υ	content: "\3a5";	Ypsilon (groß)
Φ	Φ	Φ	content: "\3a6";	Phi (groß)
Χ	Χ	Χ	content: "\3a7";	Chi (groß)
Ψ	Ψ	Ψ	content: "\3a8";	Psi (groß)
Ω	Ω	Ω	content: "\3a9";	Omega (groß)

Tierkreiszeichen
Symbol	Eselsbrücke		CSS-Code	Beschreibung
♈		♈	content: "\2648";	Widder
♉		♉	content: "\2649";	Stier
♊		♊	content: "\264a";	Zwillinge
♋		♋	content: "\264b";	Krebs
♌		♌	content: "\264c";	Löwe
♍		♍	content: "\264d";	Jungfrau
♎		♎	content: "\264e";	Waage
♏		♏	content: "\264f";	Skorpion
♐		♐	content: "\2650";	Schütze
♑		♑	content: "\2651";	Steinbock
♒		♒	content: "\2652";	Wassermann
♓		♓	content: "\2653";	Fische

Schach
Symbol	Eselsbrücke		CSS-Code	Beschreibung
♔		♔	content: "\2654";	Weißer König
♕		♕	content: "\2655";	Weiße Dame (Königin)
♖		♖	content: "\2656";	Weißer Turm
♗		♗	content: "\2657";	Weißer Läufer (Offizier)
♘		♘	content: "\2658";	Weißes Pferd
♙		♙	content: "\2659";	Weißer Bauer
♚		♚	content: "\265a";	Schwarzer König
♛		♛	content: "\265b";	Schwarze Dame (Königin)
♜		♜	content: "\265c";	Schwarzer Turm
♝		♝	content: "\265d";	Schwarzer Läufer (Offizier)
♞		♞	content: "\265e";	Schwarzes Pferd
♟		♟	content: "\265f";	Schwarzer Bauer

Spielkarten
Symbol	Eselsbrücke		CSS-Code	Beschreibung
♠	&spades;	♠	content: "\2660";	Pik (Winnie)
♣	&clubs;	♣	content: "\2663";	Kreuz (Treff)
♥	&hearts;	♥	content: "\2665";	Herz
♦	&diams;	♦	content: "\2666";	Karo (Booby)
♤		♤	content: "\2664";	Pik (Winnie) (Umriss)
♧		♧	content: "\2667";	Kreuz (Treff) (Umriss)
♡		♡	content: "\2661";	Herz (Umriss)
♢		♢	content: "\2662";	Karo (Booby) (Umriss)

Wetter / Tageszeit
Symbol	Eselsbrücke		CSS-Code	Beschreibung
☀		☀	content: "\2600";	Sonne
☁		☁	content: "\2601";	Wolke
☂		☂	content: "\2602";	Regenschirm
☼		☼	content: "\263c";	Sonnenschein
☽		☽	content: "\263d";	Mond
☾		☾	content: "\263e";	Mond
⛅		⛅	content: "\26c5";	Sonne hinter einer Wolke
⛈		⛈	content: "\26c8";	Gewitterwolke

Sonstiges
Symbol	Eselsbrücke		CSS-Code	Beschreibung
★		★	content: "\2605";	Stern
☆		☆	content: "\2606";	Stern (Umriss)
☎		☎	content: "\260e";	Telefon
☏		☏	content: "\260f";	Telefon
☹		☹	content: "\2639";	Smiley
☺		☺	content: "\263a";	Smiley
☻		☻	content: "\263b";	Smiley
♀		♀	content: "\2640";	Weibliches Geschlechtszeichen
♂		♂	content: "\2642";	Männliches Geschlechtszeichen
♪		♪	content: "\266a";	Note
♫		♫	content: "\266b";	Note
⚽		⚽	content: "\26bd";	Fußball
⚾		⚾	content: "\26be";	Tennisball
✂		✂	content: "\2702";	Schere
✄		✄	content: "\2704";	Schere
✆		✆	content: "\2706";	Telefonhörer
✈		✈	content: "\2708";	Flugzeug
✉		✉	content: "\2709";	Umschlag
✏		✏	content: "\270f";	Bleistift
✓		✓	content: "\2713";	Häkchen
✔		✔	content: "\2714";	Fettes Häkchen
✕		✕	content: "\2715";	Kreuz
✖		✖	content: "\2716";	Fettes Kreuz
✗		✗	content: "\2717";	Schräges Kreuz
✘		✘	content: "\2718";	Fettes schräges Kreuz
◐		◐	content: "\25d0";	Kreis mit linker Hälfte gefüllt
◑		◑	content: "\25d1";	Kreis mit rechter Hälfte gefüllt
☯		☯	content: "\262f";	Yin und Yang
⌚		⌚	content: "\231a";	Armbanduhr
⏰		⏰	content: "\23f0";	Wecker
⏱		⏱	content: "\23f1";	Uhr
⏲		⏲	content: "\23f2";	Uhr
⏳		⏳	content: "\23f3";	Sanduhr

Medien
Symbol	Eselsbrücke		CSS-Code	Beschreibung
⏯		⏯	content: "\23ef";	Wiedergabe / Pause
⏸		⏸	content: "\23f8";	Pause
⏹		⏹	content: "\23f9";	Stopp
⏺		⏺	content: "\23fa";	Aufnahme
⏩		⏩	content: "\23e9";	Vorwärts spulen
⏪		⏪	content: "\23ea";	Zurückspulen
⏫		⏫	content: "\23eb";	Nach oben scrollen
⏬		⏬	content: "\23ec";	Nach unten scrollen
⏭		⏭	content: "\23ed";	Zum Ende spulen
⏮		⏮	content: "\23ee";	Zum Anfang spulen

Sammlung häufig verwendeter HTML-Symbole (Symbol-Mnemoniken), die beim Layout einer Website verwendet werden können, indem sie Icons ersetzen. Der Vorteil besteht darin, dass ihre Ausgabe keine zusätzliche Schriftanbindung auf der Website erfordert. Außerdem wiegen sie fast nichts (Gewicht == Länge des HTML-Codes) und erzeugen keine zusätzlichen HTTP-Anfragen an den Server, was zur Verringerung der Ladezeit der Seite beiträgt.