EStore Tools

Shopify Favicon Generator

Upload a logo and get every favicon size Shopify needs, plus the theme.liquid tags to add them.

Describe the result you need. AI will set up the tool and ask for any missing details.

Configure with AI

Enter to submit · Shift + Enter for a new line

Sent to AI. Leave out passwords and private customer data.

Create a text icon

Use initials and brand colors, or upload an existing logo below. All image processing happens in your browser.

Upload a square-ish logo or icon

What it generates

Upload any image and this crops it to a square (centered) and resizes it to six common favicon sizes: 16, 32 and 48px for browser tabs, 180px for Apple touch icons, and 192 and 512px for Android and PWA use. Everything happens in your browser using the canvas API; nothing is uploaded anywhere.

Modern browsers and search engines accept PNG favicons without needing a legacy multi-resolution .ico file, so this tool only produces PNGs, referenced with standard <link rel="icon"> tags.

Adding it to your theme

  1. 01

    Upload each size as a theme asset

    In Online Store → Themes → Edit code, open Assets, click Add a new asset, and upload each downloaded PNG, keeping the file names (favicon-16.png, favicon-32.png, and so on).

  2. 02

    Paste the link tags

    Open layout/theme.liquid and paste the generated <link> tags inside <head>, replacing any existing favicon tags your theme already has.

  3. 03

    Check search results separately

    Google decides on its own whether to show a favicon in search results, and it can take time to update even once everything is correct.

Questions people ask

Do I still need a .ico file?

No. Google explicitly accepts PNG (along with BMP, GIF, JPEG, PPM and TIFF) for the favicon it shows in search results, and every modern browser supports a PNG favicon referenced with a <link> tag.

Why does Google still show my old favicon or none at all?

Google caches favicons and doesn't guarantee one will show even when every requirement is met. Make sure the favicon URL is stable (don't rename the file later) and isn't blocked by robots.txt.

What size should I prioritize?

Google recommends a favicon bigger than 48×48px, so upload the 192×192 PNG for the main <link rel="icon"> tag if you can only add one, and use the smaller sizes for browser tabs.

My logo isn't square. What happens?

It's cropped to a centered square before resizing. For a cleaner result, start with a square version of your logo or icon rather than a wide wordmark.

Related tools

Shopify Metafield Liquid GeneratorPick the owner and type, and get the exact Liquid to display a metafield, with blank checks and list loops handled for you.Shopify Liquid PlaygroundRun Liquid in your browser against a sample product, cart and order, and see the rendered output instantly.Shopify JSON Metafield Size CheckerCheck a JSON metafield's real, minified size against Shopify's 128KB limit before you save it.Shopify Announcement Bar GeneratorBuild a static, rotating or scrolling announcement bar and get it as a Shopify section you can edit in the theme editor.

Want this builtinto your store?

I'm Emmanuel, a Shopify and WooCommerce developer. If this tool pointed at something you'd rather have fixed for you (a faster store, cleaner product data, a migration, a custom feature), send me a note.

Emmanuel Asika

Emmanuel Asika

Shopify & WooCommerce developer, Dublin

I build and fix online stores: new builds, migrations, speed, SEO and the custom bits apps can't do.

hello@emmanuelasika.com
See my work

Last reviewed 30 September 2026.

Sources: Google Search Central: favicon in search results