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.ico with 16×16, 32×32, and 48×48 embedded
Apple Touch Icon (180×180)
Android Chrome icons (192×192 and 512×512)
site.webmanifest for PWA support
browserconfig.xml for 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