CODEWITHSUNDEEP
htmlcss
Rohit Soni
Rohit Soni

Reputation: 28

Unicons are not Showing Even After Linking them

This is the code <link rel="stylesheet" href="https://unicons.iconscout.com/release/v3.0.1/css/unicons.css">

As you have see I have linked it correctly in index.html under the part. Do I have to add github plugin in atom to use it or any other way to do it?

<nav>
    <div class="container inner">
        <div class="logo">
            <i class="uil uil-cell"></i>
   

     Rohit's CV
        </div>
        <div>
            <button>
                <i class="uil uil-print"></i>
                Print
            </button>
        </div>
    </div>
</nav>

I even have use i class properly. I got the icons from here:https://github.com/Iconscout/unicons

Thanks

Upvotes: 0

Views: 2389

Answers (2)

RaRa Ritalin
RaRa Ritalin

Reputation: 167

if you visit the link to your stylesheet it appears to be taken offline..

https://unicons.iconscout.com/release/v3.0.1/css/unicons.css

here is the active one:

https://unicons.iconscout.com/release/v3.0.6/css/solid.css

As you can see they have created a paid and free version. This will result in a couple of name changes and/or unusable icons.

But as you can see it does work. I have made a snippet so you can see.

i {
  font-size: 100px;
}
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v3.0.6/css/solid.css">  
<i class="uis uis-airplay"></i>

Upvotes: 1

Kaung Khant Zaw
Kaung Khant Zaw

Reputation: 1638

You can try downgrading version as

<link rel="stylesheet" href="https://unicons.iconscout.com/release/v2.1.6/css/unicons.css">

Seems like font icons in version 3.0.1 is currently having issues

Upvotes: 0

Related Questions