> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://helpdesk.tiiny.host/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to change your project's logo

Your favicon is the small icon that shows in the browser tab when someone opens your site. By default it's the Tiiny Host icon — here's how to use your own instead.

### Change it from your dashboard

1. In your **Live Projects** section, click **Update** on the project.
2. Click **Customize Project**.
3. Scroll to the **Logo** section and upload your image.![The Logo upload field in Customize Project](https://storage.crisp.chat/users/helpdesk/website/-/5/9/d/3/59d32bdaa5d1c000/image_1242wrr.png)

Your image needs to be **64×64 pixels or smaller**, and square works best. Anything larger won't be accepted.

No need to re-upload your files.

### If you're uploading a zip folder

You can include the icon in the folder itself instead.

###### Option 1 — add a favicon file

Put a `favicon.ico` file in your zip folder and it'll be picked up automatically.

You can turn any image into an `.ico` file with a free favicon generator like [realfavicongenerator.net](https://realfavicongenerator.net/).

###### Option 2 — link it in your HTML

If your icon isn't a `.ico` file, add this line inside the `<head>` tag of your HTML:

```
<link rel="icon" type="image/png" href="/favicon.png"/>
```

Change href to wherever your icon sits in the folder, and type to match the file — image/png, image/svg+xml, and so on.

### Still seeing the old icon?

Browsers hold on to favicons longer than almost anything else.
Open your link in a private or incognito window to check — if it's correct there, it's working, and your normal browser will catch up.

### Not to be confused with the Preview Image

Above **Logo** in the same screen, you'll find **Preview Image**. That's a different thing: it's the picture people see when your link is shared externally, not the browser tab icon.
It's a much bigger image: at least 200×200, ideally 1200×630, and under 300KB. See [How to set the title, description and image for shared links](https://helpdesk.tiiny.host/en/article/how-to-set-the-title-description-and-image-for-shared-links-ok115w/) for more.