Essentials icons
Charts, refresh and redo arrows, sorting and pointer states: the small working glyphs that sit in toolbars, tables and dashboards. 59 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).
All 59 essentials icons
Arrow Down 0 1
Arrow Down 1 0
Arrow Down A Z
Arrow Down Z A
Arrow Up 0 1
Arrow Up 1 0
Arrow Up A Z
Arrow Up Z A
Badge Help
Bolt
Chart Candlestick
Chart Column
Chart Column Big
Chart Column Decreasing
Chart Column Increasing
Chart Column Stacked
Chart Gantt
Chart Line
Chart Network
Chart No Axes Column
Chart Scatter
Chart Spline
Flip Horizontal 2
Flip Vertical 2
Hard Hat
Link 2 Off
Move Down
Move Down Left
Move Down Right
Move Left
Move Right
Move Up
Move Up Left
Move Up Right
Orbit
Origami
Package 2
Pointer Off
Radiation
Rectangle Ellipsis
Rectangle Horizontal
Rectangle Vertical
Redo 2
Refresh Ccw
Refresh Ccw Dot
Refresh Cw Off
Repeat 1
Repeat 2
Replace
Scissors Line Dashed
Slash
Spade
Spell Check
Spell Check 2
Spline
Undo 2
Ungroup
Unlink 2
Vote
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-down-0-1.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