Browse icons

see it on a real page

with icons demos

These 17 demo pages are invitations and shops for fictional events and businesses, built to show what the with icons library does to a real-looking website. Each one switches live between a plain page with emoji, the same page with icons, and a full version with live icons and motion, in any of the 34 styles.

All names, people, places, shops and products in the demos are made up. Photos are credited on each page.

How the demos work

  • Three levelsBasic is a plain site with emoji. Upgraded swaps in with icons. Full adds live icons and motion.
  • 34 styles, one clickThe floating bar on every demo steps through styles, shuffles, resizes and recolours the icons.
  • Swap any iconTurn on "Pick icons", click any icon on the page and replace it with any of the 750.

15 demo pages

Animated demos

Motion icons move on their own: a lantern sways, a tail wags, a bell rings when you point at it. These two pages are built to show that off, with icons that loop gently, react on hover and play once as they scroll into view. Open one at Full to see the motion, or at Upgraded for the same icons standing still. Motion respects your system's reduce-motion setting.

  • Animated Holiday Invitation

    The Reunion Dinner

    Farewell Horse, welcome Goat: a Lunar New Year feast with lanterns, red envelopes and fortunes

    Sat, Feb 6, 2027 · 6:00 PM

    Opens in Lunar New Year · 8 styles picked

    BasicUpgradedFull

  • Animated Pets Shop

    Whisker & Wag

    Treats, toys and cosy beds for dogs, cats and the small fluffy ones

    Independent pet supply shop, est

    Opens in Sticker · 8 styles picked

    BasicUpgradedFull

Drive any demo from the keyboard

On every demo page:

  • i open or close the settings
  • [ ] previous or next style
  • s a random style
  • l cycle Basic, Upgraded, Full

Share a look: the address bar updates as you change things (#ico=gothic&lv=2), and "Copy link to this look" in the panel copies it.

Every demo is a single HTML file that loads the published @withicons/web package. Want the same on your site? Install with icons.