Generated package

GitBook — Cloud favicon package. Ready to install.

Download the correct GitBook — Cloud favicon package, place every file in the right location, and follow the exact installation steps for this stack.

Stack-specific filesExact snippet locationsCopy-ready guide
Documentation1 files

GitBook — Cloud

For GitBook Cloud. Use dashboard upload because custom head snippets are not supported.

ZIP: favico-gitbook-cloud-modern-package.zip

Folder: favico-gitbook-cloud-modern-favicon/

  1. 1
    Download your favicon package.
    Download favico-gitbook-cloud-modern-package.zip for GitBook — Cloud.
  2. 2
    Extract this package in your project.
    Extract it in your project root. The package contains:
    Package structure
    favico-gitbook-cloud-modern-favicon/
└── gitbook-site-icon-512x512.png
  3. 3
    Copy the favicon files to the correct location.
    Copy the generated files to GitBook dashboard upload.
    Generated fileCopy toStatusPurpose
    web-app-manifest-512x512.pnggitbook-site-icon-512x512.pngRequiredUpload this as the GitBook site icon/favicon.
  4. 4
    Add the config snippet in GitBook site settings.
    GitBook site settings
    Upload gitbook-site-icon-512x512.png in GitBook site icon/customization settings.
  5. 5
    Why this setup works.
    • GitBook Cloud does not give normal project-level head control for full manual favicon snippets.
    • The correct setup is a dashboard icon upload.

  6. Support Favico Studio

    Satisfied with the result?

    If Favico Studio helped you create your favicon faster, you can support the creator and help keep this tool free, fast, and available for everyone.

    ♥Support the creator→
  7. 6
    Start your app and verify the favicon URLs.
    Run command
    Publish the GitBook site.
    Verify URLs
    Open the published GitBook site and check the browser tab icon.
  8. 7
    Common mistakes to avoid.

    Looking for a code file to edit

    Correct: Use GitBook dashboard settings

    GitBook Cloud favicon setup is controlled by the hosted product UI.

  9. 8
    Final checklist.
    ✓ Correct stack selected.
    ✓ Correct package downloaded and extracted.
    ✓ Files copied to the exact folder shown in this guide.
    ✓ Config snippet added only when this stack requires it.
    ✓ Head/favicon snippet added to the exact head location shown in this guide.
    ✓ No /public/ or /static/ URL is used unless the framework explicitly requires it.
    ✓ favicon.ico is kept as fallback only, not actively linked as the main favicon.
    ✓ favicon.svg loads directly.
    ✓ favicon-dark.svg loads directly.
    ✓ site.webmanifest loads directly.
    ✓ Manifest icon PNG files load directly.
    ✓ Browser cache cleared and Favico Studio checker passes.