# PWA: Favicon & PWA Icon Generator

![Screenshot of Favicon & PWA Icon Generator](https://blog.philipnewborough.co.uk/media/66ebc2a7-6ad8-4f16-a478-8388bbd3747a.png)

Live: [favicons-pwa.philipnewborough.co.uk](https://favicons-pwa.philipnewborough.co.uk/)

Following up on my [previous post](https://blog.philipnewborough.co.uk/posts/favicon-manifest-generator), I've been playing around with converting my Favicon Generator into a PWA.

The new version is entirely client-side - no server required - with all the image processing handled via the [Canvas API](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API). Because it's a PWA, it caches all assets, meaning once it’s installed, you can use it completely offline.

I also took the opportunity to bake in a few new features:

**Individual Icon Overrides:** Perfect for when a design doesn't scale down well and you need a custom image for smaller sizes.

**Shaping Tools:** Quickly generate round, rounded, or "squircle" icons.

**Safe Zone Overlay:** A handy way to check for clipping on OSs that enforce specific mask shapes.

I've already put it to work on a few of my own projects and I'm really happy with the workflow. If you want to poke around the source, the code is up on [GitHub](https://github.com/corenominal/favicons-pwa.philipnewborough.co.uk).