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

pillaiindu
Frontend>Questions

Can Svelte be used as an alternative to Stimulus and Alpine?
I mean, when you render all the HTML at the server side and the data is sent through HTTP requests, except only if some tiny things are d...
/svelte#frontend#stimulus#alpine
5 1613 0
New
pavanforza
Frontend>Questions

Firestore connection with Alteryx
I have a requirement to extract data from firebase which is used to build serverless applications. Can we connect Firebase no-sql databa...
#firebase
1 825 0
New
JessicaW33
Frontend>Questions

How would you implement a navigation system in React Native?
Hello All, How would you implement a navigation system in React Native? Could not find a way so I ask the community can someone help me ...
/react/react-native
2 803 0
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

How to get app.html.heex to use assigns properly with LiveView
Background I have a Phoenix application, where all pages (expect the login page) have a menu at the top. This menu will therefore only a...
/elixir/phoenix#liveview
2 1128 1
New
Fl4m3Ph03n1x
Frontend>Questions

Assigns is not assigning attribute in custom core component
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...
/elixir#liveview
1 778 1
New
wilsoc31
Frontend>Questions

Complie in iOS for i15 but not ipod
First time building an app. It will run for Android and also for iPhone 15 but will not for iPod. Not sure why or where to even begin. ...
#ios#apps
0 537 0
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
ounce591
Frontend>Questions

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 ...
/react/react-native
8 297 4
New
grboi
Frontend>Questions

Which scales better NodeJS or Django?
I am learning full-stack and wanted to know which tech would be best, which would scale better. This is because when sitting for intervie...
/django/flask/nodejs
0 0 0
New

Other popular topics Top

Devtalk
General Dev>Dev Chat

HELLO WORLD (Introductions thread!)
Hello Devtalk World! Please let us know a little about who you are and where you’re from :nerd_face:
#community
484 8259 119
New
PragmaticBookshelf
Backend>Learning Resources

Web Development with Clojure, Third Edition
Stop developing web apps with yesterday’s tools. Today, developers are increasingly adopting Clojure as a web-development platform. See f...
pragprog.com
#pragprog#web-development/clojure#published-book/book-web-development-with-clojure-third-edition
5 4584 1
New
AstonJ
Backend>Questions

Erlang's not installing on macOS Big Sur "You are natively building Erlang/OTP for a later version of MacOSX than current version"
Just done a fresh install of macOS Big Sur and on installing Erlang I am getting: asdf install erlang 23.1.2 Configure failed. checking ...
#macos/erlang#big-sur#asdf
10 6212 8
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
Help
Game Dev>Questions

Can I use Java to program a game for Nintendo switch?
I am trying to crate a game for the Nintendo switch, I wanted to use Java as I am comfortable with that programming language. Can you use...
/java#nintendo
8 4771 3
New
PragmaticBookshelf
Backend>Learning Resources

Agile Web Development with Rails 8
Get the comprehensive, insider information you need for Rails 8 with the new edition of this award-winning classic. Sam Ruby @rubys ...
pragprog.com
#pragprog#web-development/ruby/rails#published-book/book-agile-web-development-with-rails-8
12 7404 7
New
mindriot
General Dev>Reviews

Keyboard Review: UHK60V2 vs Defy vs Voyager vs Glove80 vs Svalboard
Ok, well here are some thoughts and opinions on some of the ergonomic keyboards I have, I guess like mini review of each that I use enoug...
/keyboards#uhk60v2#defy#voyager#glove80#svalboard
5 5681 7
New
PragmaticBookshelf
Backend>Learning Resources

Risk-First Software Development, Second Edition
As digital systems increasingly run the world, mastery of the recurring patterns of software development risk is the key to fast and effe...
pragprog.com
#pragprog#published-book/book-risk-first-software-development-second-edition
12 4217 8
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
xiji2646-netizen
AI>Chat

Claude Code's entire source just leaked (512K lines) - anyone else digging through it?
Woke up to this today: Claude Code’s complete source code exposed via npm source map. Not a snippet. All 512,000 lines. 1,900 TypeScript ...
#claude
6 8359 5
New
Back to top

Sponsor Spotlight

WyewWorks

Enabling companies to succeed by building software people love.

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