How to Add a Favicon in Wix
Upload a custom favicon in Wix from your site settings, then prepare a square, simplified export from your vector logo so it stays legible at tab size.
Contents
The short answer
To add a favicon in Wix, open your site's dashboard, go to the website settings area, find the favicon option, upload a square image prepared from your logo, and publish the site. A favicon is the small icon browsers show in tabs, bookmarks and history lists. Wix has historically tied custom favicons to a paid plan with a connected domain, so if the option is missing or locked, check your plan before troubleshooting the artwork. Menu names and plan rules change, so confirm both in Wix's current help documentation. No Wix-specific evidence was supplied for this guide.
The upload is the easy part. Most problems come from the artwork. A full logo is usually built to be read at large sizes. It turns into an unreadable smudge when shrunk to a browser tab, so the file you upload should be a deliberately simplified version of your mark.
Key terms
- Vector artwork: a logo defined by mathematical paths and shapes rather than pixels, so it can be scaled without losing sharpness. Common source formats include SVG, AI and EPS.
- Raster image: an image made of a fixed grid of pixels, such as PNG or JPG. Favicons are often displayed as raster images even when the master logo is vector.
- Artboard: the canvas boundary in a design application. For a favicon it should be square.
- Export: generating a delivery file, such as a PNG at a set pixel size, from the vector master.
- Glyph or symbol mark: the icon part of a logo without the wordmark (the typeset name), and usually the best starting point for a favicon.
Prepare the favicon artwork from your vector logo
- 1. Start from the editable vector master, not a screenshot or a compressed web image. A file ending in .svg or .ai is not proof that it contains clean, editable paths. Open it and check that the shapes are real vector paths rather than an embedded bitmap.
- 2. Confirm you have the right to use and adapt the logo. File access alone does not grant reuse permission.
- 3. Isolate the symbol mark or a single initial. Drop taglines and small text, and usually the full wordmark too, because type becomes illegible at tab size.
- 4. Place the mark on a square artboard and center it optically. Leave a small, consistent margin so it doesn't touch the edges.
- 5. Simplify the geometry. Thicken thin strokes, remove fine details and tight gaps, and merge overlapping shapes so the silhouette reads clearly.
- 6. Convert any remaining live text to outlines so the letterforms don't depend on installed fonts.
- 7. Decide on the background. A transparent background suits many marks, but check contrast against both light and dark browser themes. If the mark disappears on one of them, add a solid shape behind it.
- 8. Export in a format and size that Wix currently accepts. Check its help center for accepted file types and recommended dimensions rather than assuming SVG will upload. Keep the vector master separately for future edits.
Add the favicon in Wix step by step
- 1. Sign in to Wix and open the dashboard for the site you want to update.
- 2. Open the settings section and look for the website or general settings area that contains the favicon option. Exact labels vary between Wix editor versions.
- 3. If the favicon control is locked, check whether your site needs a paid plan or a connected domain for this feature.
- 4. Upload your prepared square image and review the preview Wix shows.
- 5. Save the change and publish the site. Favicon changes generally appear only on the live, published site.
Verify the result
- Open the live site in a new browser tab and check the icon next to the page title.
- Check it in at least two browsers and in both light and dark themes if your system supports them.
- If the old icon or a default Wix icon still appears, clear the browser cache or use a private window. Browsers cache favicons aggressively, and an update can take a while to show.
- Look at the icon at actual size, not zoomed in. If you can't recognize the mark at a glance, go back and simplify the artwork further.
Evidence gaps
This guide has no confirmed Wix documentation behind it. Current plan requirements, exact menu labels, accepted file formats and recommended pixel dimensions are not stated here and should be verified directly with Wix before you export your final file. The artwork advice reflects general design practice for small-scale icons, not a Wix requirement.