Skip to content
Bufferthemes

Customize Favicon

Bufferthemes use the astro-favicons package to automatically generate all necessary favicon variants and PWA assets.

How to Change the Favicon

To update the favicon for your site, follow these simple steps:

  1. Prepare Your Favicon
    • Use an SVG file for the best results.
    • Make sure your favicon is square for proper scaling.
  2. Replace the Default Favicon
    • Navigate to the /public directory in your project.
    • Replace the existing favicon.svg file with your new one.
  3. Rebuild Your Site
    • When you restart or rebuild your Astro project, Bufferthemes will automatically generate all required favicon sizes and PWA assets.

Thanks to astro-favicons, there’s no need to manually define different favicon sizes or update any configuration files. Just replace favicon.svg, and you’re good to go! 🚀

For more details, check out the astro-favicons documentation.