Hello

Could you try removing the following from your template styles Custom CSS field...

[class^="fa-"]::before, [class*=" fa-"]::before {

    font-family: "Font Awesome 6 Pro" !important;

    font-weight: 400;

    font-style: normal;

}

Although Joomla 5 is now using Font Awesome 6, it does not use the pro version by default.

Ciaran

That did the trick for the icon module, thanks!

Why can't you use FontAwesome?
Change the desired icons in the icon settings and write the term in your browser search engine (example: remixIcon) and a link with the codes will immediately be displayed...
Now you can invest a lot of time to find the best thing for you and your site...

Why can't you use FontAwesome?
Change the desired icons in the icon settings and write the term in your browser search engine (example: remixIcon) and a link with the codes will immediately be displayed...
Now you can invest a lot of time to find the best thing for you and your site...

Because font awesome doesn't work. ... but apparently remixicon doesn't either.

Hello

Icon Class Names can be found for each font set at the following URLs..

FontAwesome: https://fontawesome.com/v5/search (Note that Joomla 5 is now using FontAwesome 6)
Pixeden Stroke 7: http://themes-pixeden.com/font-demos/7-stroke/
Typicons: http://s-ings.com/typicons/
Mobirise: https://mobiriseicons.com/cheatsheet.html
DripIcons: http://demo.amitjakhu.com/dripicons/
RemixIcons: https://remixicon.com/

For the Remixicons ensure you use the class rather than the name (eg. Home -> ri-home-line).

Ciaran

I did, but with my Kinvara template still no icon sets but Pixeden work

Hello

I have created an override to stop the module auto adding the prefix to the icon classes. Does this resolve the issue for you?

Ciaran

Hello

I have created an override to stop the module auto adding the prefix to the icon classes. Does this resolve the issue for you?

Ciaran

Font awesome still doesn't work. but remix icon does now, however the tiktok icon is missing

Hello

Is the issue present with the homepage template style? We did test this and they appeared to be displayed without issue on the homepage. What class are you using?

Ciaran

Hello

Is the issue present with the homepage template style? We did test this and they appeared to be displayed without issue on the homepage. What class are you using?

Ciaran

Sorry, I forgot to mention the template. But like I mentioned it before, it's kinvara. you have admin access. I used the class provided on the font awesome page.

Hello

Apologies, I should have been more specific. I believe you have a number of different template styles for the Kinvara template, one of which is specifically for the homepage. In other words, do font awesome icons display if the module is set to the homepage? And what class are you using for your icon?

Ciaran

Hello

Apologies, I should have been more specific. I believe you have a number of different template styles for the Kinvara template, one of which is specifically for the homepage. In other words, do font awesome icons display if the module is set to the homepage? And what class are you using for your icon?

Ciaran

Yes, I use four different styles all named J51_Kinvara - xx. I see you only made changes to one of them, and that wasn't the one where the issue arose with the module.

#1 I copied the css codes to all other template styles. The Social Media icons set in those styles now work, however the background color for the custom icons only shows when the mouse is on the icon (mouseover) and otherwise it's transparent. Due to my white background you cannot see the icon, when the font is white and it looks aweful if you chose any other font color because of the blue colors of Facebook and insta.

#2 I canged the icons of the icon module to font awesome and used the links provided on their page (which work for the social media icons) and I get these erroc icons again.

The Kinvara Template I have is from last year. I now downloaded the newest version and will overwrite the files on my webspace. Maybe that'll help ... unfortunately it did not: https://buchpassion.com/index.php/de/medien

Hello

Could you try removing the following from your template styles Custom CSS field...

[class^="fa-"]::before, [class*=" fa-"]::before {

    font-family: "Font Awesome 6 Pro" !important;

    font-weight: 400;

    font-style: normal;

}

Although Joomla 5 is now using Font Awesome 6, it does not use the pro version by default.

Ciaran