Logo and Icon Specs: The Size Each Store and Platform Asks For
There is no single icon size. Read on 13 November 2026, the official pages ask for 128 x 128 pixels on the Chrome Web Store and in Figma plugins, 512 x 512 on Google Play, 1024 x 1024 for App Store icons, 1200 x 1200 on Shopify and at least 128 x 128 for VS Code. Design one square master at 1024 pixels with the artwork well inside the edges, then export each size and confirm it on the platform.
What icon size does each platform ask for?
| Platform | Size | Format and transparency | Source page |
|---|---|---|---|
| Chrome Web Store | 128 x 128 px (artwork 96 x 96 plus 16 px transparent padding per side) | PNG; should work on light and dark backgrounds | Chrome for Developers, Supplying Images |
| Google Play | 512 x 512 px | 32-bit PNG with alpha; at most 1024 KB | Play Console help, Add preview assets |
| Apple App Store (iOS, iPadOS, macOS) | 1024 x 1024 px layout size | Bitmap such as PNG, or a layered Icon Composer file; the system rounds the corners | Human Interface Guidelines, App icons |
| Apple tvOS, watchOS, visionOS | 800 x 480; 1088 x 1088; 1024 x 1024 | Layered; system applies the shape | Human Interface Guidelines, App icons |
| Shopify App Store | 1200 x 1200 px | JPEG or PNG; square with padding, corners rounded for you | shopify.dev, best practices for apps |
| VS Code Marketplace | At least 128 x 128 px (256 x 256 for Retina) | PNG; an SVG is refused by the publishing tool | code.visualstudio.com, manifest and publishing pages |
| Figma plugin | 128 x 128 px recommended | Chosen in the publish dialog | Figma Help Center, publish plugins |
| Google Search favicon | Square, at least 8 x 8 px; more than 48 x 48 recommended | One favicon per hostname; the URL should stay stable | Google Search Central, favicon guidelines |
| BetaList | Square, ideally 512 px or larger | Solid background or rounded square; avoid full transparency and baked-in product names | BetaList agent and submission pages |
The official sources are: Chrome, Google Play, Apple’s icon guidelines, Shopify, VS Code, Figma, Google favicons and BetaList’s submission guide. The favicon page shows a revision date of 27 October 2026. Confirm each number in the upload form before you export; platforms change them.
How do you design one icon that works at every size?
Start from a 1024 x 1024 square on a flat background, because the largest ask is Apple’s and everything else scales down from it. Keep the mark away from the edges. Chrome tells you to make a square icon’s artwork 96 pixels inside a 128 pixel canvas, which is a margin of one eighth on each side; Apple says the system applies masking and that the primary content should stay centred; Shopify wants padding. One safe zone serves all three. A circle needs less room than a square to look the same size, and Chrome’s own advice is to size a circular mark at about 112 pixels in the 128 pixel frame.
Resist putting words in the icon. Apple’s guidance says text in icons does not support accessibility or localization and is often too small to read; Shopify lists text among the things to avoid; Chrome suggests simple and recognizable. A single letter or a symbol, designed to be recognised at 16 pixels, is the common answer. Google Play adds a rule about content: no badges or text that suggest ranking, price or Play categories.
When is transparency allowed?
| Asset | Alpha channel |
|---|---|
| Google Play icon | Required: 32-bit PNG with alpha |
| Google Play feature graphic and screenshots | Not allowed: JPEG or 24-bit PNG |
| Chrome Web Store icon | Allowed; the page notes an icon with no alpha is put in a rounded frame with a 12 px radius |
| App Store screenshots | Not allowed: no alpha channels or transparencies |
| BetaList icon | Fully transparent backgrounds are discouraged because they look broken in light or dark mode |
A transparent master is fine as a source, as long as you export a flattened version wherever the table says so. Keep two exports in your folder: one with alpha for Play and Chrome, one on a solid colour for everything else. The app store screenshot sizes and Google Play listing assets pages carry the matching rules for screenshots.
What about your website and the launch boards?
Google’s favicon page asks for a square image of at least 8 x 8 pixels, recommends going above 48 x 48, supports one favicon per hostname and asks that its URL not change often. It must be linked from the home page header with rel="icon" or one of its variants, and Googlebot has to be able to crawl both. A favicon is not guaranteed to appear in results. The web app manifest’s icons member is documented on MDN as an array where only src is required and a sizes string tells the browser which sizes a file serves; that page does not set a single required size.
Launch boards mostly ask you for a logo through a form behind a sign-in, so we could not read their size rules. BetaList’s are public and say square, ideally 512 pixels or more. Keep a 512 and a 1024 pixel PNG in your folder, since those are the sizes the stores and BetaList name. On this board the logo is an optional square upload of up to 1 MB, or the form can fetch your site’s own icon, so the master file matters on your own site and in the stores you list. Launch your product free with the master saved, and see the launch platform screenshot sizes page for the picture side.
Do you need a logo before you launch?
For a store listing, yes: Chrome, Play, the App Store, Shopify and VS Code all make an icon part of the submission or the listing. For a launch on a board that only takes text, a mark helps recognition but is not required, and the do you need a logo to launch answer covers the trade-off. Time-box it. A clean letterform on a flat colour, drawn in an hour, is better than a mark that delays the release by a week. While you work, browse design tool ideas and read the open graph image specs so the social preview and icon share a colour.
Frequently asked questions
What is the best size for a logo master file?
Use a square canvas of 1024 x 1024 pixels with the artwork inside a safe margin. Apple’s layout size is 1024, and the other stores’ icons, from 128 to 512 pixels, scale down from it. Keep the mark centred and away from the edges so rounded or masked corners cannot clip it.
Should an app icon contain text?
Usually not. Apple’s guidance says text in icons does not support accessibility or localization and is often too small to read, and Shopify lists text among the things to avoid. A symbol or single letter is easier to recognise at small sizes. Google Play bans text that suggests ranking, price or categories.
Does the icon need a transparent background?
It depends on the platform. Google Play’s icon must be a 32-bit PNG with alpha, while its feature graphic and screenshots must have none. App Store screenshots cannot include alpha. Chrome accepts transparency and puts an icon without alpha in a rounded frame. Export the version each platform asks for.
What size should a favicon be?
Google’s guidelines for search results ask for a square favicon of at least 8 x 8 pixels and recommend more than 48 x 48. Google supports one favicon per hostname and asks that the favicon URL stay stable. It does not guarantee that a favicon will appear in results.
Written by Post your build ideas with AI assistance and edited for this site. Where a page names another product, the facts came from that product’s own pages on the date shown above; terms change, so check them before you rely on them. About the publisher.