Chris Raroque

This is the best way to illustrate this.

look at the tabs on the bottom I chose specifically lined icons which means that they're not filled these are filled icons on the right here there is a difference between these two and it's very subjective some people would prefer the left some people would prefer the right but

The key rule, though, that I see a lot of apps making is they love to mix and match these things unnecessarily.

Here's on the right where we mix lined and filled icons.

This is a lined icon and then the others are filled icons.

It's really small and subtle, but it is one of those things where if you look at all three of these, again, it's subjective.

Some people actually might prefer this one on the very right, but

Personally, I really prefer the one on the left.

And then the tab that's actually selected can have a filled icon instead.

So these transition to the filled icons when they're clicked.

Very, very subtle thing, but iconography is one of those things where when you choose really good icons, it really does elevate an app.

But more importantly, if you choose bad icons or you're incorrectly matching them or using different ones that don't match, they're from different sets, it really does decrease the quality of the app.

So this is another one that I wanted to point out that is such a quick fix for people.

And for people who are like, okay, well, where do I get these icons?

These are three really good resources to check out.

Personally, I'm using Hero Icons for this set.

So I'm pretty sure these are all from the Hero Icons set.

Completely free to use, I believe.

Font Awesome is another one that has really high quality icons.

And then there's another one called Nucleo that someone put me onto and it has a really good quality icons too.