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
- In your Live Projects section, click Update on the project.
- Click Customize Project.
- Scroll to the Logo section and upload your image.
Your image needs to be 64×64 pixels or smaller, and square works best. Anything larger won't be accepted.
That's it! 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.
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 OG Title, OG Description, and OG Image of your Project for more.
Updated on: 03/08/2026
Thank you!