# Custom Tab Icons

**URL:** <https://community.glideapps.com/t/custom-tab-icons/35745>\
**Category:** Project Showcase\
**Created:** [December 9, 2021, 5:37pm UTC](https://community.glideapps.com/t/custom-tab-icons/35745 "2021-12-09T17:37:25Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ShantanuIyengar](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/shantanuiyengar/32/35546_2.png) [@ShantanuIyengar](https://community.glideapps.com/u/ShantanuIyengar)\
**Post date:** [December 9, 2021, 5:37pm UTC](https://community.glideapps.com/t/custom-tab-icons/35745/1 "2021-12-09T17:37:25Z")

</div>

Hey there gliders!  
First draft for custom tab icons

> **[Custom Tab Icons](https://custom-tab-icons.glideapp.io/)**

Lemme know your reviews!

---

<div class="post-metadata">

**Author:** ![darkcodesv](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darkcodesv/32/34200_2.png) [@darkcodesv](https://community.glideapps.com/u/darkcodesv)\
**Post date:** [December 9, 2021, 8:05pm UTC](https://community.glideapps.com/t/custom-tab-icons/35745/2 "2021-12-09T20:05:39Z")

</div>

That is exactly what I need, how is it done?

Could you help me?

---

<div class="post-metadata">

**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:** [December 9, 2021, 11:45pm UTC](https://community.glideapps.com/t/custom-tab-icons/35745/3 "2021-12-09T23:45:37Z")

</div>

I imagine he has a template column to take into account the SVG path that was input by the user, than add it to a rich text component on the screen to manipulate the tab icons.

However, you must put the same code on every screen you have on the bottom bar, including screens where you navigate to an inline list item and you can’t use layouts outside of details.