
Favicons are the central icons of web development, and one of the finishing touches to any professionally-designed website. They started off as 16 x 16 pixel icons almost 20 years ago, but have since grown in both size and variety.
Due to this diversity, the easiest current way I know to generate the entire variety of formats and sizes required is Real Favicon Generator. However, if you want to learn more about favicon design, create a simple favicon, or explore other possibilities, I offer the following reading list:
Time: 1 hour
Prerequisites: Creating a favicon is usually one of the last steps to a website, but its design is strongly tied to it’s branding and visual presence (typically, one of the first).
Pro CSS3 Animation, Apress, 2013
Massive Head Canon
The New Defaults
CSSslidy