What is appropriate size of icon for 3D Touch shortcut item on home screen?

Question

I couldn't find it on Icon and Image Sizes.

But I mean, what is the size of following icons?

Elwell

Answer 1

Below mentioned article, there is a note:

Once you download this, you will see that there is a recommended size:

• 104x104 for 3x
• 70x70 for 2x

Elwell

Here's direct link for downloading zip with icon examples developer.apple.com/design/downloads/Quick-Action-Guides.zip Usually Apple gives exact sizes of icons in documentation. But not for shortcut item. It isn't easy to find these sizes. – Rochelle

that's just weird - if 2x is 70px, shouldn't 3x be 105? – Gramicidin

@Bastek That is what I thought – Serrell

It's crazy that Apple doesn't specify the icon pixel size on their website..... pathetic really. Can you put a link up to the article? Thanks. – Merozoite

check this link for quick action icon size developer.apple.com/design/human-interface-guidelines/ios/… – Bozuwa

New link to the Quick Actions documentation: developer.apple.com/design/human-interface-guidelines/… – Devour

Answer 2

Since Apple will automatically size and re-colour the icons, it's better to use a PDF, which has the added benefit of looking sharper and a reduced risk of causing clipped edges if margins aren't used.

Here's a comparison of PDF vs PNG (exact same icon, originally and SVG exported from Sketch):

The size is also the same.

Childers