Illustrations

SVG illustrations in your brand style

Icons are one glyph. Illustrations are whole scenes — the empty state nobody drew, the hero at the top of the page, the 404, the article header, the design going on a shirt. Icora generates them as matched sets and traces them to real, editable SVG, so the twelfth scene still looks like it came from the same studio as the first.

What are you illustrating?

Each guide covers the specs, best-fit styles, and prompts for one job — and opens the generator with that use case already selected.

How the illustration flow works

The same pipeline that keeps icon sets consistent runs on scenes — with a brief, a preview step, and a vector editor at the end.

1

Choose the job, not a blank canvas

Empty state, hero, 404, onboarding, article header, print — each use case carries a tuned prompt template so you start from a brief instead of a blinking cursor.

2

Lock your brand style once

Pick from 26 scene styles, set an exact hex palette, and attach up to three of your own illustrations as references. That combination becomes the look every later scene inherits.

3

Review before you import

Generation returns a preview first. Keep what works, add more sheets to the same batch, and import only the scenes you want into a project.

4

Real vector, really editable

Accepted scenes trace to true SVG paths — open any of them in the studio to move nodes, recolor fills, simplify curves, or bake in CSS animation.

5

Expand without drifting

Need scene number nine next quarter? Expand the same project. Your existing illustrations are fed back as the style reference, so the new ones match instead of looking bolted on.

26 illustration styles

Scene styles, not icon styles — tuned for composition, characters, and depth. Pick one to open the generator with it selected.

Icons or illustrations?

IconsIllustrations
JobLabel an action or objectCarry a mood or explain a situation
Size on screen16–48px240–1200px
Batch size20–50 per run1–10 per run
Detail budgetOne idea, no sceneryCharacters, depth, background
Typical homeToolbars, nav, buttonsEmpty states, heroes, error pages, print
OutputEditable SVGEditable SVG

Need the other half? Browse icon styles or read the icon use-case guides.

Start with one scene

Generate an empty state, see whether the style is yours, then build the rest of the set around it. The free tier is enough to find out.

Open the illustration generator