Erstellen Sie in wenigen Minuten eine individuelle Icon-Font. Durchsuchen Sie über 20.000 Open-Source-Icons aus Lucide und Tabler, laden Sie eigene SVGs hoch und generieren Sie eine produktionsreife WOFF + CSS-Schriftart. Kostenlos, ohne Anmeldung.
Keine Software zu installieren, kein Konto zu erstellen. Alles läuft in Ihrem Browser.
Durchsuchen Sie 20.000+ Icons nach Kategorie oder suchen Sie nach Namen. Laden Sie eigene SVG-Dateien hoch, um benutzerdefinierte Icons hinzuzufügen. Kombinieren Sie Icons aus beliebigen Sammlungen.
Klicken Sie auf Generieren und erhalten Sie eine produktionsreife WOFF-Schriftart mit einer passenden CSS-Datei. Jedes Icon bekommt einen eindeutigen Klassennamen wie tf-icon-home.
Laden Sie die Dateien auf Ihren Server und fügen Sie einen CSS-Link in Ihren Header ein. Funktioniert mit HTML, React, Vue, Angular, WordPress, Webflow, Bubble und jedem Framework.
Der Generator ist vollständig kostenlos. Der Pro-Plan ergänzt ein gehostetes CDN mit automatischen Updates für 15 CAD/Jahr.
Pro-Plan: das sind 1,25 $/Monat. Weniger als ein Kaffee.
Ihre generierte Icon-Font funktioniert überall, wo Sie eine CSS-Datei einbinden können.
Jede statische Website oder handgecodeetes Projekt.
CSS importieren und Klassennamen in JSX oder Templates verwenden.
In den Fonts-Ordner des Themes legen und Stylesheet einbinden.
Zu Assets hochladen, CSS-URL im Custom Code Head hinzufügen.
Dateien hochladen, CSS-URL im SEO/Metatags-Header hinzufügen.
CSS-URL in den Projekteinstellungen im Custom Code hinzufügen.
In Theme-Assets hochladen und im Layout referenzieren.
Die Font-Datei in React Native, Flutter oder nativen Apps verwenden.
Eine Icon-Font ist eine individuelle Web-Schriftart, bei der jedes Zeichen ein Icon statt eines Buchstabens ist. Sie binden eine CSS-Datei in Ihre Website ein und verwenden Klassennamen wie <i class="tf-icon-home"></i>, um Icons anzuzeigen. Sie skalieren auf jede Größe, können mit CSS eingefärbt werden und laden in einer einzigen HTTP-Anfrage.
Über 20.000 Icons aus Open-Source-Sammlungen, einschließlich Lucide und Tabler. Sie können auch eigene SVG-Dateien hochladen, um benutzerdefinierte Icons in Ihre Schriftart aufzunehmen.
Ja. Der kostenlose Tarif ermöglicht Ihnen, alle über 20.000 Icons zu durchsuchen, benutzerdefinierte SVGs hochzuladen und die kompilierten WOFF + CSS-Dateien herunterzuladen. Keine Anmeldung, kein Wasserzeichen, keine Begrenzung bei der Anzahl der Icons.
Für 15 CAD/Jahr hostet der Pro-Plan Ihre Icon-Font auf einem CDN. Sie erhalten eine permanente URL, die Sie im Header Ihrer Website einfügen. Wenn Sie Icons hinzufügen oder entfernen, aktualisiert sich das CDN automatisch -- kein erneutes Herunterladen oder Hochladen. Sie können unbegrenzte Icon-Bibliotheken erstellen.
Icon-Fonts sind einfacher zu verwenden (nur CSS-Klassen), laden in einer einzigen Anfrage und funktionieren überall, auch in E-Mail-Templates. Sie können mit CSS genau wie Text skaliert und eingefärbt werden. SVG-Sprites sind ebenfalls gut -- verwenden Sie, was zu Ihrem Projekt passt.
Ja. Alle Icons im Generator stammen aus Open-Source-Sammlungen mit freizügigen Lizenzen (MIT oder ISC). Sie können sie in privaten und kommerziellen Projekten ohne Namensnennung verwenden, obwohl die Nennung der ursprünglichen Autoren geschätzt wird.
Dieser Icon-Font-Generator ist eines von vielen Tools in TimingFlow -- dem kreativen Betriebssystem für digitale Agenturen. Eine Plattform, die Ihren gesamten Tech-Stack ersetzt.
20.000+ Icons. Eigene SVGs. WOFF + CSS-Ausgabe. Kostenlos, ohne Anmeldung.