Rock Mountain
  • Home
  • User Guide
    • Glass Web Components
    • Using reCAPTCHA
    • Publishing Source Code with Syntax Highlighting
  • Developer Guide
    • Getting Started
    • Adding NPM Packages
    • Database
      • Backing Up and Restoring Data
      • Database Schema
      • MongoDB Tips and Snippets
      • VS Code and the MongoDB Playground
    • Common Errors and Their Solutions
    • Developing Glass Web Components
    • DevOps
      • Build and Deployment Procedure
      • GitHub Conventions and Workflow
      • Merging Preview Into Main
    • File Structure
    • React Components
      • SiteLayout Component
      • Toggle Lazy Load Image Component
    • Update or Change the Fav Icon
    • References and Learning Resources
  • Icons
Powered by GitBook
On this page
  1. Developer Guide

Update or Change the Fav Icon

  • You may wish to start with the master Adobe Illustrator file for the favicon, which can be found here: public/favicon.ai.

    • Note that the favicon.ai file, as-is, depends on the font BebasNeue Bold.ttf which we cannot provide here. You can either find and install the font yourself or replace it.

    • It is not necessary to start with our Adobe Illustrator file; any image that has square dimensions will do.

  • Save your icon image as a PNG with transparency.

  • Upload the PNG through the following online tool, selecting 16, 32, and 48 pixel versions of the icon to be included: https://www.icoconverter.com/

PreviousToggle Lazy Load Image ComponentNextReferences and Learning Resources

Last updated 3 years ago