@webappm/pwa-icons

Generate default @angular/pwa icon set for angular projects using a custom .png icon.

Usage no npm install needed!

<script type="module">
  import webappmPwaIcons from 'https://cdn.skypack.dev/@webappm/pwa-icons';
</script>

README

pwa-icons

PWA icons

Generate default @angular/pwa icon set for angular projects using a custom .png icon.

Inspired By: ngx-pwa-icons

Supports: version 6+ | Last Tested: version 10.

Usage

  1. Add PWA capabilities to your existing Angular app.
$ ng add @angular/pwa --project=project-name
  1. Create a .png icon in the root folder of your Angular project.
project-name 
└───src   
└───icon.png ✓
  1. Install pwa-icons to your angular app.
$ npm install @webappm/pwa-icons --save-dev
  1. You can also generate wam-pwa-icons for your angular app.
$ npx wam-pwa-icons --project=project-name

For good results, your icon.png file should be:

  • square
  • transparant background
  • at least 512*512px

Available Options:

-h or --help Show help
-v or --version Show package version number
-d or --dry-run Run through without making any changes
-p or --project Project name as defined in angular.json
-i or --icon Original icon to convert (defaults to "icon.png")
-o or --output Output folder (defaults to "./src/assets/icons")
-fo or --faviconOutput Output folder for favicon.ico (defaults to "./src") -n or --name Icon name.