Live data from Hacker News

Feather: Open-source icons

feathericons.com

61–70 of 146 posts

Re: Feather: Open-source icons

#62
post #36
post #19

Earlier quoted context omitted.

This is the full SVG source code for the battery icon: It shouldn't be too hard to add another rectangle with whatever width you want. Just open up the dev tools and play around with it.

Sure, I could make something that works. I could make a hacky icon for each. And that's what I did for my app. I could try to contribute, but it's not going to be in the style of the rest of the icons. That's the point of a collection. It's a collection that one or a team of people made. I can make a PR that they have to look at and fix and/or redesign. I could ask them to create it themselves. But in both of these s…

Then perhaps open source icons are not a good fit for you! If you have some requests/demands, and can't do the work yourself, then paying a premium to have that work done seems like the correct route.

Re: Feather: Open-source icons

#64
post #58

Seems like a good time to mention an absolutely awesome - https://icomoon.io/app It allows cherry-picking icons from dozens of different SVG icon packs (including Feather) and packaging them into a custom (web)font. It can also be used to package your own SVG assets into a single font file and then use resulting .woff as an SVG sprite sheet.

Why not use separate SVG files? You could reference them as data-url from the CSS to save round-trips. Perhaps it's just me but using a font to store icons seems arcane.

I prefer SVGs as well now. You can style + animate them with CSS, it's easier to see what changed in your Git diffs and you can quickly edit them in an SVG editor if you need to.

Re: Feather: Open-source icons

#65

The icons are beautiful. But one off the topic thing here is that the webpage loads superfast in 3g in India. Can the site builders talk about the loading perf a bit?

The whole page is 58KB

Pingdom tools weighs it in as bigger than that. https://tools.pingdom.com/#!/Mn0e2/https://feathericons.com/

Looking at the site usage, there's an advert weighing in at 36KB that uBlock was nicely hiding from me, but the biggest thing in the page is the web font, 48.58 KB worth. The site looks great on a browser with web fonts blocked, so I'm not sure why they're wasting bandwidth, effort and additional DNS resolution and TCP handshakes there.

Re: Feather: Open-source icons

#66
Great site and there are also other quite helpful suggestions in the thread such as Icomoon.

Problem is that the next time I need SVG icons I will forget these sites, try to google them and ending up on those sites that perform well on Google's SERPs but want money for clean SVGs.

This happened to me two days ago and I just fired up Inkscape and remade those icons. However, this took too long.

How can I remember such sites the next time I need them?

Re: Feather: Open-source icons

#67

The icons are beautiful. But one off the topic thing here is that the webpage loads superfast in 3g in India. Can the site builders talk about the loading perf a bit?

The whole page is 58KB

I guess for Indian standards the latency might often be more of an issue than size in bytes. It looks like this site is served by Netlify, which functions (among other things) as a CDN.

Re: Feather: Open-source icons

#69

Great site and there are also other quite helpful suggestions in the thread such as Icomoon. Problem is that the next time I need SVG icons I will forget these sites, try to google them and ending up on those sites that perform well on Google's SERPs but want money for clean SVGs. This happened to me two days ago and I just fired up Inkscape and remade those icons. However, this took too long. How can I remember such…

Favorites?

Re: Feather: Open-source icons

#70

Great site and there are also other quite helpful suggestions in the thread such as Icomoon. Problem is that the next time I need SVG icons I will forget these sites, try to google them and ending up on those sites that perform well on Google's SERPs but want money for clean SVGs. This happened to me two days ago and I just fired up Inkscape and remade those icons. However, this took too long. How can I remember such…

Start organizing your resources in bookmark folders!
Post reply on HN