Use Font Awesome Icon As Favicon

Method 1

  1. Just visit fontawasome gallery.
  2. Now search and open your required icon i.e edit icon.
  3. Click on download svg as shown in given image.
  1. 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 part you want and save it as an image (.ico).

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

If your characters are image or vector files, you’ll be ok with most browsers but IE (because MS hates you). Otherwise, well, you’ll really have to save them as images first.

Related Posts:

  1. Does a favicon have to be 32×32 or 16×16?
  2. Add image in title bar
  3. favicon.png vs favicon.ico – why should I use PNG instead of ICO?
  4. What’s the proper way to add a favicon in WordPress without a plugin? [closed]
  5. Favicon storage – which folder should be used?
  6. How to change the WordPress favicon?
  7. Where can I change favicon in my wordpress website?
  8. Problem with favicon in the latest wp
  9. favicon now showing up
  10. Why does WordPress want a 512×512 pixel site icon
  11. Not able to show the favicon to the uploads URL in WordPress
  12. Favicon only appearing on the homepage?
  13. wordpress favicon not working properly on all browsers
  14. Favicon does not showup
  15. Favicon not working properly in chrome and in firefox
  16. Facebook favicon appearing on my home page
  17. Why can’t I upload ICO files to WordPress?
  18. How to add a browser tab icon (favicon) for a website?
  19. Adding a favicon to a static HTML page
  20. FontAwesome icons are not showing, Why?
  21. Add Favicon to Website [duplicate]
  22. remove favicon white background
  23. HTML 5 Favicon – Support?
  24. How to make Font awesome 5 work with webpack
  25. Using Numbers With Font Awesome
  26. Do you have to include link rel=”icon” href=”favicon.ico” type=”image/x-icon” /?
  27. What is the best practice for creating a favicon on a web site?
  28. Favicon not working
  29. Dash icons Not Showing properly in Menu Using WordPress
  30. How to display .ico files in the media library
  31. How to add favicon to my site – in both front end and admin panel
  32. Where do the favicons for Media Files come from
  33. Conditional Logic to Check for Site Icon
  34. Check if Favicon is set in Customizer
  35. How to change in customizer the “site identity” tab required capabilities
  36. favicon and multi site
  37. Favicon plugin for WordPress running in network mode (multisite)? [closed]
  38. Remove apple-touch-icon link generated by WordPress
  39. How to add iOS & fav icons to the theme?
  40. Why does WP recommend against custom favicon functionality in themes?
  41. How do I set my Feedburner feed to use my favicon?
  42. Plugin that inserts favicon next to links
  43. Change Favicon on Login Screen?
  44. Can’t delete unwanted favicon
  45. Compact pingback list with favicons
  46. Posting with slug “favicon” gets redirected
  47. Multisite favicon.ico
  48. Twentyten Child Theme: header images display messed up in admin panel
  49. Trying to create a plugin to change wordpress site icons per page
  50. How to disable cropping of the site icon?
  51. Set Site Icon programmatically (eg. using `wp cli`)
  52. Rewrite rule for path of favicon.ico ( Add_rewrite_rule function possible ? )
  53. How do I add a favicon that only shows during viewing of my plugin’s admin panel?
  54. Unable to display favicon using get_favicon()?
  55. Getting an error. Need to add favicon in my child theme functions.php. What’s wrong?
  56. Different favicon on different pages
  57. how to create a fav icon shortcode?
  58. Favicon not loading until cookies are accepted?
  59. Changable favicon
  60. adding a favicon to site2 – site1/site2/favicon.ico
  61. How to change the WordPress email icon?

Leave a Comment