search

seanmturley / natureddit

A simple Reddit client, featuring a landing page dedicated to nature with posts pulled from a curated list of subreddits.
0 stars 1 forks source link

Choose icons for UI #149

Closed seanmturley closed 7 months ago

seanmturley commented 8 months ago

Description

Choose icons for the user interface.

Relates to task #35 and #112.

seanmturley commented 8 months ago

Work to choose the icons is ongoing (I have a Google Sheet here).

I'm likely using react-icons, so I'm going to install it to play around with things.

seanmturley commented 7 months ago

I've settled on using Font Awesome 6. There are some other libraries that high slightly sleeker icons, but these are good enough. The problem with the several other libraries I looked into is that they are all missing at least a few icons I want.

seanmturley commented 7 months ago

After deciding I don't want icons for the filter buttons, I've reevaluated the options and chosen to go with a mix of Ionicons 5 and Phosphor Icons - the latter has several variants of each icon, so I think it should be fairly easy to maintain a cohesive feel.

Need to experiment with line vs solid icons and try to keep the choice fairly consistent. I'm worried the line versions can look a little busy, while the solid ones can look heavy, so there's a trade off to be made.

seanmturley commented 7 months ago

This is effectively done, with most icons implemented via #152 at this point.

The mix of Ionicons 5 and Phosphor Icons has worked pretty well. I've ended up using the line versions of icons, as their lighter weight is less distracting.