From f318ed618a0ca007363a560fa6e5ba74740c1a70 Mon Sep 17 00:00:00 2001 From: Michael Geers Date: Sat, 28 Oct 2023 15:10:29 +0200 Subject: [PATCH] Add maskable app icons for chrome / android (#10525) * Add maskable app icons for chrome / android * lint * add monochrome --- .../meta/android-chrome-192x192-maskable.png | Bin 0 -> 3287 bytes .../meta/android-chrome-512x512-maskable.png | Bin 0 -> 6379 bytes .../public/meta/android-chrome-maskable.svg | 1 + .../public/meta/android-chrome-monochrome.svg | 3 ++ assets/public/meta/android-chrome.svg | 1 + assets/public/meta/site.webmanifest | 36 +++++++++++++++++- 6 files changed, 39 insertions(+), 2 deletions(-) create mode 100644 assets/public/meta/android-chrome-192x192-maskable.png create mode 100644 assets/public/meta/android-chrome-512x512-maskable.png create mode 100644 assets/public/meta/android-chrome-maskable.svg create mode 100644 assets/public/meta/android-chrome-monochrome.svg create mode 100644 assets/public/meta/android-chrome.svg diff --git a/assets/public/meta/android-chrome-192x192-maskable.png b/assets/public/meta/android-chrome-192x192-maskable.png new file mode 100644 index 0000000000000000000000000000000000000000..bc2da6355bd7101741d6f2f41ccd34bef33b3925 GIT binary patch literal 3287 zcmd5rTdP5{L~G|1udDVUensxbgJhJp#UrxWM`PcV+_n<@l1r3NtBsR?Z77>t{%zKfI$ z8}L9e3y|^>`69BEg3=Q#uJEmA`uHSu%Z;cm?g#XMOGS%Sr0Ez#1?V| zVlKo7G@h(zC`nAgU|<}0YYs}e@7?*Lx7&vkf!82-TO0xZAzjRk{R_GV`GhWrgT#<1 z4idcEz(-5GgFg|%>HBkulqL8xGM)av={(*?+YpIq$#5dxCiSD3{#Zc7Oc8+iKu`oF z3E3bm8RUztw3*Q4h0Nee!Nd?RE)V33;OtT`w$8-=LPP%w^@I{3;U@T4fv`*~(&Ucp z$76B8U~Y^!?!DW4U_Hp^e1d4AOH9&~cQc<0?`JjyttjL@M!}E>1pEgph5kAAt{P-* zgmfqd4v?e`@IB<`>B$g6vD`!$69xKs0Dd%22U}+c2P_dcy98W1GOXpsrg*W$FpEea zlCZV}EYXQ+OC;M7$@Zi*1R|M0&^l|`@QsLJiCO=TuQ}I%3#_2i$-Z2X7!syvr)CfP zCUD#AXm*&$)t+(y(AJvFVr$Yw!3cyefT$xWQfnwK5_ zElW4B0I;&zgC_k}(OQsGQ~Nw(<@danAnQF(M#CONGTP-yMkX{PUPAbT6Ftd%{dGN` z_ZC8Fq+WtZx2!Ao;KQXi{&lbCB7^X2M95ZQd&H03UnG1_D*mni(ZGORQf)6~5$TuI z#;~zw_1dr?b|oq=wreA;O?d0jt^2<_xAmBJ8LnI$y3loj^5>q+TapvYu_LGJvWe*h zWxG7Pqj(FFSH(Mp-Ch^yKd+&o&+mufbgp_7a-@JhX1}Pp3^jo3C`nx(y>;|(qseC%X3{55)n>___wPs8 zQI;yU;~!l*&a~Tm&g!6VtUQtyj* z&piNQ_tka{nuM7iSL+TmJU_PiwR1|wtKG6T`+-5vqC&~pDa29~=k|9#o0h;o8+roY zP!R%wv(h|BX^C4h0-@{Z=jG0n77liV=9p|Y%NlyaObVuLBq(<6=rX*yeTVtcE3$+aVmdg z>TJmFQ~l45T;9-pgnRjlI%SSxAzg(cw4>2qpfY!60G5F7-{bY*lkf3S>n7;Qy<=P5 z0)!oRdJEGEPtvG&&U;o36`Ia}b~bcsq_BD1IbF*B#%4R0qG&F^tL)1<60gIQm)G`g zI5~IQ&o&eB$BM3pp-ZW+&#QVs)?N!MdD}4d;iC$}(?v##9OIVwvNUfGDn%Cm*j>?# zMwj}qtKa05&eh{gnIXpnc{gs2FE&6X*-2C{lI`VkSix{qG@GGIo1pWF7Tuf}od6#u!_BgDWr9GWmm*=UOj?KfD7DOs5S4Qr3O52-J zRxwecewlSu#np2KQbyMF46$``2S=ti_Mt6vEUbWS6U)ZO%WLMuD@U8m1F1W5EatfY ziX2==#?+S$uSsdlF5O)7S3wptMWnPa4+Gy{rlO}V>MUWf^P3%WW||kftw9<1ZgnN4 z1?@CrR7LIU?4JA6c;BLE>f?X@`-N%u4_l-!?;QwB_LWZ8H#MF&tzT|g71dgjvOM_a zXSsuI4%L`zlVOkZA>~<~)P7Nb!<@|R`uEdEi?6G)?uDNlNIYa5L~Szfe-WIbwD5O5 zJk!2*Cg;cY%IlE7U)|(^$;;<2(AQIu6ZwF z!cgU1=#S{9M;IZq3nHJl1za2Vpmx`0qODsUs_RGcsut9!2kd9&JGK9=R;&(Sy7d)5 zJ?+%W)C1)4dChNZDC8MOQH67QV-rU<@_03Booli({K@lifBTXkgaj HROWvGy|fj8 literal 0 HcmV?d00001 diff --git a/assets/public/meta/android-chrome-512x512-maskable.png b/assets/public/meta/android-chrome-512x512-maskable.png new file mode 100644 index 0000000000000000000000000000000000000000..8aa3510c22597e3589c262aa0c8bde0c47390569 GIT binary patch literal 6379 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 \ No newline at end of file diff --git a/assets/public/meta/android-chrome-monochrome.svg b/assets/public/meta/android-chrome-monochrome.svg new file mode 100644 index 000000000..68091ce75 --- /dev/null +++ b/assets/public/meta/android-chrome-monochrome.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/assets/public/meta/android-chrome.svg b/assets/public/meta/android-chrome.svg new file mode 100644 index 000000000..506d35914 --- /dev/null +++ b/assets/public/meta/android-chrome.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/public/meta/site.webmanifest b/assets/public/meta/site.webmanifest index e73316c45..e2fcc72a4 100644 --- a/assets/public/meta/site.webmanifest +++ b/assets/public/meta/site.webmanifest @@ -9,12 +9,44 @@ { "src": "android-chrome-192x192.png", "sizes": "192x192", - "type": "image/png" + "type": "image/png", + "purpose": "any" + }, + { + "src": "android-chrome-192x192-maskable.png", + "sizes": "192x192", + "type": "image/png", + "purpose": "maskable" }, { "src": "android-chrome-512x512.png", "sizes": "512x512", - "type": "image/png" + "type": "image/png", + "purpose": "any" + }, + { + "src": "android-chrome-512x512-maskable.png", + "sizes": "512x512", + "type": "image/png", + "purpose": "maskable" + }, + { + "src": "android-chrome.svg", + "sizes": "any", + "type": "image/svg+xml", + "purpose": "any" + }, + { + "src": "android-chrome-maskable.svg", + "sizes": "any", + "type": "image/svg+xml", + "purpose:": "maskable" + }, + { + "src": "android-chrome-monochrome.svg", + "sizes": "any", + "type": "image/svg+xml", + "purpose:": "monochrome" } ] }