The short version
Upload your logo once in Settings > Brand as a file at least 512 pixels wide, plus a square version of at least 512 × 512 pixels, and compatible themes should pull it into theme settings automatically.
Shopify's Logo Maker makes one for free and delivers the logo as a ZIP file of PNG files.
The favicon is a separate square image (Shopify gives the ideal favicon size as 16 × 16 or 32 × 32 px, and reduces an image that's too large to 32 × 32 when you upload it), and printed POS receipts suggest 400 by 200 px for a separate receipt image.
Checkout and email logos are set in their own editors, and on the pages we read Shopify publishes no size for either, so size each one in its editor and preview it.
A Shopify store shows its logo in more places than the header: the browser tab, checkout, the emails customers get after they order, and printed receipts if you sell in person. Each place is set up somewhere different, and the size guidance sits on different help pages. Some publish a number and some don't.
This guide puts them on one page: the size and file format Shopify states for each place, how to make a logo for free with Shopify's Logo Maker, and where to upload each file.
What Size Should a Shopify Logo Be?
Key takeaway
Find the place you're setting up. Each place has its own section further down, with the steps and the source.
Logo size and format by place
| Place | Where you set it | Size Shopify states | File format | Uses the Brand logo? |
|---|---|---|---|---|
| Brand default logo | Settings > General > Brand | At least 512 px wide | PNG or JPEG per the Help Center; the Brand screen also lists HEIC, WEBP and SVG | This is the Brand logo |
| Brand square logo (social channels, may be cropped to a circle) | Settings > General > Brand | At least 512 × 512 px recommended | Same as the default logo | This is the Brand logo |
| Theme header, per Shopify's theme settings help page (also the password page) | Theme editor > Theme settings | Logo images max 300 px wide | PNG, which Shopify's image guidance lists for logos | Compatible themes should pull it in automatically |
| Horizon header | Theme settings > Logo and favicon | Set by height: 12–100 px, default 36 px desktop and 28 px mobile (Horizon's theme code) | Same as the theme header row | Compatible themes should pull it in automatically |
| Favicon (not available on Starter) | Theme settings; in Horizon, Logo and favicon | 16 × 16 or 32 × 32 px ideal; a too-large image is reduced to 32 × 32 | Square image | Separate image picker in the theme |
| Checkout | Settings > Checkout > Configurations > Edit > Logo | Width set in pixels; no range published (see box below) | Not on the Help Center; Shopify's developer reference (Plus and development stores) rules out SVG (see box below) | No, uploaded separately |
| Email notifications | Settings > Notifications > Customize email templates | No size published (see box below); a Logo size slider in the editor | Not published (see box below) | No, uploaded separately |
| Printed POS receipt | POS receipt editor | 400 × 200 px for a separate image uploaded in the receipt editor | JPEG or PNG | Yes by default, converted to greyscale |
| Packing slip | Settings > Shipping and delivery > Packing slip template | No size stated; Shopify's sample code uses the 'small' size, 100 × 100 px per its Liquid reference | — | No; upload the file to your admin, then add it to the template |
Sizes and formats as stated on the Shopify Help Center pages cited in each section, read October 22, 2026. The Horizon row comes from the theme's public code, not the Help Center. The extra Brand formats and the email Logo size slider were read in our development store the same day.
So the files to export once are:
- a horizontal PNG at least 512 pixels wide, cropped tight with no margins;
- a square version of at least 512 × 512 pixels that still reads when cropped into a circle;
- a simple square icon that still reads at 32 × 32 pixels, for the favicon;
- a light-on-dark version, only if Horizon's transparent header is set to Inverse;
- a 400 × 200 px JPEG or PNG, only if you want a different logo on printed POS receipts.
On October 22, 2026, for the checkout logo we read Shopify's Help Center pages on checkout style, the checkout editor and checkout branding, plus its pages on brand assets and uploading images: they give a Width field in pixels and a pointer to Brand settings, but no minimum, maximum or file format.
For the email logo we read the pages on customizing notification templates, editing templates and the notifications overview, the brand assets page and the developer reference for the shop object: none gives a recommended size, width or format. The notifications variables reference gives the logo width's unit as pixels but no recommended value.
On SVG, the checkout style page and the POS receipt editor page don't name it, and the receipt editor names JPEG and PNG; Shopify's developer reference for checkout branding, which applies to Plus and development stores, says the checkout logo image must not be of SVG format.
How to Make a Logo for Your Shopify Store
Key takeaway
You have two routes: make the logo yourself with a free tool, or pay a designer. A designer costs money and time but builds the mark around your brand; a free tool gets you a usable file today. Whichever you choose, the file has to work in every place in the table above, and that sets a few design limits worth knowing before you start.
Shopify's Free Logo Maker
Key takeaway
Shopify's Logo Maker is free: “Unlike other logo generators, Shopify’s online logo maker is a completely free tool to help you create your own logo,” its page says. You can download the logo as a ZIP file, which Shopify's Help Center says contains PNG files of your logo: horizontal, with a background, with a transparent background, and vertical.
The Logo Maker page suggests adding the logo to your website's top navigation and footer. Shopify's Help Center adds that you can't upload or import your own images or logos into the Logo Maker.
Your admin points to it too: under the logo slots on the Brand settings page, the line reads “No logo? Create one with Shopify Logo Maker.” If you are looking for Hatchful, a name you may meet in older guides: as of October 22, 2026, hatchful.shopify.com redirects to the Logo Maker page.
Design for the Smallest Place It Appears
Key takeaway
Before you pick fonts and colors, look at where Shopify will shrink, crop or recolor the file. Four places set the limits.
Flat colors help the file as well: Shopify's image guidance calls PNG ideal for graphics and icons with flat colors and without gradients, and lists logos among the images to save as PNG.
For the design work itself, Learn With Shopify's 2021 walkthrough goes through the process step by step: brand identity, inspiration, typeface, revisions, feedback and polish. It is about designing the mark, not about Shopify's settings; the sizes and places on this page come from Shopify's Help Center.
Who Owns a Logo Made With Logo Maker?
Key takeaway
The Logo Maker page answers ownership in one line: “The logo you design with Shopify’s logo creator is 100% free and yours to own.” That is the tool's own page speaking.
Once the file is in your store, Shopify's Terms of Service apply to it like the rest of your content. They make you responsible for “your Store, your Materials (including any Materials you create using Shopify's services and tools)”, and on ownership they say:
We do not take ownership of the Materials that you provide to Shopify; however, we do require a license to your Materials.
Owning the file is not the same as a registered trademark. Registration is a separate legal process, outside Shopify, and worth taking advice on before you print packaging or signage.
Upload It Once in Settings > Brand
Key takeaway
Brand settings are where the rest of Shopify looks first. Shopify says you can add brand assets there and use them across sales channels, themes, and apps that have integrated with the Brand API.
- In your Shopify admin, go to Settings > General and find Brand assets.
- Click Manage to open the Brand page.
- Under Default, add your main logo, at least 512 pixels wide.
- Under Square, add the square version, at least 512 × 512 pixels.
- Settings
- General
- Brand
Shopify's two descriptions of the accepted files don't match. The Help Center's brand assets page, read on October 22, 2026, names PNG or JPEG format and a minimum of 512 pixels wide for the default logo. The Brand screen in our development store the same day read “HEIC, WEBP, SVG, PNG, or JPG. Recommended width: 512 pixels minimum.”
Both lists accept PNG, so a PNG is the safe upload. If a file doesn't meet the format or resolution requirements, Shopify shows an error message when you select or upload it. You can have only one file per logo type, so the Default and Square slots each hold a single file.
Compatible themes should pull your brand assets into theme settings automatically. If yours doesn't, you might have to connect them by hand in the theme's logo setting with Connect dynamic source.
Shopify also says brand assets can't be localized based on market or language, so a different logo for one market has to come from the theme together with Translate & Adapt. Shopify's Translate & Adapt page shows how to localize a logo by market without naming a plan requirement, while Shopify's page on adapting themes for specific markets limits that feature to the Advanced and Plus plans. That feature is covered in whether you can customize a theme per market on Basic.
Your Logo in the Theme Header
Key takeaway
Your theme's logo appears in two places, Shopify says: your header across all pages, and your password page. The rest of that page's look is covered in how to customize the Shopify password page.
In Horizon, open Online Store > Themes > Customize, then Theme settings > Logo and favicon. The group holds three image pickers: Default logo, Inverse logo and Favicon. If you set Horizon's transparent header background to Inverse, upload the Inverse logo too, because Horizon uses it then.
- Online Store
- Themes
- Customize
- Theme settings
- Logo and favicon
How big the logo shows depends on the theme. Shopify's theme settings help page says logo images have a maximum width of 300 px.
Horizon's theme settings size the header logo by height instead. In the settings code of Shopify's public Horizon repository, read October 22, 2026, desktop height runs from 12 to 100 px with a default of 36 px, mobile height defaults to 28 px, and both sliders show only once a default or inverse logo is uploaded. The two numbers measure different things, so set the slider in your own theme rather than converting one into the other.
On the password page and in a footer Logo section, Horizon sizes the logo separately, by height in pixels or by width as a percentage.
Why the Header Logo Looks Small or Blurry
Key takeaway
Shopify's brand assets page names one cause directly: empty space inside the file itself, which the theme treats as part of the logo.
Ensure that your logo image doesn't have margins or space around it. When the logo image is used in your theme header, margins or space can cause your header to be bigger and make your logo appear smaller.
Check the file for three things before you upload it again:
- Space around the logo. Crop the canvas to the edges of the mark.
- Too few pixels. Start from the Brand minimum of 512 pixels wide. Shopify's image upload guidance is to upload higher-resolution images, and the same page says images uploaded to Shopify can't exceed 20 megapixels or 20 MB; that is a rule for uploaded images in general, not a logo size.
- SVG in the theme. Shopify supports SVG files but says they can't be resized or cropped without requesting a rasterized format (JPEG, WebP, PNG). Keep a PNG version for upload.
What Size Should a Shopify Favicon Be?
Key takeaway
The favicon is the small square icon for your store. Shopify lists four places it displays:
- the web browser tab;
- the web browser's history;
- icons on your desktop;
- beside your online store name when someone bookmarks it.
Shopify's favicon page gives the ideal size as either 16 × 16 or 32 × 32 pixels, and an image that's too large is reduced to 32 × 32 pixels when you upload it. In Horizon the favicon is the third picker in the same Theme settings > Logo and favicon group shown above.
One plan can't use it: you can't add a favicon to your online store on the Starter plan, the same page says. The same page says favicons don't display on Customer Accounts and Checkout pages unless you're on the Shopify Plus plan. What else the Starter plan leaves out is covered separately.
Google Search has its own rules for the favicon it shows in results: a square (1:1) at least 8 × 8 px, with Google recommending larger than 48 × 48 px, in BMP, GIF, ICO, PNG, JPEG, PPM or TIFF, per Google's favicon guidelines.
Those are Google's numbers for its own pages, not a Shopify setting. For the Shopify upload, design a square icon that still reads at 32 × 32, the size Shopify reduces too-large files to.
Adding Your Logo to Checkout
Key takeaway
- In your Shopify admin, go to Settings > Checkout.
- Under Configurations, click Edit next to the configuration you want to customize.
- Open Settings in the checkout editor and find Logo.
- Click Add image and choose your logo file.
- Pick an Alignment: Left, Center or Right. Once the image is in, use Width to set its size in pixels.
- Settings
- Checkout
- Checkout editor
- Settings
Shopify's checkout style page says a header at the top of each checkout page displays your store name; until you add a logo, that is what our development store showed on October 22, 2026.
Shopify's checkout style page describes the width in pixels but gives no range, and its tip sends you to Brand settings for recommended sizes and file formats for logos. On the pages we read, that is the only size guidance for checkout (the box under the size table lists them).
Plus and development stores can go further: Shopify's developer reference for checkout branding requires a Plus plan or a development store plan, and Shopify says merchants on the Shopify Plus plan can use the Checkout Branding API for advanced checkout branding customizations. For the other checkout changes reserved for Shopify Plus, see what only Shopify Plus changes at checkout.
Taking Shopify's own branding off checkout is a different question from adding yours, and whether you can remove Shopify branding from the checkout page answers it.
Adding Your Logo to Order and Shipping Emails
Key takeaway
- In your Shopify admin, go to Settings > Notifications.
- Open Customer notifications and click Customize email templates.
- In the Logo section, click Add image (the Help Center still calls it Choose file) and choose your file.
- Adjust the Logo size slider until the logo reads clearly.
- Settings
- Notifications
- Customer notifications
- Customize email templates
One logo covers every email: Shopify says you can customize your email notifications by adding a logo or changing the color scheme for all templates at the same time. If you later revert a template to its default, the notification template page says your customizations to the logo or color of your email notifications aren't changed.
The template editor gives you a Logo size slider; it read 180 in our development store on October 22, 2026, with no unit shown. Shopify's notifications variables reference describes shop.email_logo_width as the logo width (pixels) set in Customize email templates but gives no recommended value, and neither do the other pages we read (the box under the size table lists them), so preview and adjust.
Inside the templates, Shopify's sample code fills the logo's width from the same variable, so leave that attribute in place if you edit a template's code. Editing the order confirmation template itself is covered in whether you can edit the order confirmation email.
POS Receipts and Packing Slips
Key takeaway
Two more places show your logo only if you use them: receipts printed from Shopify POS and the packing slips you print for orders.
Printed POS receipts
Key takeaway
Shopify says the receipt logo is converted to greyscale and resized for the receipt format. To use a different image, upload a JPEG or PNG directly in the receipt editor; for best results, Shopify suggests an image that is 400 px by 200 px.
In our development store on October 22, 2026, the editor was under Point of Sale > Settings > Customization > Printed receipts: select the Logo block, and the Image field shows Default logo with a Select image option; the editor itself gives no size or format. Shopify's Help Center says to click Add image in the Logo section to upload the file.
- Point of Sale
- Settings
- Customization
- Printed receipts
Packing slips
Key takeaway
In our development store on October 22, 2026, the default template printed the store name as text: its header used {{ shop.name }}. Shopify's packing slip guide says that before you add your store logo, you need to upload your logo to your Shopify admin. You then add it to the template under Settings > Shipping and delivery > Packing slip template. Shopify's sample code uses the small image size, which Shopify's Liquid reference sets at 100 × 100 px.
- Settings
- Shipping and delivery
- Packing slip template
Your Logo Setup Checklist
Key takeaway
Steps 1 to 6 apply to every store with an online store, except that Starter stores can't add a favicon (step 4). Step 7 applies only if you print POS receipts or packing slips. Tick each step off as you go; the list stays checked in this browser.
Set up your Shopify logo, in this orderSeven steps from a blank canvas to a logo in every place Shopify shows it.
Set up your Shopify logo, in this order
Seven steps from a blank canvas to a logo in every place Shopify shows it.
Make a horizontal logo at least 512 pixels wide, a square version of at least 512 × 512 pixels, and a simple square icon for the favicon.
Before you tick this off
- No margins or empty space around the logo
- A PNG copy saved, since both of Shopify's format lists accept PNG
- The square version still reads when cropped to a circle
Add both Brand logos once; compatible themes, plus sales channels and apps integrated with the Brand API, should pull them in.
Before you tick this off
- Default logo at least 512 pixels wide
- Square logo at least 512 × 512 pixels
- No upload error shown
Open the theme editor and confirm the logo is in Theme settings; connect it as a dynamic source if it didn't pull in.
Before you tick this off
- Logo shows in the header on desktop and mobile
- Inverse logo added if your transparent header background is set to Inverse
- Password page checked if your store is still behind one
Upload a square favicon in theme settings, sized 16 × 16 or 32 × 32 pixels.
Before you tick this off
- The icon still reads at 32 × 32
- Checked in a browser tab
- Your store isn't on the Starter plan
In Settings > Checkout, open the checkout editor, add the logo image, then set its alignment and width.
Before you tick this off
- Alignment chosen: left, center or right
- Width set in pixels
- Logo reads clearly in the checkout header
In Settings > Notifications, open Customize email templates, add the logo and adjust the Logo size slider.
Before you tick this off
- Logo added once for all templates
- Logo size adjusted until the logo reads clearly
Check the printed receipt logo in the POS receipt editor, and add your logo to the packing slip template after uploading it to your admin.
Before you tick this off
- Receipt logo checked in greyscale, or a 400 × 200 px image uploaded
- Logo file uploaded to your Shopify admin
- Packing slip template updated with the logo
The Bottom Line
Key takeaway
On Shopify the logo is one design but several uploads, and each place has its own rules.
Frequently Asked Questions
Front-end developer specializing in Shopify since 2017. Experienced in building custom Liquid themes, optimizing storefront performance, and integrating third-party apps. Directs the editorial process behind Ecom Store Pro: sets its topics and the rules every AI-written page must pass before publication.
This page was written by AI. Separate AI agents that did not write it check its figures and claims against official sources and test its links and interactive tools. A human editor sets the site's editorial direction, topics and rules and checks that pages are complete and display correctly, but does not check their facts or edit their text. Details may change — always confirm critical data at shopify.com.
Editorial PolicySome links in this article are affiliate links. If you sign up for a Shopify store through these links, we may earn a commission at no extra cost to you. Read our full advertising policy.