Fomantic UI icons not showing

Javistka - Marta Słysz
1 min readNov 29, 2020

During coding my portfolio page I’ve had some troubles with displaying Fomantic UI icons. They weren’t displaying at all, while other Fomantic UI properties were working properly.

I tried to solve my problem and with a little help of Stackoverflow and experimenting I have managed to find a solution.

I had to replace the link to semantic.min.css file from Fomantic UI page

<link rel="stylesheet" type="text/css" href="/dist/semantic.min.css">

with a link from here.

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.8.7/dist/semantic.min.css">

I also had to add new link to icon.min.css file from here, just like below

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.7/components/icon.min.css">

I added all this links in head of my html file. You can see it on my Github.

See the problem on Stackoverflow.

--

--