Nick Halsey

annenbergdl

Login site icon is a simple way to brand your site’s WordPress login screen. Rather than the WordPress mark, linked to WordPress.org, the site icon is used and linked to the site’s home page. The site icon is used rather than the logo theme feature because it is already a square image, and the login screen is designed to use a square image here. If you already have a site icon set up, this plugin will work automatically as soon as it’s activated.
Re-branding the login screen slightly can reduce confusion for users that have (or use) multiple WordPress sites, as well as improving contributor understanding for sites with a large number of contributors. 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 make use of the icon in another context.

Login Site Icon

There are so many login customization plugins that try to do too much. Login Site Icon does exactly what it says without all the clutter and overkill.

So Simple, So Perfect

Login site icon is a simple way to brand your site's WordPress login screen. Rather than the WordPress mark, linked to WordPress.

Josh Hunt

Huntsman Dark Mode Site Icon allows you to set a separate site icon for light and dark mode.
Upload one icon for light mode using WordPress’s built-in Site Icon, and upload a separate icon for dark mode using this plugin. The appropriate icon is then displayed automatically based on the visitor’s system theme.
No code or configuration is required. If no dark mode icon is set, WordPress behaves exactly as normal.
<h3>Key Features</h3>
<ul>
<li>Separate site icons for light mode and dark mode</li>
<li>Simple upload interface in the WordPress admin</li>
<li>Works on the frontend, admin area, and login screen</li>
<li>Optional enable/disable toggle</li>
<li>Does not replace or override the core WordPress Site Icon</li>
<li>Accessable via the WP API</li>
</ul>
<h3>Usage</h3>
<ul>
<li>
Site Icon (WordPress) 
This is the default WordPress Site Icon and is still managed by WordPress.
</li>
<li>
Dark Mode Site Icon 
This icon is only used when the user’s system is in dark mode and the browser supports <code>prefers-color-scheme</code>.
</li>
</ul>
If the Dark Mode Site Icon is not set, the plugin does nothing and WordPress behaves normally.
<h3>REST API</h3>
The plugin exposes a public REST endpoint for accessing the Dark Mode Site Icon:
<pre><code>/wp-json/hdmsi/v1/icons
</code></pre>
Example response: 
{ 
“enabled”: true, 
“dark”: { 
“id”: 123, 
“url”: “https://example.com/icon-dark.png” 
} 
} 
A dark-mode Web App Manifest is also available at:
<pre><code>/wp-json/hdmsi/v1/manifest?mode=dark
</code></pre>

Huntsman Dark Mode Site Icon

Set separate site icons for light and dark mode based on the visitor’s system theme.

Login Site Icon vs Huntsman Dark Mode Site Icon