ounce591

ounce591

Which FontAwesome5 icons would you use here?

I am currently designing the navbar of a workout tracking app written using React Native. The navbar has three buttons:

  • Splits/Plans

  • Workout days

  • Excercises

For the excercises, I use a dumbbell icon, but I haven’t gotten any inspiration for the other two, as I think it’s difficult to find something that’s not too generic (like a list icon). Do you guys have ideas you could help me out with?

As the project is still in an early phase of development, I would also be willing to switch to an other icon package than FontAwesome5.

Thank you in advance :slight_smile:

Most Liked

gfqdjb

gfqdjb

I really like the Phosphor icons. They have a clean, modern look, a great variety, and they’re free and open source. Here are my suggestions for the icons that could work well for each section:

  • Splits/Plans: map-trifold (or other bullseye/target/map/route icon)
  • Workout Days: calendar (or other calendar icon)
  • Exercises: barbell (pretty self explanatory)

It’s not super original, but it’s easy to get.

mercyf

mercyf

Thank you for the suggestion. I was looking for something similar too.

gfqdjb

gfqdjb

More importantly, if you’re not planning to label every icon, at least add a clear heading or a tooltip that appears when you long-press a button. That way, users can tell what section they’re in or what each button does. It’s just bad UX to make people tap something just to figure out what it does.

Where Next?

Popular Frontend topics Top

dyowee
Why or when should one choose Tailwind over Bootstrap? :slight_smile:
New
jubocade
What is the best course of front end (live webinars or recorded)? So I already have basic understanding of HTML CSS JS and React but I wa...
New
Zuber
How to make a website like webnovel and wattpadd where subscribers and logged in user post stories like their own Novel in a website and ...
New
The_Exile
I am new to programming. I started reading Eloquent Javascript 3rd Edition, as the book comes highly recommended as a good place for beg...
/js
New
axelson
In Elixir I love to use the library GitHub - sasa1977/boundary: Manage and restrain cross-module dependencies in Elixir projects to enfor...
New
palak231
Hi this is Palak Sharma I am new here and I found this community while researching about JavaScript over the internet. Well I have comp...
/js
New
pavanforza
I have a requirement to extract data from firebase which is used to build serverless applications. Can we connect Firebase no-sql databa...
New
sona11
I have a 1D array of numbers and need help splitting them into groups using a jagged array so that I can perform a series of computations...
New
Fl4m3Ph03n1x
Background I have a custom component in my LiveView, which is basically a group of checkboxes. I want to add a new attribute to my custo...
New
Fl4m3Ph03n1x
Background I have Phoenix umbrella application. When inside said application, I can run it without issues if MIX_ENV=prod. However, if I ...
New

Other popular topics Top

AstonJ
A thread that every forum needs! Simply post a link to a track on YouTube (or SoundCloud or Vimeo amongst others!) on a separate line an...
New
ohm
Which, if any, games do you play? On what platform? I just bought (and completed) Minecraft Dungeons for my Nintendo Switch. Other than ...
New
wolf4earth
@AstonJ prompted me to open this topic after I mentioned in the lockdown thread how I started to do a lot more for my fitness. https://f...
New
AstonJ
Or looking forward to? :nerd_face:
483 11975 256
New
Exadra37
Please tell us what is your preferred monitor setup for programming(not gaming) and why you have chosen it. Does your monitor have eye p...
New
New
DevotionGeo
The V Programming Language Simple language for building maintainable programs V is already mentioned couple of times in the forum, but I...
New
AstonJ
We’ve talked about his book briefly here but it is quickly becoming obsolete - so he’s decided to create a series of 7 podcasts, the firs...
New
PragmaticBookshelf
Explore the power of Ash Framework by modeling and building the domain for a real-world web application. Rebecca Le @sevenseacat and ...
New
AstonJ
Curious what kind of results others are getting, I think actually prefer the 7B model to the 32B model, not only is it faster but the qua...
New