Nick Halsey

annenbergdl

The site icon widget is a simple way to display your site icon on your site itself. By default, site icons aren’t displayed anywhere on your site because they’re used externally;this plugin is an easier way to show it on the site without a clumsy image widget plugin, and to make sure you icon gets updated everywhere when it’s changed.
Note that site icons must be square and that their primary purpose is to be used as browser and device icons. However, this plugin provides a convenient way to also display the site icon on the site itself, when exactly the same square icon is intended.

Site Icon Widget

The site icon widget is a simple way to display your site icon on your site itself. By default, site icons aren't displayed anywhere on your site …

Justus Deitert

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:
<ul>
<li><code>favicon.ico</code> with 16×16, 32×32, and 48×48 embedded</li>
<li>Apple Touch Icon (180×180)</li>
<li>Android Chrome icons (192×192 and 512×512)</li>
<li><code>site.webmanifest</code> for PWA support</li>
<li><code>browserconfig.xml</code> for Windows tiles</li>
</ul>
Icon styling controls:
<ul>
<li>Adjustable padding (0–40%) to give your icon breathing room</li>
<li>Border radius (0–50%) for rounded or circular icons</li>
<li>Custom icon background color behind transparent images</li>
<li>Configurable theme color and background color for manifests</li>
</ul>
Live preview:
<ul>
<li>Browser-tab mockup shows exactly how your favicon will look</li>
<li>Light and dark mode toggle to preview against both backgrounds</li>
<li>Changes update in real time via client-side canvas rendering</li>
<li>“Unsaved” indicator when settings differ from the generated output</li>
</ul>
Smart features:
<ul>
<li>Detects and resolves conflicts with other favicon plugins</li>
<li>Automatically overrides the WordPress default Site Icon</li>
<li>SVG source images are rasterized client-side before upload</li>
<li>Clean admin page under Appearance → Favicon</li>
</ul>
<h3>Source Code</h3>
The full uncompressed source code (TypeScript/TSX, SCSS) and build configuration are available on GitHub: 
https://github.com/justusdeitert/forma-favicon
The <code>build/</code> directory is generated from <code>src/</code> using <code>@wordpress/scripts</code> with a custom webpack configuration.
To build from source:
<ol>
<li>Clone the repository: <code>git clone https://github.com/justusdeitert/forma-favicon.git</code></li>
<li>Install dependencies: <code>npm install</code></li>
<li>Run the build: <code>npm run build</code></li>
</ol>

Forma Favicon

Favicon generator — upload a source, customize styling, and generate all required favicon sizes including ICO, Apple Touch, and Android Chrome.

Site Icon Widget vs Forma Favicon