I’ve bookmarked some icon sets lately, partly because I can never find a nice set when I need to. I figured I’d even go the extra mile here and blog them so I can definitely find them later. Aside from being nice, cohesive, and practical sets of icons, I find it interesting that literally all of them:
- are SVG, and thus easily resizeable
- are built with rather efficient
<path>elements - are stroked instead of filled (at least optionally)
- have a click-to-copy SVG feature on their site
- are free and open source
Good job, all! Seems like people are coming around to the idea of an SVG icon system where you just… put the SVG in the HTML.
Tabler Icons
Teenyicons
Heroicons
hola svg
This one is from Mariana Beldi who recently shared how hand-drawing SVG can be so much more efficient than using an illustration tool.
Are we allowed to promote our work ;)?
We released a set that fits your criteria earlier this month:
http://icons.mono.company/
Did you forget volume-down?
I also found this,just gonna leave it here. Maybe some of the folks will find this useful.
https://icons.eosdesignsystem.com/
Oogt embedding then straight into html. Your initial page load will be quite big. Plus editting the html becomes a nightmare
I don’t understand the fill vs stroke part. Are there benefits to using stroke in SVG that I don’t know about?
I don’t think there are benefits exactly, I just pointed it out as it was interesting that all these sets took that approach to the aesthetics.
with stroke can modify by “fill” , “stroke-width” , “stroke-linecap” ,”stroke-linejoin” … more powerful.
Good job, all! Seems like people are coming around to the idea of an SVG icon system.
Just wanted to mention my side project: IconSear.ch. I had similar list of SVG icon repos, so this is a search engine that lets you find them instantly, hyperlinked to the original source. The source (both website and index) are also on Github.
Good job, all! Seems like people are coming around to the idea of an SVG icon system where you just… put the SVG in the HTML
https://icons.mono.company/
https://svgbox.net/