Fork me on GitHub

Project Notes

favicons

All about favicons

Notes

See the favicon-cheat-sheet for a “A painfully obsessive cheat sheet to favicon sizes/types”. See also Favicon – Why you’re doing it wrong

The absolute fallback is simply a favicon.ico file in the root of your domain. HTML markup may be used for specific favicon configuration for:

  • Touch icon for iOS 2.0+ and Android 2.1+
  • IE 10 Metro tile icon
  • IE 11 Tile for Windows 8.1 Start Screen
  • Largest to smallest apple-touch-icons
  • Favicons targeted to any additional png sizes that you add that aren’t covered above
  • Favicon Chrome for Android

Online Generators

Online generators seem to come and go. some that I’ve had success with are:

Validation

Some resources for validating a site’s favicon setup

Here’s an example report from https://realfavicongenerator.net/favicon_checker when validating https://trumpeter-catalog.tardate.com/:

favicon_validation_example

Credits and References

About LCK#263 web
Project Source on GitHub Return to the Project Catalog

This page is a web-friendly rendering of my project notes shared in the LittleCodingKata GitHub repository.

LittleCodingKata is my collection of programming exercises, research and code toys broadly spanning things that relate to programming and software development (languages, frameworks and tools).

These range from the trivial to the complex and serious. Many are inspired by existing work and I'll note credits and references where applicable. The focus is quite scattered, as I variously work on things new and important in the moment, or go back to revisit things from the past.

This is primarily a personal collection for my own edification and learning, but anyone who stumbles by is welcome to borrow, steal or reference the work here. And if you spot errors or issues I'd really appreciate some feedback - create an issue, send me an email or even send a pull-request.