{
  "id": 17909100,
  "title": "Build a PWA Icon Pack in the Browser: 8 Sizes, a Manifest and a README",
  "url": "https://urgent.news/2026/11/03/build-a-pwa-icon-pack-in-the-browser-8-sizes-a-manifest-and-a-readme",
  "topic": "tech",
  "section": "Tech",
  "published": "2026-11-03T04:41:53.000Z",
  "source": {
    "name": "Dev.to",
    "slug": "dev-to",
    "url": "https://dev.to/onepassapps/build-a-pwa-icon-pack-in-the-browser-8-sizes-a-manifest-and-a-readme-23mh"
  },
  "original_language": "en",
  "account": "OnePassApps offers a browser-based tool called Icon Studio, which allows users to create a complete set of app icons for Progressive Web Apps (PWAs) directly within the browser. The tool consists of eight different resizing and conversion tools, including SVG to PNG, PNG to ICO, Favicon pack, App icons, Resize set, Optimize SVG, Recolour SVG, and Trim / padding. The App icons tab is the main feature that generates a complete icon set, including eight PWA sizes, a manifest, and a README, all packed into a single ZIP file.\n\nTo use the tool, users simply need to drop an SVG or PNG image onto the stage or browse for the file. The tool supports SVG files up to 5 MiB in size and PNG files up to 24 MiB. Once an image is open, users can provide a name for the app to be used in the manifest, and the tool will generate eight PWA sizes ranging from 72 to 512 pixels.\n\nThe resulting ZIP file contains eight PWA PNG sizes, a manifest, and a README. The file size of the resulting ZIP file can vary depending on the original image size, as demonstrated in the source material where a 512 x 512 PNG of 2.2 KiB was compressed into an 18.6 KiB ZIP file. The README file contains a single line of text, stating that the eight icons were created with transparent backgrounds.\n\nThe tool does not draw the icons itself; instead, users supply the artwork, which is then resized and transformed into the required PWA sizes. The app name, which is used in the manifest, is the only free-text input required. In the source material, the app name was \"App\" as typed by the probe script.\n\nIcon Studio is part of OnePassApps and runs entirely within the browser, with all processing happening in the browser and the resulting ZIP file being written to the user's machine. The service is currently free to use, with a monthly limit of 100,000 credits, no card required, and no automatic paid subscription. Users can explore guides for the studios and apps built with OnePassApps on the OnePassApps guides page.",
  "summary": "I work on OnePassApps. We build browser studios that do their work in the tab instead of uploading your files, and Icon Studio is the one for icons: eight tools on one tab bar - SVG to PNG, PNG to ICO, Favicon pack, App icons, Resize set, Optimize SVG, Recolour SVG and Trim / padding. The App icons tab is the one that produces a whole installable icon set rather than a single file: one image in,…",
  "key_points": [
    "Icon Studio creates complete PWA icon sets in browser",
    "Generates 8 sizes, manifest, README in single ZIP file",
    "Supports SVG/PNG up to 5/24 MiB, outputs up to 512px"
  ],
  "editors_take": "Automating the generation of manifests and multiple icon sizes directly in the browser removes the manual technical friction typically required to prepare Progressive Web Apps for deployment.",
  "illustration": null,
  "coverage": {
    "outlets": 1,
    "also_reported_by": []
  },
  "ai_generated": true,
  "disclaimer": "Summaries, key points and the editor’s take are written by software from other outlets’ reporting and may contain errors — always check the linked original."
}