Add a Favicon Option for New Universal Login
Last Updated:
Overview
This explains how to implement a favicon option for New Universal Login.
Applies To
- New Universal Login
- Favicon
- Branding
Solution
If using a standard approach to customizing New Universal Login via page templates, the recommended approach is to use the Branding features of the Management API.
- To add the favicon with a call to Update-Branding-Settings [/api/v2/branding), use this Curl command to define the favicon:
curl -X PATCH -H "Content-Type: application/json" -d '{"colors":{"primary":"","page_background":{}},"favicon_url":"","logo_url":"","font":{"url":""}}' https://login.auth0.com/api/v2/branding
- To view the favicon with a call to Get-Branding-Settings, use this Curl command to view the favicon configuration:
curl https://login.auth0.com/api/v2/branding
There is a secondary case to consider. If using the New Universal Login and a custom-hosted Login page, add a <link> tag between the <head> tags in the HTML code like the example below:
<head>
...
<link rel="shortcut icon" type="image/png" href="https://your-site.com/path-to-favicon.png"/>
</head>
