SVG icon in PWA manifest.json - how to set it for all sizes?

Question

Is there any way now to specify that an SVG icon in "manifest.json" for a PWA should be used for all possible sizes? (Chrome/chromium is my main target now. Firefox will hopefully follow.)

    "icons": [
        {
            "src": "path-to-icon.svg",
            "purpose": "maskable any",
            "sizes: "???"
        }
    ],

score 32 · Answer 1 · answered Jul 16 '20 at 18:18

32

"sizes": "any"

https://html.spec.whatwg.org/multipage/semantics.html#attr-link-sizes

answered Jul 16 '20 at 18:18

NotWoods

686
4
13

2

Chrome dev tools tell me it has to be numbers. – Methodician Jul 17 '20 at 18:26
2

It's supported in Firefox, will file a bug for Chrome. You can just put in some enormous number for Chrome. – NotWoods Jul 18 '20 at 19:09
@NotWoods Did you file a bug report? Link? – Leo Jul 20 '20 at 22:18
6

https://bugs.chromium.org/p/chromium/issues/detail?id=1107123 – NotWoods Jul 22 '20 at 00:13
3

Following up, that bug is marked as fixed. `"sizes": "any"` should work in Chrome now. https://bugs.chromium.org/p/chromium/issues/detail?id=1107123#c10 ✨ – Josh Oct 03 '22 at 02:02

score 4 · Answer 2 · answered May 16 '22 at 12:06

4

"sizes": "any" didn't work for me. I used the following configuration:

{
    "src": "logo.svg",
    "sizes": "48x48 72x72 96x96 128x128 256x256 512x512",
    "type": "image/svg+xml",
    "purpose": "any"
}

answered May 16 '22 at 12:06

Alwin

786
9
19

3

Per https://bugs.chromium.org/p/chromium/issues/detail?id=1107123#c10, there *was* a problem in Chrome where "sizes" didn't work, but it should be fixed now. – Josh Oct 03 '22 at 02:02

SVG icon in PWA manifest.json - how to set it for all sizes?

2 Answers2