WXT module for automatically generating extension icons in different sizes
npm install @wxt-dev/auto-icons- Generate extension icons with the correct sizes
- Make the icon greyscale or include a visible overlay during development
- SVG is supported
Install the package:
``sh`
npm i --save-dev @wxt-dev/auto-icons
pnpm i -D @wxt-dev/auto-icons
yarn add --dev @wxt-dev/auto-icons
bun i -D @wxt-dev/auto-icons
Add the module to wxt.config.ts:
`ts`
export default defineConfig({
modules: ['@wxt-dev/auto-icons'],
});
And finally, save the base icon to .
The module can be configured via the autoIcons config:
`ts`
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`.