# How to Change Favicon in Framer

> To update your website icon in Framer, open your project and select Open Settings. Scroll down to Site Images, locate Favicon, and click Upload to import your visual asset. Finally, preview your design in the canvas workspace to confirm your image is successfully uploaded and ready for integration.

Canonical: https://livedemo.ai/tutorials/how-to-change-favicon-in-framer/
Apps: Framer
Updated: 2026-10-05
Interactive demo: https://story-api.livedemo.ai/workspaces/62255d3d3304f17b8f5e2d03/stories/692a30f2d673bd5aa8e63bfc/preview?step=1

## Steps

1. Open your Framer project.
2. Click 'Open Settings' to customize your project with powerful design settings.
3. Scroll down to the 'Site Images' and go to 'Favicon'.
4. Click 'Upload' to import your visual assets to enhance your design.
5. Preview your design in the canvas workspace
6. Success! Your image has been uploaded and is ready for integration.