Forma Favicon

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:

1. Clone the repository: git clone https://github.com/justusdeitert/forma-favicon.git
2. Install dependencies: npm install
3. Run the build: npm run build