DEV Community

Nivin Vysakh
Nivin Vysakh

Posted on • Edited on

Create Favicons for your website

Create A Simple Unique Favicons for your Website with couple of minutes

Go to FaviconTo create your icon. After that there will be many options to choose Like Image to icon, text to icon, Emoji to icon.

Image to Icon 👓

To convert your image logo to icon, Follow these steps

Drag and drop the image in box and click Download
After you downloaded icon file extract it and open the folder
You will see the icon file with many sizes
And there is a site.webmanifest


Installation 📀

Open your Editor drag and drop all the files in your project file Inside the index.html type the following command in your head tag

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
Enter fullscreen mode Exit fullscreen mode

And that’s How you will create a Favicons for your website

Top comments (0)