Forma Favicon is a modern favicon generator built into your WordPress admin. Upload any image — PNG, JPEG, GIF, WebP, or SVG — and the plugin generates every favicon format and size your site needs, all from a single source.
What it generates:
favicon.icowith 16×16, 32×32, and 48×48 embedded- Apple Touch Icon (180×180)
- Android Chrome icons (192×192 and 512×512)
site.webmanifestfor PWA supportbrowserconfig.xmlfor Windows tiles
Icon styling controls:
- Adjustable padding (0–40%) to give your icon breathing room
- Border radius (0–50%) for rounded or circular icons
- Custom icon background color behind transparent images
- Configurable theme color and background color for manifests
Live preview:
- Browser-tab mockup shows exactly how your favicon will look
- Light and dark mode toggle to preview against both backgrounds
- Changes update in real time via client-side canvas rendering
- “Unsaved” indicator when settings differ from the generated output
Smart features:
- Detects and resolves conflicts with other favicon plugins
- Automatically overrides the WordPress default Site Icon
- SVG source images are rasterized client-side before upload
- Clean admin page under Appearance Favicon
Source Code
The full uncompressed source code (TypeScript/TSX, SCSS) and build configuration are available on GitHub:
https://github.com/justusdeitert/forma-favicon
The build/ directory is generated from src/ using @wordpress/scripts with a custom webpack configuration.
To build from source:
- Clone the repository:
git clone https://github.com/justusdeitert/forma-favicon.git - Install dependencies:
npm install - Run the build:
npm run build
