• Profit Margin Calculator
  • Privacy Policy Generator
  • Discount Code Generator
  • Google SERP Preview Tool
  • Hashtag Counter
  • View all tools →
    • Get App

    All free tools

    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.