Join us for an upcoming Shopify Partner webinar on February 27, 2024. Discover the latest Checkout Extensibility features, and deep dive on improvements to Shopify Functions and Web Pixels. Register now for either the 10am EST or 2pm EST sessions.

SVG 16x16 Icon for Sales Channel

Shopify Partner
8 0 1

Hey folks,

We're on the verge of submitting a new Sales Channel to Shopify. We've produced a 16x16 icon that follows the submission guidelines, but when it is uploaded it doesn't look right at all. Specifically, it looks like the size of the canvas is ignored in the SVG file so our icon shows up at the top-left of the icon's canvas

Not sure why, I've gone through the SVG code and ensured only the right elements and attributes are being used, and yet it still doesn't look right. Is there an SVG template I can use or any guidance on this because there's no other information on this topic

Eyal Batch Store ~ Home ~ Shopify 2020-06-14 10-08-55.png

Replies 3 (3)

Shopify Staff
1779 263 383

Hey @batch_eyal 

Looks like you resolved this one? What was the issue?

Scott | Developer Advocate @ Shopify 

Shopify Partner
8 0 1

Honestly looks like Figma’s export doesn’t play nice. 

i tried with Ai and ensured the SVG code didn’t contain any of the restricted tags and attributes and it worked. 

But of a black box

6 0 0

Yea this is really weird, can't get it to work. My uploaded svgs show up in a very different way. Shopify, can you link to a tool to make this work easily?