Customize the Favicon
Customize the Favicon
The favicons of Chirpy live in assets/img/favicons/. Here’s how to replace them with your own.
Generate the favicon
Prepare a square image (PNG, JPG, or SVG) at least 512x512, open Real Favicon Generator, and click Pick your favicon image to upload it.
The next page shows every usage scenario. Keep the defaults, scroll to the bottom, and click Next → to generate the favicon.
Download & Replace
Download the package, unzip it, and delete:
site.webmanifest
Copy the remaining image files (.PNG, .ICO, .SVG) over the originals in assets/img/favicons/, creating that directory if it doesn’t exist.
This table summarizes what changes:
| File(s) | From Online Tool | From Chirpy |
|---|---|---|
*.PNG | ✓ | ✗ |
*.ICO | ✓ | ✗ |
*.SVG | ✓ | ✗ |
✓ means keep, ✗ means delete.
The next build will use your customized favicon.
This post is licensed under CC BY 4.0 by the author.