Turn flat SVG icons into SaaS-style isometric graphics.
IsoKit is a browser-based generator that converts plain flat SVGs into polished isometric graphics — the kind used on modern SaaS landing pages, feature cards and hero sections. Upload a flat icon, see six isometric angles instantly, add thickness and shadow, then export as PNG or vector SVG.
Try IsoKit free → No signup. Free PNG export.Why isometric, and why a tool
Isometric illustration has become the default visual language for modern SaaS marketing — Linear, Stripe, Vercel, Framer all lean on it to explain features visually. But producing isometric graphics by hand means rebuilding every flat icon in 3D perspective inside Figma or Illustrator. That workflow doesn't scale when you ship a new feature every week.
IsoKit exists because the math behind isometric projection is deterministic. Given any flat SVG, we can generate six standard camera angles automatically, then let you layer thickness and shadow on top. What used to take an afternoon becomes a minute of dragging.
What you can do
Flat SVG → 6 isometric angles
Drop a flat icon and see all six standard isometric perspectives rendered side-by-side. Pick the one that fits your layout.
Thickness & extrusion
Give any icon visual depth with adjustable thickness. Color the extruded sides automatically or pick a custom shade.
Drop shadow & ambient shade
Layer soft shadows underneath each graphic for the polished look modern landing pages use.
Scene composition canvas
Drag multiple icons onto a canvas and arrange them into composite scenes — feature cards, hero graphics, explainers.
PNG export (free)
Download any composition as PNG for immediate use in slides, mockups or prototypes.
Vector SVG export ($9)
Upgrade once for unlimited vector SVG export — resolution-independent graphics for web, plus flat-SVG variants that import cleanly into Figma and Illustrator.
Who uses IsoKit
Frequently asked
What does IsoKit do?
IsoKit turns flat SVG icons into isometric graphics. Upload any flat SVG and get six isometric camera angles instantly, then add thickness, shadows and assemble scenes on a canvas — all in your browser.
Do I need to install anything?
No. IsoKit runs entirely in the browser. There is no sign-up, no account, and no file leaves your device unless you explicitly export it.
What does the free version include?
You can upload flat SVGs, see all six isometric angles, adjust thickness and shadow, compose scenes and export as PNG for free. The $9 one-time upgrade unlocks vector SVG export.
How is this different from manual isometric design?
Manual isometric design in Figma or Illustrator requires rebuilding every icon in perspective. IsoKit applies the transforms automatically from flat source SVGs, so a new icon becomes a finished isometric graphic in seconds rather than hours.
Can I use the output commercially?
Yes. Exports are yours to use in client work, marketing sites, product UI and paid products. Only redistributing IsoKit itself is restricted.
What file types can I export?
Free: PNG. Pro: vector SVG (for the web) and flat SVG (optimized for Figma and Illustrator import).
Ready to try it?
Drop a flat SVG and see six isometric angles instantly. No signup.