Use Font Awesome Icon As Favicon

Method 1 Just visit fontawasome gallery. Now search and open your required icon i.e edit icon. Click on download svg as shown in given image. Now you can use this svg file in your website as favicon see How to set favicon. Method 2 Take a screenshot of something with the desired character, cut the … Read more

Favicon not working

To place a Favicon on your site you would use the following in the <head> tag You need to be sure that the path is correct for the icon. If the path is not correct it will not appear. I have also seen caching issues that makes it seem that the icon isn’t working. Always try to … Read more

favicon.png vs favicon.ico – why should I use PNG instead of ICO?

Answer replaced (and turned Community Wiki) due to numerous updates and notes from various others in this thread: ICOs and PNGs both allow full alpha channel based transparency ICO allows for backwards compatibility to older browsers (e.g. IE6) PNG probably has broader tooling support for transparency, but you can find tools to create alpha-channel ICOs … Read more

Add image in title bar

That method will not work. The <title> only supports plain text. You will need to create an .ico image with the filename of favicon.ico and save it into the root folder of your site (where your default page is). Alternatively, you can save the icon where ever you wish and call it whatever you want, but simply insert the following code … Read more

HTML 5 Favicon – Support?

The answers provided (at the time of this post) are link only answers so I thought I would summarize the links into an answer and what I will be using. When working to create Cross Browser Favicons (including touch icons) there are several things to consider. The first (of course) is Internet Explorer. IE does … Read more

Add Favicon to Website [duplicate]

Simply put a file named favicon.ico in the webroot. If you want to know more, please start reading: Favicon on Wikipedia Favicon Generator How to add a Favicon by W3C (from 2005 though)