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)

Cloudinary image

Optimize, customize, deliver, manage and analyze your images.

Remove background in all your web images at the same time, use outpainting to expand images with matching content, remove objects via open-set object detection and fill, recolor, crop, resize... Discover these and hundreds more ways to manage your web images and videos on a scale.

Learn more

๐Ÿ‘‹ Kindness is contagious

Please leave a โค๏ธ or a friendly comment on this post if you found it helpful!

Okay