# Trying to use images or unicode character as tab labels

**URL:** <http://forum.squareline.io/t/trying-to-use-images-or-unicode-character-as-tab-labels/2396>\
**Category:** How to\
**Created:** [January 18, 2024, 3:39pm UTC](http://forum.squareline.io/t/trying-to-use-images-or-unicode-character-as-tab-labels/2396 "2024-01-18T15:39:02Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![bruno](http://forum.squareline.io/letter_avatar_proxy/v4/letter/b/c77e96/32.png) [@bruno](http://forum.squareline.io/u/bruno)\
**Post date:** [January 18, 2024, 3:39pm UTC](http://forum.squareline.io/t/trying-to-use-images-or-unicode-character-as-tab-labels/2396/1 "2024-01-18T15:39:02Z")

</div>

### What do you want to achieve?

Using either an image, or a unicode string as tab title.

### What have you tried so far?

Setting the character to 0x2302 (⌂) as the tab title, and set the font toa font where I included this specific character. A square is displayed.

### Screenshot or video

 ![image](http://forum.squareline.io/uploads/default/original/2X/9/9790a95886e72487df178e90bfdebe5809ed8615.png)  
 ![image](http://forum.squareline.io/uploads/default/original/2X/2/280b8eedde3d4c69c0546412d9122bdd062cc9a7.png)  
 ![image](http://forum.squareline.io/uploads/default/original/2X/5/51e1c95eb145b1d6cb34578839db8f4f2a619402.png)

### Others

- **SquareLine Studio version:**
- **Operating system:**
- **Target hardware:**  
 ![image](http://forum.squareline.io/uploads/default/original/2X/f/f08be396c11502d3f4eabb9ce7f8f074cf3701c7.png)

---

<div class="post-metadata">

**Author:** ![Hermit](http://forum.squareline.io/user_avatar/forum.squareline.io/hermit/32/971_2.png) [@Hermit](http://forum.squareline.io/u/Hermit)\
**Post date:** [January 19, 2024, 7:21pm UTC](http://forum.squareline.io/t/trying-to-use-images-or-unicode-character-as-tab-labels/2396/2 "2024-01-19T19:21:28Z")

</div>

I could reproduce the problem, but it must be that this character with codepoint 0x2302 doesn’t exist in your .ttf character set. (Its UTF-8 value is E2 8C 82 according to [Convert Code Points to UTF8 – Online UTF8 Tools](https://onlinetools.com/utf8/convert-code-points-to-utf8) with hexadecimal input setting). I tried with a 104kB Consolas.ttf fontset, and that one missed it too, when opened in the program `FontForge` had empty place for this ‘house’ character. But the 358kB CONSOLA.ttf included it and it appeared fine with that fontset. The only problem was that the range needed to be limited to ‘0x2000-0x2302’ or so in SquareLine Studio before conversion to C array, probably because it’s a huge and complete fontset for that purpose. I think you should have a small fontset with only these special characters and use that for graphic buttons, like built-in LVGL symbols.

 ![CONSOLA-ttf-house-character-codepoint-2302](http://forum.squareline.io/uploads/default/original/2X/8/8febaca95c5e30591fda9e673da0776eb31216e9.png)

---

<div class="post-metadata">

**Author:** ![bruno](http://forum.squareline.io/letter_avatar_proxy/v4/letter/b/c77e96/32.png) [@bruno](http://forum.squareline.io/u/bruno)\
**Post date:** [January 20, 2024, 2:40pm UTC](http://forum.squareline.io/t/trying-to-use-images-or-unicode-character-as-tab-labels/2396/3 "2024-01-20T14:40:37Z")

</div>

Hi, thanks again for your time on investigations.

I understand that it’s not a technical malfunction but the interface does not help realise what we intend to do, I may say.  
In my specific intention, I wanted to switch to icon as tab titles. We should be able to set images, or Unicode characters.

If course, unicode full fonts would be really too heavy to include in the char arrays as a whole. We cannot manually tell the unicode identifiers we use, one by one, it’s not easy.

Suggestions:

- Using a font should offer the option to include only characters mentioned in any text field on the interface, in the char array (this would lead to index addressing problmes, that’s another story)
- We should be able to choose to inclue “know ranges” of identifiers, in case we want to use the font dynamically at runtime
- Maybe, displaying all characters from the font could help to choose what we need to include.

At that time, I’ll not be able to use a tabset for my usage and will ave to implement the logic manually ☹

Bruno