Build lightning fast Progressive Web Apps with zero config and best practices built-in. Go from zero to production ready with Ionic and Stencil (Web Components).
Keep the background simple and avoid transparency. Make sure your icon is opaque, and don’t clutter the background. Give it a simple background so it doesn’t overpower other app icons nearby. You don’t need to fill the entire icon with content.
In fact, here is how the icon renders on iOS:
Expected behavior:
A specific iOS icon that feels native.
Steps to reproduce:
npm run start
open simulator or device
open Ionic PWA toolkit app on safari mobile
install PWA on home screen
Related code:
the current icon with transparency: src/assets/icon/icon.png
I'm submitting a ... (check one with "x") [ ] bug report [x] feature request [ ] support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or https://stencil-worldwide.slack.com
Current behavior: iOS icons do not allow transparency. quoting the Apple iOS Human Interface Guidelines:
In fact, here is how the icon renders on iOS:
Expected behavior: A specific iOS icon that feels native.
Steps to reproduce:
Related code:
src/assets/icon/icon.png