All platforms

Favicon for Notion

How to add a favicon in Notion

Public Notion pages do not let you set a true browser favicon directly - they show Notion's icon or your page emoji. To get a real favicon, publish your Notion content through a site tool like Super, Potion, or Popsy, which add a Favicon setting where you upload your own square image.

What you need

  • A square image (512x512px) for the favicon.
  • A Notion-to-website tool (Super, Potion, Popsy, or similar) for a true custom favicon.
  • Or accept the page icon/emoji that Notion's own share URLs display.

Step-by-step: add a favicon in Notion

  1. Set a page icon (basic). In Notion, hover the page title and click Add icon to set an emoji or uploaded image. This shows in Notion's UI but is not a reliable browser favicon on shared links.
  2. Publish through a site tool. Connect your Notion page to a publishing tool such as Super, Potion, or Popsy and point it at your workspace or page.
  3. Upload the favicon in the tool. In the tool's site settings, find the Favicon field and upload a square 512x512px image, then save and publish your custom domain.

Common mistakes to avoid

  • Expecting a raw notion.site URL to show your own favicon - it will not reliably.
  • Uploading a non-square page icon and assuming it becomes the favicon.
  • Skipping a publishing tool when you need a real favicon and custom domain.
  • Forgetting to also set the Apple touch icon in the tool for home-screen shortcuts.
Free forever, no sign-up

Generate a complete icon set for Notion

One logo in, every file out: favicon.ico, the PNG sizes, the Apple touch icon, Android and PWA icons, a maskable icon, the web manifest, and a copy-paste snippet ready for Notion. Free, private, and generated in your browser.

Open the generator

Frequently asked questions

Can you add a custom favicon to a Notion page?
Not on a plain notion.site share link - it shows Notion's icon or your page emoji. To set a real favicon you publish through a tool like Super, Potion, or Popsy that exposes a Favicon upload.
Does the Notion page icon become the favicon?
Not reliably. The page icon appears inside Notion's interface, but shared/published Notion URLs do not turn it into a proper browser favicon. A publishing tool is the dependable route.
How do I add a favicon with Super or Potion?
In the tool's site settings, open the Favicon field, upload a square 512x512px image, and publish to your custom domain. The tool injects the favicon link tags for you.
What size should the favicon be for a Notion site?
Use a square image at 512x512px. The publishing tool downscales it for the browser tab, keeping a simple mark sharp at small sizes.

Favicon guides for other platforms

New to favicons? Read the complete favicon guide and the icon size cheatsheet, or jump straight to the favicon generator.