All features

Build

Icon library and custom SVGs

Pick an icon for a card, or upload your own SVG — both take your accent color automatically.

It's included on every plan.

What it is

Side by side cards show an icon in a rounded tile. Choose from the built-in icon library or upload your own SVG. Either way the icon is tinted with your accent color on a soft tint of the same color.

Why it helps

Icons make a long list scannable at arm's length, which is how most people read a tutorial while holding a tool in the other hand. Using your own SVGs keeps product-specific parts recognisable.

How to use it

  1. Set the card style to Side by side.
  2. Open the icon picker and search the library, or upload an SVG.
  3. The tile color follows the tutorial's accent color, so you never pick it twice.

Try it on your product

Create a tutorial, publish it to your own URL and print the QR code.

Get started