# Bottom Nav Bar Icon **URL:** https://community.glideapps.com/t/bottom-nav-bar-icon/75143 **Category:** Ask for Help **Created:** [July 24, 2024, 6:59pm UTC](https://community.glideapps.com/t/bottom-nav-bar-icon/75143 "2024-07-24T18:59:11Z") **Posts on this page:** 14 **Page:** 1
### Author: ![mrt224](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrt224/32/490_2.png) [@mrt224](https://community.glideapps.com/u/mrt224) #### Post date: [July 24, 2024, 6:59pm UTC](https://community.glideapps.com/t/bottom-nav-bar-icon/75143/1 "2024-07-24T18:59:11Z")
Does any know the CSS code to change the bottom nav bar icon? ---
### Author: ![MegannLock](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/megannlock/32/19680_2.png) [@MegannLock](https://community.glideapps.com/u/MegannLock) #### Post date: [July 24, 2024, 7:43pm UTC](https://community.glideapps.com/t/bottom-nav-bar-icon/75143/2 "2024-07-24T19:43:26Z")
See [here](https://community.glideapps.com/t/css-or-customization-for-new-glide-apps-pages/67998/2)! ---
### Author: ![mrt224](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrt224/32/490_2.png) [@mrt224](https://community.glideapps.com/u/mrt224) #### Post date: [July 24, 2024, 10:03pm UTC](https://community.glideapps.com/t/bottom-nav-bar-icon/75143/3 "2024-07-24T22:03:38Z")
Thank you. I also would like to change the icon with my icon. Do you have the code? ---
### Author: ![FrancoisDigico](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/francoisdigico/32/75651_2.png) [@FrancoisDigico](https://community.glideapps.com/u/FrancoisDigico) #### Post date: [July 24, 2024, 10:35pm UTC](https://community.glideapps.com/t/bottom-nav-bar-icon/75143/4 "2024-07-24T22:35:27Z")
This is classic CSS, so you shouldn’t have many issue to produce the code. Even dynamically. ---
### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh) #### Post date: [July 25, 2024, 12:27am UTC](https://community.glideapps.com/t/bottom-nav-bar-icon/75143/5 "2024-07-25T00:27:40Z")
What do you mean by this? Do you have the code that worked on the classic version? ---
### Author: ![mrt224](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mrt224/32/490_2.png) [@mrt224](https://community.glideapps.com/u/mrt224) #### Post date: [July 25, 2024, 12:42am UTC](https://community.glideapps.com/t/bottom-nav-bar-icon/75143/6 "2024-07-25T00:42:27Z")
I lost the code ---
### Author: ![FrancoisDigico](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/francoisdigico/32/75651_2.png) [@FrancoisDigico](https://community.glideapps.com/u/FrancoisDigico) #### Post date: [July 25, 2024, 2:01am UTC](https://community.glideapps.com/t/bottom-nav-bar-icon/75143/7 "2024-07-25T02:01:51Z")
I think a JS code column, using it a lot now in conjunction with Json column and lookup columns. ---
### Author: ![FrancoisDigico](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/francoisdigico/32/75651_2.png) [@FrancoisDigico](https://community.glideapps.com/u/FrancoisDigico) #### Post date: [July 25, 2024, 2:07am UTC](https://community.glideapps.com/t/bottom-nav-bar-icon/75143/8 "2024-07-25T02:07:23Z")
How you use it? If using like tailwind go to docs [Utility-First Fundamentals - Tailwind CSS](https://tailwindcss.com/docs/utility-first) ---
### Author: ![FrancoisDigico](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/francoisdigico/32/75651_2.png) [@FrancoisDigico](https://community.glideapps.com/u/FrancoisDigico) #### Post date: [July 25, 2024, 2:27am UTC](https://community.glideapps.com/t/bottom-nav-bar-icon/75143/9 "2024-07-25T02:27:41Z")
It looks like this. ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/8/d8b5e72d7d7a95bdf0e59163fcb848db3985a4af.jpeg) ---
### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh) #### Post date: [July 25, 2024, 2:30am UTC](https://community.glideapps.com/t/bottom-nav-bar-icon/75143/10 "2024-07-25T02:30:01Z")
But he’s asking for a CSS code column. Why are you showing a snippet to generate HTML table? ---
### Author: ![FrancoisDigico](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/francoisdigico/32/75651_2.png) [@FrancoisDigico](https://community.glideapps.com/u/FrancoisDigico) #### Post date: [July 25, 2024, 6:34am UTC](https://community.glideapps.com/t/bottom-nav-bar-icon/75143/11 "2024-07-25T06:34:45Z")
Because ThinDinh, thank you for suggestion in a one year old post. It also shows you can do it using ‘JS’ column maker. ---
### Author: ![FrancoisDigico](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/francoisdigico/32/75651_2.png) [@FrancoisDigico](https://community.glideapps.com/u/FrancoisDigico) #### Post date: [July 25, 2024, 6:36am UTC](https://community.glideapps.com/t/bottom-nav-bar-icon/75143/12 "2024-07-25T06:36:10Z")
A css can be plugged easily on that code, too. ---
### Author: ![FrancoisDigico](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/francoisdigico/32/75651_2.png) [@FrancoisDigico](https://community.glideapps.com/u/FrancoisDigico) #### Post date: [July 25, 2024, 6:47am UTC](https://community.glideapps.com/t/bottom-nav-bar-icon/75143/14 "2024-07-25T06:47:59Z")
Hi, because it’s the closest thing to build from Glide Data to Js to HTML. I assume you already built such code in vanilla JavaScript? ---
### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh) #### Post date: [July 25, 2024, 9:03am UTC](https://community.glideapps.com/t/bottom-nav-bar-icon/75143/15 "2024-07-25T09:03:46Z")
I mean what you’re suggesting doesn’t relate to the post at all. He’s asking how to use CSS to change the bottom navigation bar icons. How would your solution help him?