Skip to content

Favicon

Inju Michorius edited this page May 17, 2021 · 1 revision

You know the small icon on top of your tabbar? It's called a favicon and you can change it! This is another simple thing with a lot of impact. Users recognize your website faster because you give them a visual clue.

<head>
    <link rel="icon" href="./images/favicon.jpg" type="image/jpeg" sizes="16x16">
</head>

Make sure to choose a favicon that has the recommended size. Add your image path to the HREF and make sure the type matches your image. It's also possible to use a gif as a favicon.

Weeks

Week 1 📕

Week 2 📙

CSS Techniques

CSS variables 🧠

Font-face 👁‍🗨

Fonts 🅰️

Keyframes 🥳

Custom everything!

Favicon 🌆

Cursor 🖱️

Scrollbar ⌨️

Selection 🧲

Clone this wiki locally