Icon Fonts sind großartig. Abgesehen davon, dass sie einfarbig sein müssen, sind sie in jeder Hinsicht der Verwendung von Bildern als Icons überlegen. Aber welche soll man wählen? Es gibt unzählige verschiedene Sets. Ich werde versuchen, sie hier alle zusammenzufassen und diesen Beitrag auf dem neuesten Stand zu halten (dieser Beitrag wurde bereits mehrmals aktualisiert).
Pictos ist der Icon Font, der diese ganze Idee wirklich populär gemacht hat. Zusätzlich zu den Sets bieten sie auch Pictos Server an, einen Dienst, mit dem Sie aus der Icon-Bibliothek Ihr eigenes Font-Set erstellen und hosten/servieren lassen können. Dies ermöglicht sehr kleine (schnell ladende) Font-Dateien und eine schöne Benutzeroberfläche zur Aktualisierung Ihrer aktuellen Sets.
Symbolset ist einzigartig, da es Wörter in Icons umwandelt. Schreiben Sie das Wort „heart“, erhalten Sie ein ❤. Dies funktioniert über OpenType, eine Typografie-Funktion moderner Browser.
GeoBats ist ein Icon Font der Länder der Welt. GeoBats ist auf DaFont.com – und es lohnt sich, dort nach „icon“ zu suchen, um einige der anderen kostenlosen Angebote zu sehen.
IcoMoon ist ein Satz von Open-Source-Icons. Aber was noch wichtiger ist: IcoMoon ist eine Web-App zum Anpassen und Herunterladen optimierter Icon Fonts. Sie wählen genau die Icons aus, die Sie benötigen, und laden das minimierte Set herunter. Sie können ganz einfach Fonts aus verschiedenen Sets hinzufügen oder Icons aus SVG-Dateien per Drag & Drop hinzufügen.
Entwickelt für die Verwendung mit Twitter Bootstrap. Mit anderen Worten, eine neu gestaltete Version der kostenlosen Version von Glyphish, die damit geliefert wird.
Die Icons als Grafiken haben einen anderen Preis, aber die Fonts sind in 8 Sets unterteilt. Es scheint etwas mühsam zu sein, genau die Sets zu kaufen, die man braucht, da sie einfach auf gerade Zahlen aufgeteilt sind. Wenn Ihnen das Set gefällt, kaufen Sie wahrscheinlich besser eines der Bundle-Packs.
Die folgenden Icons werden nicht als @font-face-Set geliefert, sondern sind flache Vektor-Icons. Sie könnten sie einfach mit Tools wie IcoMoon in andere Sets integrieren.
Spendenaktion, die anscheinend vorbei ist, aber die Icons sind noch zu kaufen. Ich glaube, sie sind nur PNG, nicht Vektor, und ich bin mir auch nicht sicher, ob man die 40 "Add-on"-Pack-Icons automatisch bekommt oder nicht.
The Noun Project ist wahrscheinlich die größte Sammlung von Icons überhaupt. Es ist nicht wirklich ein "Set", sondern ein riesiges Archiv von Symbolen. Sie können sie einzeln kostenlos herunterladen, wenn Sie zustimmen, den Autor zu nennen, oder das Symbol kaufen, um es lizenzfrei zu erhalten. Sie müssen sie alle zusammenfügen, um sie als Font zu verwenden. Sie können Ihre eigenen hochladen.
Omnigraffle-Schablone für einfaches Einfügen von Icons, falls Sie das für Wireframes verwenden. Sieht aus, als käme bald ein großes Update für das Set.
IcoMoon ist eine fantastische App zum Anpassen, Zuweisen und Erstellen Ihres eigenen Icon Fonts mit genau den Elementen, die Sie benötigen.
Fontello nimmt einige der kostenlosen Icon Font Sets und ermöglicht es Ihnen, Zeichen auszuwählen und Mappings nach Ihren Wünschen anzuwenden. Ähnlich wie IcoMoon – einfacher, aber mit weniger Funktionen.
Hieroglyph – Generieren Sie einen Icon Font aus einem Verzeichnis von Vektordateien (SVG)
Tolle Sammlung von Icon Font Sets! Ich sehe einen großen Nutzen in Bezug auf das Comping. Was @font-face betrifft, so zögere ich, da die Verwendung dieser Icon Fonts als Webfonts zu sehr durcheinander geratenem Inhalt führen könnte. Könnte der schlimmste Albtraum eines SEO-Experten sein (nicht, dass es mich wirklich interessiert). Aber ich bin der Meinung, dass Stil Stil und Inhalt Inhalt sein sollte. Dies führt eine weitere Ebene ein, die als Verstoß gegen dieses Ideal angesehen werden könnte.
Andererseits beseitigen @font-face Icons, was manche als Redundanz im Comping-/Entwicklungsprozess ansehen könnten. Hin- und hergerissen!
Deshalb ist es wichtig, sie nicht im Markup zu platzieren, sondern sie mit der Eigenschaft „content“ Ihrer :before- und :after-Pseudoelemente festzulegen :)
Können Sie noch einmal erklären, was Sie mit der Verwendung der Icon Fonts in der Eigenschaft „content“ meinen? Es fällt mir schwer zu verstehen, was Sie damit meinen.
Idealerweise sollten Sie das Icon auch dem zusätzlichen privaten Nutzungsbereich von Unicode zuweisen können, damit es nicht von Screenreadern vorgelesen wird, was Icomoon meines Wissens anbietet.
Unerträglich umfassende Liste. Habe sogar einige meiner eigenen durchgesehen, um nach Lücken zu suchen, aber nein, Sie haben sie alle :)
Als Lesezeichen gespeichert und froh, eine Reihe von Tags und zufällig gespeicherten Links loszuwerden.
Vielleicht sollten Sie irgendwann Filter/Dropdown-Menüs hinzufügen (kostenlos/kommerziell/etc.)... Ich könnte mir vorstellen, dass dieser Beitrag eine gängige Ressource wird.
Geraffel Geraffel Geraffel! Ich hasse Dinge, die sich von Dingen unterscheiden, die ich bereits kenne und mit denen ich mich wohlfühle. Muss hart sein.
Du bist ein wahres Genie der Worte!
Diese sind erstaunlich, und ich schwanke immer noch zwischen Font-Face oder SVG.. Wenn mich jemand überzeugen könnte.
@Jason Paul Sie können CSS-Pseudoselektoren wie :before und :after verwenden und das content-Attribut verwenden, um Ihre Icons einzufügen, wodurch der Seiteninhalt und die Darstellung getrennt bleiben. Das sollte also kein Problem sein.
Obwohl SEO JavaScript-geladenen Inhalt berücksichtigt, glaube ich nicht, dass es CSS-eingefügten Inhalt berücksichtigt.
Es würde mich brennend interessieren, wie Schriftarten wie Tabs es schaffen, urheberrechtlich geschützte Inhalte (wie das Apple-Logo) in ihren Fonts zu verwenden.
Tolle Recherche über Fonts. Es ist interessant, wie diese Icons immer einfacher werden, da Websites mit all den verschiedenen Social Media Kanälen so überladen sind.
Kann mich jemand davon überzeugen, dass die Verwendung beliebiger Buchstaben zur Darstellung von Icons eine gute Idee ist (Icon Fonts)? Ich verstehe, dass wir das Markup „sauber“ halten können, indem wir ::after / ::before in Kombination mit „content:“ verwenden, aber ich habe immer mehr das Gefühl, dass es falsch ist, diese Pseudoelemente zu überlasten, um Inhalte einzufügen, die man verbergen möchte, selbst für Clearfixing. Ich bin auf Probleme gestoßen, bei denen ich tatsächlich echten Inhalt mit ::after hinzufügen wollte, dies aber nicht konnte, weil ich es bereits für ein Clearfix oder zusätzliche Ränder verwendet hatte. Irgendwelche Gedanken?
Es ist schockierend zu sehen, wie oft und wie breit die intellektuellen Eigentumsrechte von Disney anscheinend gestohlen werden. Nein, ich arbeite nicht für sie, aber es scheint mir immer ironisch (heuchlerisch?), wenn Designer sich solche Freiheiten mit der Arbeit eines anderen herausnehmen (Iconsweets). Ich weiß, dass es Gesetze zur Verwendung von Inhalten in Parodie/Komödie usw. gibt. Ich bin auch kein Anwalt – fallt nicht über mich her.
Vielleicht wurde mir nicht richtig beigebracht, wann man Mickey Mouse als Teil einer bezahlten Sammlung verwenden darf und wann nicht. Das Gesetz hat nicht immer schöne scharfe Ecken, die man deutlich sehen kann.
Ich habe nicht die gleichen rechtlichen Bedenken, wenn ich ein Facebook-Logo auf einer Website verwende. Das scheint irgendwie anders zu sein. Was ist hier das rechtliche Protokoll?
So schön es auch ist, dass einige Icon Font Ersteller @font-face anbieten, wünschte ich mir, sie würden die Icons benennen und eine einfache Möglichkeit bieten, auf jedes Icon zuzugreifen.
Ich habe dies für die letzten drei Icon Fonts erstellt, die ich verwendet habe. Ich füge auch einen Aria-Fix hinzu, falls dieser erforderlich ist. Es scheint jedoch nicht viel Interesse daran zu geben, diese Art von Stylesheet aufzunehmen. Wenn jemand es nützlich findet oder diese Idee unterstützt, lassen Sie es mich wissen! Es würde mir nichts ausmachen, dies für alle kostenlosen Icon Fonts zu erstellen, die derzeit verfügbar sind.
Ich verwende den icoMoon Font. In Kombination mit dem @font-face Generator ist es fantastisch.
Bei meinem letzten Projekt habe ich viele Icons, in Kombination mit verschiedenen Größen und einer mobilen Retina-Unterstützung war es ohne einen Icon Font unmöglich.
Aber jetzt mein Problem: Das :after-Pseudoelement funktioniert in IE7 nicht ..!! Daher werden alle meine Icons nicht angezeigt, Unterstützung ist immer noch notwendig, fürchte ich.
Auch in IE8, wo :after funktioniert, wird der Icon Font zu langsam geladen und hängt oft. Man sieht all diese hässlichen Zeichen überall auf der Website.
Fantastisch….Ich bin immer weiter die Seite hinuntergescrollt…zu immer mehr Icon Fonts…Es kann nicht einfach gewesen sein, eine solche Liste zusammenzustellen…Daher vielen Dank, dass Sie das getan haben…Ich werde einen Link zu dieser Seite mit unseren Studenten teilen…
Ich liebe diese Idee. Ich habe heute einige Icons in eine Navigation eingebaut und schnell festgestellt, dass der Font zwischen Windows- und OSX-Browsern sehr unterschiedlich verschoben wird. Ich habe verschiedene Ansätze bezüglich der Ausrichtung ausprobiert, aber nichts scheint für beide Betriebssysteme zu funktionieren. Ich habe ein jsfiddle erstellt, um das Problem zu demonstrieren, das ich habe. Sie werden das Problem, das ich habe, oben (horizontale Navigation) sehen. Derzeit ist es so eingestellt, dass es für OSX richtig ausgerichtet ist, aber für Windows ziemlich daneben liegt. Ich vermute, es hat etwas damit zu tun, dass sie Fonts unterschiedlich rendern. Hat jemand eine Idee, wie ich das konsistenter gestalten könnte?
Vielen Dank für diese großartige Zusammenfassung! Ich habe noch keine so umfassende gesehen (wenn das das richtige Wort ist 8).. Ich denke, die Dinge werden interessant, was das Design von auflösungsunabhängigen Websites angeht.
Tolle Zusammenfassung von Schriften und Icons. Oft verwenden wir einfach iconfinder – aber Sie hatten in diesem einen Beitrag mehr, als wir dort in einer Stunde suchen könnten – toller Fund!
Vielen Dank fürs Teilen. Fantastische Sammlung, es beeindruckt mich wirklich. Können Sie andere Sammlungen vorschlagen? Ich arbeite zum Beispiel als Webdesigner, auch wenn dies eine große Sammlung ist, ist sie für mich nicht genug. Bitte helfen Sie mir :)
Ich verstehe, was Sie meinen, weil ich das Gleiche fühle. Für weitere Icons und Schriften können Sie iconfinder, http://www.creattor.com oder iconshoc überprüfen. Viel Spaß!
Dies ist wahrscheinlich die vollständigste Zusammenfassung flacher Icons, die es gibt!
Ich habe vor etwa zwei Wochen ein großes Update für IcoMoon veröffentlicht. Sie können die neue App direkt hier verwenden.
Es ist alles kostenlos. Sie können Ihre eigenen SVG-Bilder oder Schriften importieren. Das bedeutet, dass Sie im Grunde jede Art von Glyph importieren und jede Art von Schriftart erstellen können, die Sie wünschen. Für die Kodierung Ihrer Icons können Sie eine neue Option Symbols sowie SPUA oder jeden anderen benutzerdefinierten Unicode-Punkt verwenden, den Sie wünschen.
Abgesehen vom Erstellen von Schriften können Sie mit diesem Tool auch schnell Vektor-Icons suchen und finden. Im Gegensatz zu thenounproject funktioniert es sehr schnell! Sie könnten die Vektor-Icons einfach herunterladen, um sie zu ändern oder zu verwenden.
Sie können diesen Screencast ansehen, um mehr zu erfahren. Es ist kein professioneller/hochwertiger Screencast, wie Chris sie macht, aber ich habe es versucht :P
Hmm, das könnte ein kleines Vermögen kosten, aber ich will sie alle. Die Dotcom-Icons sind wahrscheinlich die einzigen, bei denen ich Probleme haben könnte, sie in einigen unserer Projekte zu verwenden – sie sind aber immer noch einzigartig. Tolle Freigabe.
Dieser Kommentarbereich ist geschlossen. Wenn Sie wichtige Informationen teilen möchten, kontaktieren Sie uns bitte.
Tolle Sammlung von Icon Font Sets! Ich sehe einen großen Nutzen in Bezug auf das Comping. Was @font-face betrifft, so zögere ich, da die Verwendung dieser Icon Fonts als Webfonts zu sehr durcheinander geratenem Inhalt führen könnte. Könnte der schlimmste Albtraum eines SEO-Experten sein (nicht, dass es mich wirklich interessiert). Aber ich bin der Meinung, dass Stil Stil und Inhalt Inhalt sein sollte. Dies führt eine weitere Ebene ein, die als Verstoß gegen dieses Ideal angesehen werden könnte.
Andererseits beseitigen @font-face Icons, was manche als Redundanz im Comping-/Entwicklungsprozess ansehen könnten. Hin- und hergerissen!
Deshalb ist es wichtig, sie nicht im Markup zu platzieren, sondern sie mit der Eigenschaft „content“ Ihrer :before- und :after-Pseudoelemente festzulegen :)
Hallo Kevin,
Können Sie noch einmal erklären, was Sie mit der Verwendung der Icon Fonts in der Eigenschaft „content“ meinen? Es fällt mir schwer zu verstehen, was Sie damit meinen.
Danke
Adam,
Kevin bezieht sich auf das Hinzufügen des Icon Fonts in CSS wie unten (wobei '@' für das Zeichen steht, dem das Icon zugewiesen ist)
Obwohl ich die Methode bevorzuge, das Icon in ein Datenattribut wie unten einzufügen
Das HTML
Das CSS
Idealerweise sollten Sie das Icon auch dem zusätzlichen privaten Nutzungsbereich von Unicode zuweisen können, damit es nicht von Screenreadern vorgelesen wird, was Icomoon meines Wissens anbietet.
Jon Hicks geht in seinem 24Way's Interview etwas mehr ins Detail – http://24ways.org/2011/displaying-icons-with-fonts-and-data-attributes
Unerträglich umfassende Liste. Habe sogar einige meiner eigenen durchgesehen, um nach Lücken zu suchen, aber nein, Sie haben sie alle :)
Als Lesezeichen gespeichert und froh, eine Reihe von Tags und zufällig gespeicherten Links loszuwerden.
Vielleicht sollten Sie irgendwann Filter/Dropdown-Menüs hinzufügen (kostenlos/kommerziell/etc.)... Ich könnte mir vorstellen, dass dieser Beitrag eine gängige Ressource wird.
Ich habe einen Haufen wirklich schöner Icons gefunden, die Eclipse heißen.
http://chrfb.deviantart.com/gallery/#/dzor6y
hinzugefügt
Tolle Liste, Chris! Ich muss mich mehr bemühen, Icon Fonts in meinen Workflow zu integrieren.
Ich habe bemerkt, dass U Icons Geld kosten und DotCom Icons mühsam herunterzuladen sind, da man sie einzeln herunterladen muss.
Dies ist möglicherweise die umfassendste Auflistung von Orten, an denen man Icons erhält.
Natürlich ist http://www.iconfinder.com/free_icons eine großartige Seite.
Ich denke, der Punkt war, dass es ein Font sein sollte, der Icons enthält.
Vielen Dank, Chris. Das ist eine großartige Liste!
Danke für die Sammlung! Mir gefallen die „Modern Pictograms“
Ich habe hier einige großartige Icons gefunden http://fontfabric.com/social-media-icons-pack/
Tolle Lösung. Danke für diese Sammlung.
Kostenlose Bilder-Fonts – http://bit.ly/GIweFq – verschiedene Icons, Smileys, Aufzählungszeichen... Ob es nützt :).
Du bist ein wahres Genie der Worte!
Diese sind erstaunlich, und ich schwanke immer noch zwischen Font-Face oder SVG.. Wenn mich jemand überzeugen könnte.
@Jason Paul Sie können CSS-Pseudoselektoren wie :before und :after verwenden und das content-Attribut verwenden, um Ihre Icons einzufügen, wodurch der Seiteninhalt und die Darstellung getrennt bleiben. Das sollte also kein Problem sein.
Obwohl SEO JavaScript-geladenen Inhalt berücksichtigt, glaube ich nicht, dass es CSS-eingefügten Inhalt berücksichtigt.
Jemand, der mich unterstützt?
Ausgezeichnete Zusammenfassung, Chris. Vielen Dank.
Hier sind noch ein paar kostenlose Sets bei Design Kindle
http://www.designkindle.com/2011/10/13/glyph-icons/
http://www.designkindle.com/2011/09/20/mini-icons-vol-1/
Toller Beitrag! Ich brauche immer Icons.
Was für eine großartige Ressource, vielen Dank fürs Posten.
Es würde mich brennend interessieren, wie Schriftarten wie Tabs es schaffen, urheberrechtlich geschützte Inhalte (wie das Apple-Logo) in ihren Fonts zu verwenden.
Tolle Recherche über Fonts. Es ist interessant, wie diese Icons immer einfacher werden, da Websites mit all den verschiedenen Social Media Kanälen so überladen sind.
Kann mich jemand davon überzeugen, dass die Verwendung beliebiger Buchstaben zur Darstellung von Icons eine gute Idee ist (Icon Fonts)? Ich verstehe, dass wir das Markup „sauber“ halten können, indem wir
::after/::beforein Kombination mit „content:“ verwenden, aber ich habe immer mehr das Gefühl, dass es falsch ist, diese Pseudoelemente zu überlasten, um Inhalte einzufügen, die man verbergen möchte, selbst für Clearfixing. Ich bin auf Probleme gestoßen, bei denen ich tatsächlich echten Inhalt mit::afterhinzufügen wollte, dies aber nicht konnte, weil ich es bereits für ein Clearfix oder zusätzliche Ränder verwendet hatte. Irgendwelche Gedanken?Tolle Liste, besonders für die Icon Fonts.
Aber für die Flat Icons fehlen meine: http://www.webalys.com/premium/design-vector-icons-library.html
Kennen Sie es?
Es ist schockierend zu sehen, wie oft und wie breit die intellektuellen Eigentumsrechte von Disney anscheinend gestohlen werden. Nein, ich arbeite nicht für sie, aber es scheint mir immer ironisch (heuchlerisch?), wenn Designer sich solche Freiheiten mit der Arbeit eines anderen herausnehmen (Iconsweets). Ich weiß, dass es Gesetze zur Verwendung von Inhalten in Parodie/Komödie usw. gibt. Ich bin auch kein Anwalt – fallt nicht über mich her.
Vielleicht wurde mir nicht richtig beigebracht, wann man Mickey Mouse als Teil einer bezahlten Sammlung verwenden darf und wann nicht. Das Gesetz hat nicht immer schöne scharfe Ecken, die man deutlich sehen kann.
Ich habe nicht die gleichen rechtlichen Bedenken, wenn ich ein Facebook-Logo auf einer Website verwende. Das scheint irgendwie anders zu sein. Was ist hier das rechtliche Protokoll?
Die Spaßpolizei: „Wir sind immer im Dienst“
So schön es auch ist, dass einige Icon Font Ersteller @font-face anbieten, wünschte ich mir, sie würden die Icons benennen und eine einfache Möglichkeit bieten, auf jedes Icon zuzugreifen.
Ich habe dies für die letzten drei Icon Fonts erstellt, die ich verwendet habe. Ich füge auch einen Aria-Fix hinzu, falls dieser erforderlich ist. Es scheint jedoch nicht viel Interesse daran zu geben, diese Art von Stylesheet aufzunehmen. Wenn jemand es nützlich findet oder diese Idee unterstützt, lassen Sie es mich wissen! Es würde mir nichts ausmachen, dies für alle kostenlosen Icon Fonts zu erstellen, die derzeit verfügbar sind.
Entypo CSS
Socialico CSS
Heydings Icons CSS
Tolle Zusammenfassung,
Ich verwende den icoMoon Font. In Kombination mit dem @font-face Generator ist es fantastisch.
Bei meinem letzten Projekt habe ich viele Icons, in Kombination mit verschiedenen Größen und einer mobilen Retina-Unterstützung war es ohne einen Icon Font unmöglich.
Aber jetzt mein Problem: Das :after-Pseudoelement funktioniert in IE7 nicht ..!!
Daher werden alle meine Icons nicht angezeigt, Unterstützung ist immer noch notwendig, fürchte ich.
Auch in IE8, wo :after funktioniert, wird der Icon Font zu langsam geladen und hängt oft. Man sieht all diese hässlichen Zeichen überall auf der Website.
Irgendwelche Lösungen für diese Probleme?
Erstaunliche Sammlung hier Chris! Habe hier ein paar Juwelen gefunden, die ich selbst mit meiner Iconophilie nicht hatte, Prost.
Tolle Sammlung!, Danke.
Fantastisch….Ich bin immer weiter die Seite hinuntergescrollt…zu immer mehr Icon Fonts…Es kann nicht einfach gewesen sein, eine solche Liste zusammenzustellen…Daher vielen Dank, dass Sie das getan haben…Ich werde einen Link zu dieser Seite mit unseren Studenten teilen…
Wow, das ist eine großartige Sammlung, danke dir. Poste weiterhin so nützliche Links. :)
Vielen Dank, Chris, dieser Beitrag kommt direkt an meine Lesezeichen-Wand in meinem Büro!
Ich liebe diese Idee. Ich habe heute einige Icons in eine Navigation eingebaut und schnell festgestellt, dass der Font zwischen Windows- und OSX-Browsern sehr unterschiedlich verschoben wird. Ich habe verschiedene Ansätze bezüglich der Ausrichtung ausprobiert, aber nichts scheint für beide Betriebssysteme zu funktionieren. Ich habe ein jsfiddle erstellt, um das Problem zu demonstrieren, das ich habe. Sie werden das Problem, das ich habe, oben (horizontale Navigation) sehen. Derzeit ist es so eingestellt, dass es für OSX richtig ausgerichtet ist, aber für Windows ziemlich daneben liegt. Ich vermute, es hat etwas damit zu tun, dass sie Fonts unterschiedlich rendern. Hat jemand eine Idee, wie ich das konsistenter gestalten könnte?
http://jsfiddle.net/allusis/F3y2K/
Einfach geniale Sammlung. Habe wirklich nach so etwas gesucht.
Danke! Du machst wirklich einen guten Job.
Tolle Sammlungen von Icons.
Gibt es eine Seite, auf der wir viele Icons wie Iconfinder finden können?
Ultimative Sammlung, von all diesen sind Pictos und WebSymbols die beliebtesten. Danke fürs Teilen.
Das Beste von allem: Helveticons!
Vielen Dank für diese großartige Zusammenfassung! Ich habe noch keine so umfassende gesehen (wenn das das richtige Wort ist 8).. Ich denke, die Dinge werden interessant, was das Design von auflösungsunabhängigen Websites angeht.
Tolle Sammlung Chris. Ich würde gerne einen davon in der Google Web Fonts-Sammlung sehen.
Weiß jemand, ob jemand daran arbeitet? Wäre ein Wendepunkt für die weit verbreitete, einfach zu implementierende Verfügbarkeit von Icon Fonts.
Ich weiß nicht, ob jemand daran arbeitet, aber JA ICH WILL.
Ich kann Ihnen nicht sagen, wie oft ich zu Google Web Fonts gegangen bin und vergessen habe, dass sie keine Webdings dort haben. Ich würde DAS LIEBEN.
Danke Chris für die tolle Icon-Sammlung :)
Tolle Zusammenfassung von Schriften und Icons. Oft verwenden wir einfach iconfinder – aber Sie hatten in diesem einen Beitrag mehr, als wir dort in einer Stunde suchen könnten – toller Fund!
Großartige Sachen. Danke fürs Teilen dieser :)
Vielen Dank fürs Teilen. Fantastische Sammlung, es beeindruckt mich wirklich. Können Sie andere Sammlungen vorschlagen? Ich arbeite zum Beispiel als Webdesigner, auch wenn dies eine große Sammlung ist, ist sie für mich nicht genug. Bitte helfen Sie mir :)
Ich verstehe, was Sie meinen, weil ich das Gleiche fühle. Für weitere Icons und Schriften können Sie iconfinder, http://www.creattor.com oder iconshoc überprüfen. Viel Spaß!
Es gibt ein Github-Repository namens Font Awesome, das für die Verwendung mit Twitter Bootstrap entwickelt wurde. Es sieht gut aus :)
Vielen Dank für den Link, Daniel, es war genau das, was ich brauchte! Alles Gute!
Dies ist wahrscheinlich die vollständigste Zusammenfassung flacher Icons, die es gibt!
Ich habe vor etwa zwei Wochen ein großes Update für IcoMoon veröffentlicht. Sie können die neue App direkt hier verwenden.
Es ist alles kostenlos. Sie können Ihre eigenen SVG-Bilder oder Schriften importieren. Das bedeutet, dass Sie im Grunde jede Art von Glyph importieren und jede Art von Schriftart erstellen können, die Sie wünschen. Für die Kodierung Ihrer Icons können Sie eine neue Option Symbols sowie SPUA oder jeden anderen benutzerdefinierten Unicode-Punkt verwenden, den Sie wünschen.
Abgesehen vom Erstellen von Schriften können Sie mit diesem Tool auch schnell Vektor-Icons suchen und finden. Im Gegensatz zu thenounproject funktioniert es sehr schnell! Sie könnten die Vektor-Icons einfach herunterladen, um sie zu ändern oder zu verwenden.
Sie können diesen Screencast ansehen, um mehr zu erfahren. Es ist kein professioneller/hochwertiger Screencast, wie Chris sie macht, aber ich habe es versucht :P
Ein wirklich schön gestaltetes allgemeines Set http://www.zurb.com/playground/foundation-icons
Hmm, das könnte ein kleines Vermögen kosten, aber ich will sie alle. Die Dotcom-Icons sind wahrscheinlich die einzigen, bei denen ich Probleme haben könnte, sie in einigen unserer Projekte zu verwenden – sie sind aber immer noch einzigartig. Tolle Freigabe.