Wayfinding icons

Arrows, chevrons, cursors, crosshairs and turn directions for navigation bars, back buttons, carousels, maps and step-by-step flows. 219 icons, each hand-drawn on a 24px grid in thin, regular and bold strokes, with an animated version that plays on its own. Free to use in the apps you build (LumioUI License).

Open in the icon lab Download the full sprite

All 219 wayfinding icons

Use them in React Native

Every icon is a plain SVG that takes your text colour through currentColor. Load one from the CDN with react-native-svg, paste its SVG into SvgXml, or use the Icon component, which draws a curated set by name from your theme. Animated Icons plays the motion natively.

TSX Example.tsx

import { SvgUri } from "react-native-svg";

// Any icon in this set, straight from the CDN
<SvgUri uri="https://cdn.lumioui.com/iconset/static/arrow-all-direction.svg" width={24} height={24} />

// Or copy an icon's SVG from its page and render it with SvgXml,
// or install the Icon component: npx @lumioui/cli add icon

Where LumioUI uses them

11 icons from this set appear in LumioUI's own 106 components and 237 screen templates, for example:

More icon sets

Browse all 3,072 icons →