Skip to main content

PWA: Favicon & PWA Icon Generator

Screenshot of Favicon & PWA Icon Generator

Live: favicons-pwa.philipnewborough.co.uk

Following up on my previous post, 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. 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.

View as: JSON Markdown

If you enjoyed this post or found it useful, you can subscribe to my RSS feed.

Similar posts

  1. Flatspace Commander

    A love letter to the kid sitting on the floor in front of a CRT TV. Flatspace Commander is a minimalist, 1-bit space sim that brings back the tension of 80s wireframe trading with a modern, mobile twist.

    games pwa webdev
  2. PHOSPHOR: an entropy-based password generator

    I teamed up with Gemini and Claude to build a retro-futuristic password generator. It's a PWA that harvests hardware entropy from your movements, runs them through a SHA-256 math blender, and looks great doing it.

    pwa tools ai passwords
  3. Favicon & Manifest Generator

    Scratching a dev itch, I rebuilt my Favicon & Manifest generator. Upload one image to get all your PWA assets and a customisable manifest.json instantly.

    tools images webdev
  4. How I do todos

    Details about how I've manage my todo list, past and present. Starting out with a single text file, before developing my own basic todo list application.

    productivity tools