---
title: "Changing Your Members Portal Favicon"
slug: "changing-your-members-portal-favicon"
updated: 2023-06-06T10:49:05Z
published: 2023-06-06T10:49:05Z
---

> ## Documentation Index
> Fetch the complete documentation index at: https://help.nexudus.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Changing Your Members Portal Favicon

Favicons are the small images that you can see on your browser tabs. You can customize this favicon to match your logo or your branding in Nexudus.

![faviconexample](https://cdn.document360.io/4f9a66c7-3dbb-4052-97d8-5439302e1512/Images/Documentation/faviconexample.png)

Changing your members portal favicon is an easy two-step process on the Admin Panel.

## Step 1. Uploading your Favicon to the Custom Files Folder

You need to upload your favicon image to the custom files folder of the template editor to link to it in the code.

          We recommend using **PNG files**.

          

1. Log in to [dashboard.nexudus.com](https://dashboard.nexudus.com/) if you aren't already.
2. Click [**Settings > Web template editor**](https://dashboard.nexudus.com/settings/editor/templates).
3. Click on **Image files**.
4. Click **Add image** on the top right corner of the page.
5. Click **Select file** and select your favicon.

          Your file's name cannot include any:

          

  - Spaces
  - Brackets — (), {}, []
6. Click the **Save Changes** button.

Your favicon file now appears in the folder.

![Favicon_FileList.png](https://cdn.document360.io/4f9a66c7-3dbb-4052-97d8-5439302e1512/Images/Documentation/Favicon_FileList.png)

1. Click on your favicon.
2. Copy your favicon's URL by clicking on the clipboard icon and save it somewhere.

![FaviconLink_Highlight.png](https://cdn.document360.io/4f9a66c7-3dbb-4052-97d8-5439302e1512/Images/Documentation/FaviconLink_Highlight.png)

*You'll need it to complete the next step.*

## Step 2. Adding your Favicon to the head.js File

Once you've uploaded your favicon and saved its URL, all you need to do is add a snippet of code to your **head.js** .

1. Click on **head.js**.
2. Add the following code snippet at the end of the **head.js** file, after the ***/** symbols.

```
[
{"type": "link",        
"rel": "icon",        
"href": "",       
"sizes": "32x32"}
]
```

          Make sure you copy the full snippet, including the square braces [ ].

          

1. Add your favicon's URL between the quotation marks after the **href** tag.

![FaviconSnippetURL.png](https://cdn.document360.io/4f9a66c7-3dbb-4052-97d8-5439302e1512/Images/Documentation/FaviconSnippetURL.png)

          Make sure the URL is within the quotation marks.

          

1. Click the **Save** button.

Your favicon should now appear when you open your members portal page in any browser. If you don't see your favicon, try refreshing the page.

          Your favicon may take a few days to show up in browser searches.