Materia Theme
  • What is Materia?
  • Getting Started
    • Download & Install
    • Theme License & Activation
    • Create Pages - Required
  • Theme Updates
  • Required Apps
  • Recommended Apps
  • Mega Menu
  • Store Settings - Required
  • Materia Theme Dashboard
  • Theme Settings
    • Logo
    • Favicon
    • Layout Settings
    • Typography
    • Color Schemes
    • Website Intro
  • Overall Zoom
  • Browser Tab Messages
  • Badges
  • Notification Bubble
  • Buttons Customization
  • Main Collection Filter
  • Product Card Settings
  • Product Variant Swatches
  • Search Behavior Settings
  • Wishlist
  • Cart Settings
  • Social Media
  • Preloader Settings
  • Currency Display Settings
  • Cookies
  • Speed Optimization
  • General Store Information
  • Terms and Conditions Settings
  • Theme Sections
    • Header
    • Announcement Bar Basic
    • Upper Navigation Bar
    • Announcement Bar Pro 1
    • Hero Pro 1
    • Hero Image 1
  • Hero Banner 2
  • Hero Product 2
  • Carousel Hero Slider
  • Slideshow Pro
  • Image
  • Video
  • Benefits Cards Pro 2
  • Benefits Pro
  • Image & VIdeo With Text
  • Image With Icons
  • Image With Benefits
  • Image With Text Pro
  • Page's global sections
    • Announcement Bars
    • Header
    • Footer
    • Mobile Navigation Bar
    • Back To Top Pro
  • Overlay Group
    • Cookie Consent Banner
    • Mobile Navigation Bar
    • Page Tag
    • Custom Color Swatches
    • Order Notification Pro 1
    • Image Banner Popup
    • Promotion Banner Pro
    • Back To Top Pro
  • Products & Collections
    • Product Page
      • Breadcrumbs
      • Product Snippets
        • Product – Trust Badges
        • Product - Upsell Addon
        • Product-Payment Badges #1
        • Product - Sold Social Proof
        • Product - Bundle Pro
        • Product – Text Timer
        • Product - Promo Banner
        • Product - Vertical Benefits
        • Product - Payment Badges #2
        • Ecomz – Discount Coupon
        • Product - Size Chart Image
        • Product - Circle Images
      • Product Information
      • Product Templates
    • Collection Page
      • Collection Template
  • Other Pages
    • 404 Page
    • Blogs
    • Customer Login
    • Cart & Checkout
  • FAQs
    • Missing images when install Materia
    • Why are some pages missing?
    • Theme translation
    • Change currency
    • Why Does the Desktop Preview Look Compressed in the Theme Editor?
    • How to change fonts?
Powered by GitBook
On this page
  • What is a Favicon?
  • Favicon Image
  • Uploading Your Favicon
  • Don’t Have a Favicon Yet?
  1. Theme Settings

Favicon

PreviousLogoNextLayout Settings

Last updated 1 month ago

Your favicon is a small but important element of your store’s branding. It appears in browser tabs, bookmarks, and even search results. A well-designed favicon helps customers recognize your site quickly and adds a professional touch to your brand presence.


What is a Favicon?

A favicon (short for “favorite icon”) is the tiny icon displayed:

  • In browser tabs next to your page title

  • In bookmark lists

  • On mobile browser tabs

  • In search engine results (in some cases)

Even though it's small, it's one of the most visible pieces of your visual identity.


Favicon Image

Inside the Favicon Settings, you can upload your favicon image.

Recommended dimensions:

  • 32 x 32px

  • 50 x 50px

  • Up to 100 x 100px Make sure the image is square for best results.

Supported formats: PNG, ICO, or SVG Use a simplified version of your logo or a symbol that represents your brand clearly at small sizes.


Uploading Your Favicon

  1. Go to Theme settings → Favicon

  2. Click Upload image

  3. Select a square image file

  4. Save your settings

The favicon will be automatically applied across your store and visible in all modern browsers.


Don’t Have a Favicon Yet?

You can create one easily using free tools like:

👉 👉 Shopify’s free favicon generator 👉 Or design one in Canva or Figma and export it as PNG

favicon.io