Favicons

Chopstick Boilerplate comes with some templates to help you quickly create favicons for your project. We use only the basic favicon and touch-icon sizes. More information about favicons and touch icons can be found here

Creating

In the _artwork folder you will find two favicon files:

• favicons.sketch: this Sketch file contains basic sizes with a master favicon symbol
• favicon.iconsproj: this Icon slate file contains basic sizes to generate your favicon.ico file

Sizes

• favicon.ico: 16x16px, 24x24px, 32x32px, 64x64px
• favicon.png: 32x32px
• apple-touch-icon.png: 180x180px

Final files

Place your final favicon files in the root of your project. There is no need to link them in the head as browser will pick them up automatically if you keep to the filenames set in the Sketch file.