What size is SVG to Apple touch icon?

180×180 pixels — the current apple-touch-icon size.

Should Apple touch icons be transparent?

They can be. iOS may composite on a fill. Add a rounded rect in the SVG if you want a branded plate.

Favicon here is 32×32. Touch icon is 180×180 for Add to Home Screen.

PWA icons often want 192/512. Use Custom Size or 512 Pixels for those.

FAQ

Quick answers

What size is SVG to Apple touch icon?: 180×180 pixels — the current apple-touch-icon size.
Should Apple touch icons be transparent?: They can be. iOS may composite on a fill. Add a rounded rect in the SVG if you want a branded plate.
How is this different from favicon PNG?: Favicon here is 32×32. Touch icon is 180×180 for Add to Home Screen.
Can I use 192 or 512 instead?: PWA icons often want 192/512. Use Custom Size or 512 Pixels for those.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B