How to Add Icons to Notion

Notion lets you set one icon per page and one per callout, and that is the end of it. The icon widget covers everything past that: pick your icons, set the size, colour and alignment, and point each one at its own URL. The whole row arrives as a single embed and counts as one widget no matter how many icons are in it.

The two common uses

A social row at the bottom of a public page, a handful of small marks each linking out. And a navigation strip near the top, pointing at the four or five pages in the workspace that actually matter.

Colour and theme

Icons take the colour you set here rather than the Notion theme. Pick one that survives both a light and a dark background if visitors can switch between them.

When the icon you want is missing

Put it in as a picture instead. Any PNG in the image widget, with a link on it, behaves the same way to a visitor. That route is in make your own Notion widget.

Longer version on the blog: Notion icons and social media icons.

Icons outside Notion

An icon row is a single embed, so it behaves the same in a Coda doc, a WordPress post or a Google Sites page. People who keep a portfolio in Notion and a landing page in WordPress usually build one row and use it in both, which keeps the social links in sync when one of them changes.

If you have ever updated the same set of links in four places, that is the problem this removes.

Sizing is worth a thought on a social row. Icons that look right on a laptop become tap targets on a phone, and anything under about twenty pixels is awkward to hit with a thumb.