So nutzt du: Textzeichen & Sonderzeichen
- Suche nach Namen („Häkchen“, „Pfeil“, „Grad“) oder wähle eine Gruppe aus, zum Beispiel „Pfeile“, „Mathe“ oder „Kästchen zeichnen“.
- Klick auf ein Symbol, um es zu kopieren und zur Sammelleiste hinzuzufügen; klick weiter, um eine Zeichenfolge zu bilden.
- Nutze das Detailfenster für HTML-Entitäten, Dezimal- und Hex-Codes sowie CSS- und JavaScript-Escape-Zeichen.
- Brauchst du ein unsichtbares Zeichen? Die Gruppe „Leerzeichen & unsichtbare Zeichen“ enthält nicht trennbare Leerzeichen, schmale Leerzeichen, Leerzeichen mit der Breite Null und andere Sonderzeichen.
Die am häufigsten verwendeten Symbole und ihre HTML-Codes
| Symbol | Name | HTML |
|---|---|---|
| ✓ | Häkchen | ✓ / ✓ |
| → | Pfeil nach rechts | → |
| • | Aufzählungszeichen | • |
| — | Gedankenstrich | — |
| © | Urheberrecht | © |
| ° | Grad | ° |
| × | Multiplikation | × |
| | Schusstrich | |
Spezielle und unsichtbare Leerzeichen
Unicode verfügt über mehr als ein Dutzend Leerzeichen. Ein geschützte Leerzeichen sorgt dafür, dass „10 km“ oder „Herr Smith“ in einer Zeile bleiben; ein schmales Leerzeichen trennt Tausender (10 000); ein Leerzeichen mit der Breite Null ermöglicht einen Zeilenumbruch innerhalb langer URLs oder Wörter, ohne dass etwas angezeigt wird. In Webflow kannst du sie direkt in Textfelder eingeben. Achtung: Unsichtbare Zeichen, die aus Word, PDFs oder AI-Tools kopiert wurden, können Code, URLs und CMS-Slugs beschädigen – finde und entferne sie mit dem Unicode-Zeichen-Inspektor.
Symbole vs. Icons
Textsymbole skalieren mit der Schriftart, verursachen keine zusätzlichen Anfragen und eignen sich perfekt für Listen, Preise und kurze UI-Hinweise. Ihr Aussehen hängt von der Schriftart ab, und manche (☀ ✈ ❤) können auf Handys zu farbigen Emojis werden – füge den Variationsselektor U+FE0E hinzu, um den Textstil zu erzwingen. Für markenkonsistente UI-Icons verwende stattdessen SVG; das Tool „SVG to Webflow“ fügt sie direkt in den Designer ein.
Hochstellungen und Brüche
Zeichen wie ² ³ ½ ¼ sind echte Zeichen, daher bleiben sie beim Kopieren und Einfügen in Social-Media-Beiträge und CMS-Felder erhalten, wo <sup> nicht verfügbar ist. Für vollständig formatierte Wörter in sozialen Medien nutze den Bold Text Generator.
Auch gesucht als: textzeichen, sonderzeichen, symbole kopieren und einfügen, häkchen-symbol, pfeilsymbol, stern-symbol, aufzählungszeichen, unsichtbares zeichen.
Passende Tools zu: Textzeichen & Sonderzeichen
- Emojis kopieren und einfügen — Finde jedes Emoji anhand seiner Bedeutung – „Rakete“, „Party“, „ok“ – klick drauf, um es zu kopieren, sammle mehrere hintereinander und hol dir die HTML-, CSS- und JavaScript-Codes oder ein einzeiliges Emoji-Favicon.
- HTML Entity Encoder — Escape < > & " so text is safe to show in HTML, convert accents and symbols to named or numeric entities, or decode entity-filled HTML back to plain text.
- ASCII-Art-Generator — Gib ein Wort ein und sieh es dir gleich in 20 ASCII-Art-Schriftarten an – Standard, Slant, ANSI Shadow, Doom und mehr.
- Smart Quotes to Straight Quotes — Code copied from Slack, Notion, Word or a blog won’t run?