wxt/packages/auto-icons/README.md

WXT Auto Icons

Changelog

Features

• Generate extension icons with the correct sizes
• Make the icon greyscale or include a visible overlay during development
• SVG is supported

Usage

Install the package:

npm i --save-dev @wxt-dev/auto-icons
pnpm i -D @wxt-dev/auto-icons
yarn add --dev @wxt-dev/auto-icons
bun add -D @wxt-dev/auto-icons

Add the module to wxt.config.ts:

export default defineConfig({
  modules: ['@wxt-dev/auto-icons'],
});

And finally, save the base icon to <srcDir>/assets/icon.png.

Configuration

The module can be configured via the autoIcons config:

export default defineConfig({
  modules: ['@wxt-dev/auto-icons'],
  autoIcons: {
    // ...
  },
});

Options have JSDocs available in your editor, or you can read them in the source code: AutoIconsOptions.