de.hideout-lastation.com
Paradies Für Designer Und Entwickler


10 nützliche & kostenlose Schriftart Icons Sie sollten Lesezeichen

Da immer mehr Geräte High-Definition-Bildschirme verwenden, werden Schrift-Icons zur beliebten Wahl. Es ist in der Größe veränderbar, ohne die Qualität zu beeinträchtigen, und kann über CSS angepasst werden . Wir können die Farbe, die Größe und sogar das Animieren von Schriftarten mit CSS3 einfach ändern. Außerdem ist es auflösungsunabhängig, wodurch es auf jeder Bildschirmdichte scharf aussieht.

FontAwesome ist mit Abstand eine der beliebtesten Schriftquellen mit einer riesigen Sammlung von Icons. Es ist jedoch sehr unnötig, die gesamte Sammlung herunterzuladen, wenn Sie nur ein paar benötigen. Hier sind 10 alternative Quellen für gut gestaltete Schriftart-Symbole, von denen ich hoffe, dass Sie sie manchmal nützlich finden würden, um Ihre nächsten großartigen Websites und Apps anstelle von FontAwesome zu erstellen.

StackIcons

StackIcons sind Font-Icons für über 60 moderne Social Brands. Es kommt mit CSS, so dass Sie Ihre Schriftart in vielen Containerformen stylen können. Sie können Ihre sozialen Markenikonen in Kreisen, Quadraten oder mit abgerundeten Kanten erhalten. Sie können die Symbole auch in mehr als einer Farbe färben, wodurch Sie realistischere Markenfarben erhalten.

Lizenz : SIL Open Font und MIT

Twemoji Super

Twemoji ist ein Open-Source-Emoticon-Projekt von Twitter. Elle Kasai hat es auf ein Font-Icon namens Twemoji Awesome portiert. Alle Klassennamen zum Anzeigen der Symbole sind die gleichen wie beim Twemoji Cheat Sheet, aber Sie müssen einen Bindestrich anstelle eines Unterstrichs verwenden, das ist alles. Hier ist ein Beispiel, wie wir das hatching_chick Icon hinzufügen:

Lizenz: MIT und CC-BY für die Emoticon-Grafik

Schriftart Diao

Font Diao ist eine Sammlung von Schrift-Icons von beliebten Websites oder Unternehmen mit Sitz in China wie Alibaba, Alipay, WeChat, Xiaomi und Weibo. Die Schriftart kann nützlich sein, wenn Sie Werbespots bauen, die für Chinesen bestimmt sind, die mit dieser speziellen Schriftart vertraut sind.

Lizenz: Öffentliche Lizenz

Sozialköstlich

Socialicious ist eine Schriftart, die ausschließlich für beliebte soziale Websites wie Facebook, Twitter und Instagram erstellt wurde. Die Schriftart ist so aufgebaut, dass sie gut mit Bootstrap funktioniert. Hier ist ein Beispielcode zum Erstellen einer Schaltfläche mit der Bootstrap-Klasse .btn in Verbindung mit Schriftklassen.

  Verbinde dich mit Linkedin 

Lizenz: MIT-Lizenz.

Octicons

Octicons ist eine Sammlung von Font-Icons, die von GitHub präsentiert werden. Sie können damit das gleiche Icon verwenden wie GitHub in Ihrem Projekt. Es stehen mehr als 170 Symbole für Ihr nächstes Projekt zur Verfügung.

Zahlung Schriftart

Wenn Sie ein Zahlungsgateway verwenden, sollten Sie diese Schriftartensymbole verwenden. Das Paket enthält 95 Schlafsymbole, die beliebte Zahlungsmethoden oder Gateways wie Visa, American Express und mehr sind.

Lizenz: SIL OFL 1.1

Android-Symbole

Dies ist das Icon-Set von Opoloo, das früher als Android-Community bekannt war. Es enthält 250 tolle Icons in 5 Größen und 14 Farben von nativen Android Icons.

Lizenz : Namensnennung-Weitergabe unter gleichen Bedingungen 4.0 International

DevIcons

DevIcons ist eine Reihe von Schrift-Icons von Theodore Vorillas handgefertigt. Es enthält 85 Symbole und Logos bekannter Entwicklungsanwendungen wie GitHub-Symbol, Gulp-Symbol, Angular-Symbol und viele andere.

Lizenz: MIT

Öffne Ikonisch

Open Icon enthält 223 Symbole, die mit Bootstrap, einem Framework oder einem eigenen Stylesheet verwendet werden können. Die Schriftgröße ist klein, nur 12, 4 KB, was etwa einem Viertel von dem ist, was Sie in FontAwesome finden. Die coole Sache hier ist, diese Symbole können bis zu 8px verkleinert werden.

Lizenz: SIL.

Material Design Iconic Schriftart

Es gibt 15 Kategorien von Google Material Design-inspirierten Schrift-Symbolen in diesem Paket. Um sie zu benutzen, installiere einfach Material-Design-Iconic-Font.ttf, dann benutze diesen Cheatsheet. Kopieren Sie die Symbole (nicht den Unicode) in Ihr Projekt. Sie können die Symbole vergrößern, Grenzen setzen, sie drehen, drehen oder mit CSS spiegeln.

Lizenz : Namensnennung-Weitergabe unter gleichen Bedingungen 4.0 International

Jetzt lesen: 50+ kostenlose Symbol Schriftarten für Webdesigner

20 lächerlich kreative Paket-Designs, die Sie sehen müssen

20 lächerlich kreative Paket-Designs, die Sie sehen müssen

Wenn Sie im Supermarkt einkaufen, werden Sie wahrscheinlich wahrscheinlich Dinge kaufen, die Sie nicht unbedingt brauchen. Manchmal, was dich anlockt, ist nicht das Produkt selbst, sondern die Art, wie es dir präsentiert wird . Vermarkter können viel Geld für Werbekampagnen oder riesige Werbetafeln ausgeben, aber nichts geht besser als clevere Verpackungen.Um

(Tech- und Design-Tipps)

Das neue Gmail - Material Design und 8 neue Features

Das neue Gmail - Material Design und 8 neue Features

Gmail hat kürzlich ein großes Update erhalten, das die schöne Material-Design-Schnittstelle zu unserem bevorzugten E-Mail-Anbieter bringt. Das ist nicht alles, es stellt viele Funktionen vor, mit denen Sie den Posteingang organisieren können, beispielsweise Optionen zum Senden intelligenter Antworten, zum Schlummern von E-Mails und zum Zugriff auf Ereignisse, Notizen und mehr direkt in Google Mail.Ins

(Tech- und Design-Tipps)