Frontend>Questions

Which FontAwesome5 icons would you use here?

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:

4 comments
/react/react-native
8 297 4

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.

2
Post #2
mercyf

mercyf

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

2
Post #4
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.

2
Post #5

Where Next?

View thread on forum
react
react-native
Home Frontend>Questions
/react/react-native
8 297 4
Last post

Popular Frontend topics Top

davearonson
Frontend>Questions

Test coverage of plain JS, preferably w/o npm?
I’m unit-testing some JS, with Jasmine, and I’d like to check our coverage. We’re not using any front-end framework, nor much JS, so no ...
#testing/js#coverage#not-npm#ruby-but-not-rails#no-js-framework
6 1860 2
New
jss
Frontend>Questions

What does svelte offer that React or Vue doesn’t?
What does svelte offer that React or Vue doesn’t?
/react/svelte/vuejs
12 1507 3
New
tomcatttttt
Frontend>Questions

Trying to get a seamless online game through the HTML5 API - it works in all browsers except Google Chrome.
I’m trying to take the API from the site to get a seamless online game through the HTML5 API. It works in all browsers except Google Chro...
#gaming#html5
1 1067 0
New
prego4444
Frontend>Questions

How to make a border that is in the middle?
how can i make a border like this to be exactly on the midle of the edge? i could only found border in inside and outside but nothing on ...
#css#frontend
1 934 1
New
JessicaW33
Frontend>Questions

What are some techniques for optimizing performance in React Native applications?
Hello everyone, I’m working on optimizing the performance of React Native applications and would like to gather insights and suggestions...
/react/react-native
2 758 1
New
Fl4m3Ph03n1x
Frontend>Questions

Enable/disable a button in Phoenix 1.7 depending on state
Background I have a button that may be disabled or not, depending on a set of conditions. I want to disable/enable the button without hav...
/elixir/phoenix#liveview
2 1325 1
New
pjamesrud
Frontend>Questions

Android app, using a loop value to set visibilty and add data to textview?
I am creating an app that allows user to enter values and depending on the value a number of textviews are changed programmatically from ...
#android/java
1 863 1
New
PickyBiker
Frontend>Questions

Recommended toolset for targeting IOS and Android?
I have done small amounts of programming for IOS and for Android, but now I need to create something that works with both. What are the ...
#ios-development
19 1056 15
New
hosseinkhosromanesh
Frontend>Questions

how coding a cluster in html css js
hello , i should code a cluster like image bellow we have no challenge in coding backend but in front need some clue to do this its a dy...
/js
0 581 0
New
jaeyson
Frontend>Questions

Bad idea to learn React?
would it be backwards if I’m learning react? last time I used UI library (aside from LiveView) was Elm (not much) and that was eons ago.
/elixir/phoenix/react
4 439 2
New

Other popular topics Top

AstonJ
General Dev>Hardware

Which keyboard do you have?
If it’s a mechanical keyboard, which switches do you have? Would you recommend it? Why? What will your next keyboard be? Pics always w...
#hardware/keyboards#sticky#mechanical-keyboards
144 9115 50
New
PragmaticBookshelf
General Dev>Learning Resources

A Common-Sense Guide to Data Structures and Algorithms, Second Edition
Algorithms and data structures are much more than abstract concepts. Mastering them enables you to write code that runs faster and more e...
pragprog.com
#pragprog/python/ruby#published-book/book-a-common-sense-guide-to-data-structures-and-algorithms-second-edition#math#algorithms/js
19 6022 5
New
brentjanderson
General Dev>Hardware

Moonlander Keyboard (Mechanical) (Ergonomic) (Split) (Ortholinear)
Bought the Moonlander mechanical keyboard. Cherry Brown MX switches. Arms and wrists have been hurting enough that it’s time I did someth...
#hardware/keyboards#moonlander#mechanical-keyboards#ortholinear#ergonomic
212 17779 90
New
PragmaticBookshelf
Frontend>Learning Resources

Modern CSS with Tailwind
Tailwind CSS is an exciting new CSS framework that allows you to design your site by composing simple utility classes to create complex e...
pragprog.com
#pragprog/tailwind#published-book/book-modern-css-with-tailwind
12 5813 4
New
Exadra37
Linux>Questions

What is the most minimalist Linux server distro?
I am asking for any distro that only has the bare-bones to be able to get a shell in the server and then just install the packages as we ...
#linux#servers
66 25846 24
New
DevotionGeo
General Dev>Dev Chat

The V Programming Language
The V Programming Language Simple language for building maintainable programs V is already mentioned couple of times in the forum, but I...
#programminguages/v
21 13874 7
New
PragmaticBookshelf
Community>In The Spotlight

Spotlight: Mike Riley (Author) Interview and AMA!
Author Spotlight Mike Riley @mriley This month, we turn the spotlight on Mike Riley, author of Portable Python Projects. Mike’s book ...
#author-spotlight/python#iot/book-portable-python-projects#internet-of-things
62 7035 19
New
husaindevelop
Android>Questions

Clipboard readtext not working in android webview
Inside our android webview app, we are trying to paste the copied content from another app eg (notes) using navigator.clipboard.readtext ...
#android#clipboard
1 5651 0
New
PragmaticBookshelf
Backend>Learning Resources

Advanced Functional Programming with Elixir
Use advanced functional programming principles, practical Domain-Driven Design techniques, and production-ready Elixir code to build scal...
joekoski.com
#pragprog/elixir#published-book#functional-programming/book-advanced-functional-programming-with-elixir
43 4989 22
New
pragdave
AI>Learning Resources

A Common-Sense Guide to AI Engineering
Build robust LLM-powered apps, chatbots, and agents while mastering AI engineering principles that will help you outlast the tools and th...
pragprog.com
#pragprog
17 1852 8
New
Back to top

Sponsor Spotlight

Manning

Develop your skills with books, videos, and courses.

Latest in React

React Portal ❯

Latest in React Native

React Native Portal ❯

Frontend>Questions

Frontend Questions ❯

Latest on Devtalk

Devtalk ❯

We ❤️ helpful members!

We reward our most helpful members via our MOTM scheme - by giving away a whopping 25 books per year!

Member of the Month

Devtalk Sponsors

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Erlang Solutions

We build trusted fault-tolerant systems that scale to billions of users.

Honeybadger

Real-time error tracking, performance insights, and observability for devs.

EEF

Supporting innovation across the BEAM ecosystem.

coders51

We build reliable cloud platforms for business-critical systems.

Manning Publications

Develop your skills with books, videos, and courses.

AppSignal

Catch errors, track performance, monitor hosts and more.

WyeWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that move you from confusion to "Aha, now I get it!"

Linux New Media

Publishing Linux Magazine, ADMIN, and MakerSpace for 25+ years.

View all our sponsors ❯

Categories:

Sub Categories:

Popular Portals

Devtalk Sponsors

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Erlang Solutions

We build trusted fault-tolerant systems that scale to billions of users.

Honeybadger

Real-time error tracking, performance insights, and observability for devs.

EEF

Supporting innovation across the BEAM ecosystem.

coders51

We build reliable cloud platforms for business-critical systems.

Manning Publications

Develop your skills with books, videos, and courses.

AppSignal

Catch errors, track performance, monitor hosts and more.

WyeWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that move you from confusion to "Aha, now I get it!"

Linux New Media

Publishing Linux Magazine, ADMIN, and MakerSpace for 25+ years.

View all our sponsors ❯

We're in Beta

About us Mission Statement See our Roadmap