Icons missing after latest updates

[lypa]

Dear Themeco Support Team

We have found that after the latest updates, all our icons are missing on our updated staging site. For example in the header and footer area.

Staging Header & Footer (https://www.morga.ch/staging), here the icons are missing and we see a red outlined box instead:

Live Header and Footer (https://www.morga.ch), this is what it should look like:

Would you mind taking a look at that? Thank you.

Kind Regards,
lypa

[ruenel]

Hello @lypa,

Thanks for posting in! Your icons were missing because the code that you were using was being deprecated. You will have to replaced it with the following codes:

<i class="x-icon-shopping-cart" data-x-icon-s="&#xf07a;" aria-hidden="true"></i>

<i class="x-icon-key" data-x-icon-s="&#xf084;" aria-hidden="true"></i>

Please let us know if this works out for you.

[lypa]

Hi RueNel,

ok I try that. Thank you for helping.

BEst,
lypa

[friech]

You’re most welcome,

Cheers!

[ckperkins]

Where can I find the full list of icons so that other can update the icons that’s needed? All the social icons are missing after the latest update.

[lypa]

Hi There,

Yes, a list would be great , I would also appreciate that.

Cheers,
lypa

[ruenel]

Hello Guys,

You can find out the icons from the font awesome site:

• https://fontawesome.com/icons

Please take note of the icon unicode from the font awesome site and then add it in your code like this:

<i class="x-icon-{name}" data-x-icon-{type}="&#x{unicode};" aria-hidden="true"></i>

Icon type:

s - solid and regular icons
b - brand

Using the Key icon as an actual example, your code will become like this:

<i class="x-icon-key" data-x-icon-s="&#xf084;" aria-hidden="true"></i>

Hope this helps.