Add a favicon option for New Universal Login

Knowledge Solutions
, ,
1

Problem statement

We want to implement a favicon option for New Universal Login.

Solution

If you use the standard approach to customize New Universal Login via page templates, the recommended approach would be 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 your 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 your favicon configuration:

curl  https://login.auth0.com/api/v2/branding

There is a secondary case to consider. If you are using New Universal Login with the custom Hosted Login page, please add a <link> tag between your <head> tags in the HTML code.

<head>
...
    <link rel="shortcut icon" type="image/png" href="https://your-site.com/path-to-favicon.png"/>
</head>