Minor icon issue

[bartenderonduty]

Hi Themeco Team,

I’m trying to use the html version of the “l-chevron-right” icon in a block of text. I’ve attempted to use the font awesome code (https://fontawesome.com/icons/chevron-right?s=thin) as well as icon code from X, however, everything I’ve tried has resulted in the standard, solid chevron icon that you see in the screenshot.

This seems like it should be an easy fix but I’m stumped… Can you please help me with using the html version of the light/thin version of the chevron icon? Also, do you have a guide for using html icons in X? I searched the forums but didn’t see anything that was added recently.

Thank you!

[tristup]

Hi @bartenderonduty,

Thanks for reaching out.
To get the icon you need to add the HTML code in the following ways. To get the lighter version you need to add the icon code into the data-x-icon-l attribute.

<i data-x-icon-l="&#xf054;"></i>

To know more about the data-x-icon codes and the more ways to use the icons with your menu, please go through the video.

Hope it helps.
Thanks

[bartenderonduty]

Perfect, thank you very much!

[tristup]

Hi @bartenderonduty,

Glad that we are able to help you.

Thanks