Favicon Guide

Favicon Guide

How to Add a Custom Favicon

1. Create your favicon:
   • Size: 16x16 or 32x32 pixels
   • Format: .ico, .png, or .svg
   • Tools: Canva, Favicon.io, or Photoshop
2. Place the file:
   • Name it: favicon.ico (or .png/.svg)
   • Location: Root directory of the project
3. Update if needed:
   • The HTML already references /favicon.ico
   • If using .png or .svg, update the link in _layouts/default.html

Temporary Solution

For now, browsers will show a default icon. You can add your custom favicon later.

Online Tools

• Favicon.io - Generate favicons online
• Canva - Design favicos with templates
• RealFaviconGenerator - Advanced favicon generation