Context pack Flow Updated May 26, 2026
Onboarding Flow Icons
Step indicators, welcome states, feature-tour callouts, and first-run-experience iconography. The visual vocabulary of getting a new user from sign-up to first value.
53 icons
3 libraries
All open-source
sparkles page
party-popper page
rocket page
flag page
target page
compass page
lightbulb page
star page
trophy page
gift page
hand-helping page
arrow-right page
arrow-left page
chevron-right page
chevron-left page
check page
check-circle page
circle page
circle-dot page
circle-check page
skip-forward page
fast-forward page
user-plus page
users page
user-check page
mail page
key page
lock page
shield-check page
settings page
sliders page
palette page
paintbrush page
globe page
languages page
phone page
smartphone page
laptop page
camera page
image page
bell page
bell-ring page
bell-off page
eye page
eye-off page
help-circle page
info page
message-circle page
hand-wave page
play-circle page
arrow-right-circle page
plus-circle page
x-circle page
No icons match those filters.
53 icons shown · 0 in kit
About this pack
Onboarding Flow covers the moments a product has to be the most welcoming: step indicators on multi-step forms, friendly empty states with calls to action, feature tour callouts, sample-data hints, "skip" and "next" affordances, and the celebration moments at the end. Use this pack on the surfaces where you have one chance to make a good first impression.
Pack at a glance
CategoryContext pack
TagFlow
Total icons53
Libraries3
Last updatedMay 26, 2026
Best for
First-run experiences
Product tours
Setup wizards
Multi-step forms
Welcome screens
Style composition
52 outline1 filled
Outline icons follow the stroke-width control; filled icons paint with a single fill. All scale cleanly on their native grid.
Libraries in this pack
Every glyph is drawn from a real open-source set — here's exactly how the 53 icons break down, with each license.
Licensing
Free for commercial use. This pack mixes 3 licenses across its 3 sources:
ISCLucide
MITFeather
Apache 2.0Material Design
Icons via DownloadIcons (downloadicons.com). Lucide (ISC), Feather (MIT), Material Design (Apache 2.0).
All 53 icons in the Onboarding Flow pack
Full index — every icon links to its own page with downloads in all formats.
Lucide · 43
Feather · 9
Material Design · 1
Common questions
How many icons are in the Onboarding Flow pack?
53 icons, drawn from 3 open-source libraries: Lucide (43), Feather (9), Material Design (1).
Can I use these icons in commercial projects?
Yes. Every library in this pack is open source — Lucide under ISC; Feather under MIT; Material Design under Apache 2.0. Keep each library’s license text when redistributing source.
What formats can I export?
Individual SVG files (zipped), a single React .tsx component file, a Vue 3 .ts component file, or a ZIP of Svelte 5 components with an index.ts barrel — all generated in your browser from the same icon data, so the preview always matches the download.
Do outline and filled icons behave differently?
This pack contains 52 outline and 1 filled icon. Outline icons follow the stroke-width control and paint with stroke: currentColor; filled icons paint with fill: currentColor. Both inherit text color in your UI.
How is the kit saved?
Your kit (selection, order, and name) is stored in your browser’s localStorage, scoped to this pack only — nothing is uploaded, and it survives page reloads on this device.
Designers who used this pack also liked:
Export kit
Icons
0
Libraries
0
Format
SVG
Est. size
0 KB
Copied