Use Awesome Icon As Favicon Font

Question

Can I use the Font Awesome badge as a favicon badge? You know the little icon that appears next to the website title on the browser tab?

Answer 1

Yes it is. Just take a screen shot of the character you want, cut out the part you need and save it as an image (.ico).

Seriously, you can now check the formats supported by each browser: http://en.wikipedia.org/wiki/Favicon#File_format_support

If your characters are graphic or vector files, you'll be fine with most browsers, but IE (because MS hates you) . Otherwise, you really need to save them as images first.

Answer 2

EDIT: I suggest you use http://gauger.io/fonticon

---

I created an online Font Awesome Favicon Generator to do this!

See Font Awesome Favicon Generator .

Answer 3

I also created the Font Awesome Favicon online generator, which has additional features not found in the Paul Ferrett solution.

• favicon preview in browser
• icon size
• transparent icon and background
• huge image size (icon can be as detailed as you want)
• iconset can be updated with github
• Update 06/2017 Update to Font Awesome 4.7
• update 06/2017 fuzzy search and keyword search
• update 09/2017 folded icons
• Update 06/2018 Update to Font Awesome 5.0.13
• Update 11/2018 Update to Font Awesome 5.5.0
• Update 04/2019 Update to Font Awesome 5.8.1
• 04/2019 update Font Awesome Pro support added!

If you want additional features, please feel free to submit a question or pull request here .

Answer 4

Any image can be uploaded to the favicon generator site, for example:

http://favicon-generator.org/

or

http://www.favicon.cc/

Follow the online instructions on the site of your choice. Usually these are just three steps. Keep the site icon at the top level of your site.

For compatibility between browsers, I recommend always using images for icons. Even if some of the sites you create are for modern browsers only, still convert your favicon images into an image. Consistent use of the same process gives you less anxiety.

Answer 5

It is impossible that you could use the direct awesome font character as favicon without converting to an image. You must convert the character to an image.