Get App
Free Tool

Free Favicon & App Icon Generator
for Shopify & Ecommerce Sites

Upload your logo, crop to square, and generate a complete icon set — browser favicon, Apple touch icon, Android icons, Windows tile — in one click.

Nothing uploaded Download as ZIP 7 icon sizes + ICO

Drop your logo here to get started

PNG, JPG, SVG, or WebP accepted

For best results use a square image of at least 512×512 px. Smaller images will be upscaled (quality may suffer at larger preview sizes).

The crop tool is easier on desktop. You can still use it on mobile — drag inside the bright square to move it, drag corners to resize.

Crop to Square

100%

Icons Generated

How it looks in context

BROWSER TAB

My Store
mystore.com

iOS HOME SCREEN

My Store

ANDROID HOME SCREEN

My Store

Paste into your <head>


                        
                    

                


                
                
            


        

    






    

        

            

                
Why a Proper Favicon Set Matters

                
Most store owners think a favicon is just the tiny icon in the browser tab. In fact, it shows up in many more places: browser bookmarks (where customers often save your store for later), the iOS and Android home screen if a customer adds your site as a shortcut, Windows taskbar thumbnails, and Google search results on some devices.

                
A professional, complete favicon set signals brand quality. An ecommerce store with a blurry or missing favicon loses a small but consistent amount of trust with every visitor — the kind of friction that doesn't show up in any single session recording but accumulates across thousands of visits.

                
PWA and "Add to Home Screen"

                
If a customer adds your store to their phone home screen — which mobile browsers prompt for after repeat visits — the icon displayed is pulled from your site.webmanifest. The 192×192 and 512×512 icons this tool generates are the exact sizes Chrome and Safari use for that. A properly configured manifest also enables Progressive Web App features that can improve repeat visit performance.

            

            

                
Icon sizes and where each is used

                

                    
FileSizeUsed for

                    
                        
favicon.ico16/32/48pxBrowser tabs, bookmarks, Windows

                        
favicon-16x16.png16×16Browser tab (modern browsers)

                        
favicon-32x32.png32×32Browser tabs, standard screens

                        
apple-touch-icon.png180×180iOS home screen shortcut

                        
android-chrome-192x192.png192×192Android home screen, PWA

                        
android-chrome-512x512.png512×512PWA splash screen, high-res Android

                        
mstile-150x150.png150×150Windows Start menu tile

                    
                

                
Design tips for icons that stay legible at 16×16

                
At 16px, fine detail disappears. Avoid thin lines, small text, or complex illustrations — they become indistinct blobs. Bold, simple shapes and strong contrast work best. If your logo is a full wordmark, consider using only the initial letter or symbol as your favicon. Use the 16×16 preview in the tool above to check legibility before downloading.

            

        


        

            
Spend less time on manual content creation

            
VidyBack auto-generates and schedules product videos from your Shopify catalog — with your branding, on autopilot.

            Learn About VidyBack 
        

    






    

        
Frequently Asked Questions

        

            
What size should a favicon be? 

            
A favicon.ico file contains three sizes: 16×16 (browser tab), 32×32 (taskbar), and 48×48 (desktop shortcuts). Modern browsers also use 32×32 PNG. For Apple devices you need 180×180, for Android/PWA you need 192×192 and 512×512. This tool generates all of them in one click.

        

        

            
Do I need different icons for iOS vs Android? 

            
Yes. iOS uses apple-touch-icon.png (180×180) referenced by a <link rel="apple-touch-icon"> tag. Android uses the icons in your site.webmanifest (192×192 and 512×512). Both are included in the ZIP this tool generates, along with the site.webmanifest and the HTML snippet to wire everything up.

        

        

            
What makes a good favicon design? 

            
At 16×16 pixels, fine detail disappears. Avoid thin lines, small text, or complex illustrations. Bold, simple shapes and high contrast work best. If your logo is a full wordmark, consider using just the initial letter or symbol. Use the 16×16 preview in the tool to check legibility before downloading.

        

        

            
Is my logo uploaded to a server? 

            
No. All cropping, resizing, and icon generation happens entirely in your browser using the HTML5 Canvas API. Nothing is uploaded to any server or sent to any external service. The tool works fully offline after the page loads.