Liniqo / Packs / Onboarding Steps

Onboarding Steps isometric illustrations

25 hairline isometric illustrations for onboarding steps products, websites and apps: invite your team, connect your account plug, import data from a file, verify your domain globe and more. Every piece comes as SVG in light and dark, takes your brand colour, and has draw-on and float animations. 2 of them are free to download.

25 illustrations2 freeSVG · PNG · ReactLight and dark
Open in the library See pricing

All Onboarding Steps illustrations

Invite your teamAn envelope with two person tokens and a plus badgeProConnect your account plugAn account card with a socket and a plug lined up to connectProImport data from a fileA spreadsheet file with an arrow pointing into a database stackProVerify your domain globeA desk globe behind an address bar with a check markProCreate an API keyA large key in front of a code cardProChoose a plan cardsThree pricing cards with the middle one raised and highlightedProSet up your profileA profile card with an avatar and form fields and a pencil leaning in frontFreePick your interests chipsA group of rounded tag chips with one chip lifted and selectedProInstall the tracking snippetA code window with a snippet block of angle brackets slotting inProConnect your calendarA wall calendar linked to a small app tile by a chain linkProAdd a payment methodA credit card with a plus badge in front of a dashed card outlineProEnable notifications phoneA phone with a bell on its screen and a notification banner popping outProSet up two-factor authA phone showing code cells with a shield and check in frontProCreate your first projectAn open folder with a sheet inside and a plus on its frontProChoose a workspace nameA desk name plate with a text line and a typing cursorProUpload your logoAn image card on a dashed drop zone with an upload arrow aboveProTour of the dashboardA dashboard window with charts and a tour popover pointing at oneFreeConnect a bank accountA bank building linked by a dashed line to a card on the floorProDownload the mobile appA phone with an app grid and a down arrow coming into itProTurn on dark mode toggleA large switch with a small sun on one side and the knob with a moon switched onProAdd your first productA product box on a dashed spot with a plus badge on topProSync your contactsTwo contact cards with circular sync arrows in frontProSet your timezone globeA desk globe with a clock badge in frontProWelcome checklist progressA checklist card with a half filled progress bar and ticked rowsProJoin the communityThree people busts gathered under a speech bubblePro
One consistent style

Every Liniqo illustration uses the same isometric grid and hairline stroke, so this pack sits next to the other 3,198 pieces without clashing.

Your colours

Set one accent and a line colour in the library; every download and copy uses them. Dark versions are included.

Built for AI builders

Ask Claude, Cursor, Lovable or v0 for an illustration through the Liniqo MCP server, and it adds the SVG or React component for you.

Where to use them

Onboarding Steps illustrations fit onboarding flows, setup checklists, product tours and first-run screens. Use them for empty states, onboarding, feature sections, pricing pages, emails and blog headers, in light or dark mode.

Onboarding Steps illustrations: questions

What is in the Onboarding Steps illustration pack?

25 hairline isometric illustrations, including invite your team, connect your account plug, import data from a file, verify your domain globe, create an api key, choose a plan cards, set up your profile, pick your interests chips and more.

Are any Onboarding Steps illustrations free?

Yes. 2 are free for personal and commercial use with no attribution: set up your profile, tour of the dashboard. The other 23 unlock with any plan, from $19 one-time.

Where can I use onboarding steps illustrations?

They suit onboarding flows, setup checklists, product tours and first-run screens. Common spots are empty states, onboarding steps, feature sections, pricing pages, emails and blog headers.

Can I change the colours to match my brand?

Yes. Set your accent and line colour once in the library and every onboarding steps illustration, preview and download uses them. Light and dark versions are included, so they work in dark mode too.

Which file formats do I get?

SVG in light, dark and flat versions, PNG up to 4000 px, React components, and animated SVG (draw-on, and draw plus float) on the Pro and Lifetime plans.

How do I add one with an AI tool?

Connect the Liniqo MCP server to Claude, Cursor, Windsurf, VS Code, Lovable or v0, then ask for it in plain words, for example: "add the set up your profile illustration to the empty state, in our brand colour". The AI finds it and adds the SVG or React component.

Can I use them in client projects?

Yes. Every plan, including the free illustrations, covers your own products and client projects. Reselling the files themselves, or putting them in another illustration library or template where they are the main value, is not allowed.

More packs

Trust & SecurityCollaboration & DocsGrowth AnalyticsCustomer FeedbackCalendar & BookingPayroll & ExpensesAll packs →