Iconsets für die einfache Einbindung per CSS

Im folgenden eine Ansammlung von Icon Fonts, die sich recht einfach in einem Webprojekt integrieren und verwenden lassen. Ich verwende diese Fonts sehr gerne, da so nicht immer erst ein passenden Iconset (gerade für die Social Media Icons) gesucht werden müssen, die Grafiken zu einem Sprite zusammengefummelt und dann die Icons per CSS entsprechend eingebunden/positioniert werden müssen.

Ein weiterer Vorteil dieser Icon-Fonts ist, dass sie vektorbasiert und damit skalierbar sind. Dadurch sind sie gleich optimal für Retina Displays geeignet.

Manche Anbieter (wie z.B. bei Font Awesome) bieten auch an, dass der Font direkt über ein CDN eingebunden werden kann. Hier entfallen dann sogar noch ein paar Schritte. Einfach zusätzliche CSS Datei einbinden und direkt die Icons via CSS-Klasse verwenden.

    • Kann auch direkt via CDN eingebunden werden: Bootstrap CDN
    • Eine sehr große Auswahl (derzeit 479) an Icons, für alle möglichen Belange
    • Gewünsche Icons auswählen, Font generieren, CSS Datei einbinden und verwenden.
    • Hier gilt das selbe wie bei IcoMoon (also ein Font wird genriert und die Dateien liegen lokal).
    • Viele Iconsets verfügbar (u.a. Font Awesome)