How do I change the favicon?

Update your site icon in just a few moments

Key points • Quickly update your favicon via project settings • Improves brand recognition for your hotel • Recommended format: square PNG or SVG • Simple publishing to apply the change immediately

A favicon is the small icon that appears in a browser tab, bookmarks, or link previews. For a hotel, it's an essential element of branding: it reinforces your visual identity and helps visitors easily spot your site among their open tabs.

Prepare your favicon

Before uploading, ensure your favicon adheres to these best practices: • Format: PNG or SVG • Recommended size: 32×32 px or 48×48 px • Simple and clear shape (logo, initial, brand symbol) • Transparent background for a more elegant look

Change the favicon in the project settings

Open the Designer and go to Project Settings. In the Branding tab, locate the Favicon section. Click Upload and import your file. Once the image is added, save your settings.

💡 Tip: take this opportunity to check your Webclip (icon used on mobile and saved favorites).

Update the favicon on the published version

After importing, return to the Designer and click Publish. The new favicon will immediately replace the old one. If you don't see it appear: • clear your browser cache • force reload the page (CMD+Shift+R or CTRL+F5)

Test the favicon display

Check your favicon: • in your browser tab • in saved bookmarks • on mobile (if a Webclip is configured) • in the shared link preview (depending on the platform)

A well-optimized icon makes your brand instantly recognizable and strengthens visitor trust.

Conclusion

Updating your hotel website's favicon is a simple step that helps strengthen your branding and improve the perception of your establishment. A clear, legible favicon that's consistent with your visual identity reinforces your brand's presence across all platforms.