Interface icons

The everyday controls of an app: stars, share, eye and eye-off, grids, alignment, circles and badges for buttons, toolbars, settings rows and empty states. 670 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 670 interface 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/a-arrow-down.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

37 icons from this set appear in LumioUI's own 167 components and 301 screen templates, for example:

More icon sets

Browse all 3,072 icons →