search

iconify / icon-sets

150+ open source icon sets. Icons are validated, cleaned up, optimised, ready to render as SVG. Updated automatically 3 times a week.
https://icon-sets.iconify.design/
591 stars 56 forks source link

Add Devicons set #43

Closed vhscom closed 2 years ago

vhscom commented 2 years ago

Hopefully this one is better than my flub in #38.

https://github.com/vorillaz/devicons https://icalvin102.github.io/svelte-nerdfonts/

Contains icons for developers. Part of what gets sucked in to Nerd Fonts.

cyberalien commented 2 years ago

Sorry, even though this icon set is little bit better than ForkAwesome, it is still bad. Icons are just scaled down logos placed in 32x32 grid with seemingly random padding around icon, not even aligned to grid.

It is a very small set of icons, maintenance stopped 7 years ago. Technology moves fast, what was relevant back then is irrelevant today. No point in adding icons for outdated technologies.

Every icon in that icon set is available in one of maintained icon sets: Logos, BoxIcons, VSCode Icons, Codicons and probably more.

vhscom commented 2 years ago

Thanks for the information understanding what to look for will improve my discernment for future submissions appreciate it!

cyberalien commented 2 years ago

Google have good article on material design website, it shows how to design icons correctly: https://material.io/design/iconography/system-icons.html#design-principles

It might help you understand how to spot good icon set.

Some of that information is specific to material design, but most of it applies to all icon sets. More and more modern icon sets follow that or similar guides. Most important parts are grid system with padding to make different icons fit well together, following pixel grid (not just placing shapes wherever).

How to test it while looking at icons? Easiest way is to paste icon code to Figma. It is free and easy to use. In Figma you can zoom in icon, check shapes to make sure they do follow some grid.