Skip to content

Illustrations · Icons · Animations

Your brand, illustrated.

Many styles, one system. Pick your colours once and every illustration, icon and animation follows.

Try a brand

Works in Figma, React, Claude Code, Cursor and VS Code

How it works

One palette. Every picture follows.

  1. 01

    Pick your colours once

    Pick colours on any set page, or paste your Tailwind config there, and that set repaints.

  2. 02

    Browse many styles

    Illustrations, icons and animations drawn to one colour system, so sets mix without clashing.

  3. 03

    Use them where you work

    Download SVG, PNG or Lottie, or pull them into Figma, React and your AI coding tool.

For developers

Built for code, and for your AI coding tool

Install the free icon set from npm, or connect your AI coding tool so it can find illustrations and paint them in your brand colours.

Read the developer guide
Claude Code
claude mcp add --transport http illustrateup https://illustrateup.vercel.app/api/v1/mcp
npm
npm install @illustrateup/icons

Keep what you download

Files you download stay licensed, even after you cancel.

Real prices

No credits and no tokens. One price page, with taxes shown at checkout.

Honest labels

Every set says whether it was drawn by hand or made with AI help and finished by a person.

Put your brand in every picture.

Start with the free sets. Upgrade when you need everything.