CCoSVG
I added the app icon to CCoSVG.
- Add and use app icon · lpubsppop01/ccosvg@2fe2f21
- Fix app icon location of about dialog · lpubsppop01/ccosvg@2afa175
- Add maskable app icon SVG file and fix some issues · lpubsppop01/ccosvg@30f29eb
In the case to consider only about web app, it seems to need only web/favicon.png and web/icons/*.png.
I created the app icon with Inkscape, so they can be generated and updated with a script calling Inkscape CLI.
INKSCAPE='/Applications/Inkscape.app/Contents/MacOS/inkscape'
$INKSCAPE 'images/app_icon.svg' --export-filename 'web/favicon.png' -w 16 -h 16
$INKSCAPE 'images/app_icon.svg' --export-filename 'web/icons/Icon-44.png' -w 44 -h 44
$INKSCAPE 'images/app_icon_maskable.svg' --export-filename 'web/icons/Icon-192.png' -w 192 -h 192
$INKSCAPE 'images/app_icon_maskable.svg' --export-filename 'web/icons/Icon-512.png' -w 512 -h 512
$INKSCAPE 'images/app_icon_maskable.svg' --export-filename 'web/icons/Icon-maskable-192.png' -w 192 -h 192
$INKSCAPE 'images/app_icon_maskable.svg' --export-filename 'web/icons/Icon-maskable-512.png' -w 512 -h 512
web/icons/Icon-44.png is used in the about-dialog.
Since I wanted to set a colored icon to the dialog,
I did't use FlatterIcon and Icon widget, but used Image.network() and a PNG image.
lpubsppop01's site
I added the CCoSVG page and the creation entry to this site.