15 Icon Sets for Developers in 2018
source link: https://www.tuicool.com/articles/hit/iQbQ7jV
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
For developers, selecting an icon format to display icons on projects can be a chore. We ask do I use SVG or are there icon fonts I can use? Well, we know the non-ending Icon Fonts versus SVG battle that has been going on for a couple of years now and this article is not going to take any sides.
We should be free to make the most optimized design decisions based on any given project as developers.
Now, let us take a quick look at web icon fonts and we would start with the ones that have SVG support already in place (to be on the good side of both worlds), in no really identified particular order.
Tip: Using Bit you can share any set of Icons as individual components which can be independently discovered and used with NPM without installing a whole library. It’s open source, so feel free to give it a try.
1. Font Awesome
With 57,000+ :star:️on github, Font Awesome is the arguably the most used and the most popular icon font set around. It is also the default icon set for the team at bootstrap. It is also available as SVG icons among other formats.The newest version, 5.4.1 has about 1300+ free icons and more than double the amount for pro users. It is fully open source and GPL friendly. The license is open and free for anything, commercial and personal.
2. Google Material Icons
With over 36,000 :star:️ on github , Material Icons are Google’s official icon pack that are carefully designed following Material Design Guidelines championed by Google for modern design. For Angular users, this goes really handy with @angular/material. These 900+ icons are very easy to use and has support for every kind of modern screen you can build for. It has an Apache License Version 2.0 and is supported by all modern web browsers. It also has self hosting features.
3. Feather Icons
With a very impressive 14,000+ :star:️ on github in less than 2 years, Feather Icons is an attractive destination to a lot of developers who love minimalist designs by Cole Bemis . These icons are not overly fancy and yet pay attention to details. The License is MIT and there are about 250+ icons open source.
4. Ionicons
With over 13,000+ :star:️ on github , Ionicons made by the team at Ionic have icon set designed to be suitable for designing web applications, IOS and andriod OS. It is easy to setup with 700+ icons built for the ionic frameork and the license is MIT, so free. This is to the delight of native developers with love from the Ionic Framework.
5. Octicons
The Github team also took a go at creating Icon sets to make life easier for developers some months ago. Octicons are 150+ github icons, you can see these icons all over github, also available in SVG sprite, really lightweight you can install them using npm and the license is MIT.
6. Typicons
I would like to think Typicons are very popular because of the aptness of the rounded corners of their icons. With 336 icons in the their icon pack, with svg format support to even minified css, they are free and open source on github. Typicons have a good reputation in a lot of native app developers communities.
7. Entypo
Entypo is an svg icon family pack, carefully crafted some years back by Daniel Bruce in Sweden. It has 411 svg icons which are free with a Creative Commons License . It contains a couple of icons you would not see in many other icon packs. Its relevancy after these years show a strong sense of dedication put into building it.
8. Zondicons
With a very nicely illustrated icon use cases on the homepage, Zondicons comes in with over 200+ free svg pack by Steve Schoger. There is a focus on simplistic designs but the little trade-off is that they are not open source, so we do not know how often they are updated.
9. Icomoon
With over 5000+ icons and like 490 free icons, Icomoon has icons in SVG and a host of other formats, they can be used as icon fonts and even as png. There is also an application which you can use to create your own font bundle and sprites, really amazing.
10. Linearicons
With over 1000 icons in the whole pack Linearicons comes with icons in icomoon ready icons in SVG and web fonts too. It has 170 free icons and a premium pack. The free ones have creative commons license and would need referencing for commercial use.
11. Devicons
Sometimes we do not need the excess burden of icon packs, just a few social media icons and we are fine with our delivery. If this is you, Devicons was just made for you with focus on tech logos and tech brands (every tech logo you want is here). It is totally free with over 100 icons.
12. Open Iconic icons
With almost 3000 :star:️on github, Open Iconic Icons , not to be mistaken for the icon pack from the ionic team has over 220 icons in multiple formats including SVG. The SVG icons have an MIT license.
13. Material Design Icons
Not to be confused with Material Icons by the team at google, Material Design Icons were made by a group of 19 design community lovers modeled after Google Material Design. It is open source with over 1000 icons and an easy to read documentation and free.
14. Hawcons
With over 500 icons, Hawcons has high quality niche icons focused on six main categories. These categories are Documents, Sports, Weather, Emoji, Gestures and Filetypes. The license is also free to use available in SVG and other formats as well.
15. MFG Lab Icons
With over 100+ icons, MFG Labs have uniquely designed icons in standard web font formats. Fully compatible with all kinds of browsers and it is completely free.
Conclusion
These are just a few icon packs in an ever-evolving design space. As you might have noticed, some tech companies are making or have made their own icon sets, people like google, ionic, github, wordpress and a host of others. Which is your favorite? share in the comments below. I’d be happy to chat! :smiley:
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK