Nature icons
Mountains, lakes, waves, leaves, volcanoes and fireworks for travel, weather, outdoors and seasonal screens. 114 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 114 nature icons
Cactus
Cannabis
Cloud Moon
Cloud Sun
Clover
Desert
Diamond
Diamond Minus
Diamond Percent
Diamond Plus
Diamond01
Diamond02
Dropbox
Dropdown Field Type
Droplet
Droplet Off
Droplets
Eclipse
Fire
Fire Extinguisher
Fire Pit
Fire Security
Fire02
Fire03
Firewall
Fireworks
Flame
Flame Kindling
Flower
Flower 2
Flower Pot
Flower01
Gem
Globe Lock
Globe Off
Globe X
Globe02
Haze
Hurricane
Ice Cream
Ice Cream Bowl
Ice Cream Cone
Ice Cream01
Ice Cream02
Ice Cream03
Ice Cream04
Ice Cubes
Ice Hockey
Ice Skating
Island
Lake
Leaf
Leaf01
Leaf02
Leaf03
Leaf04
Leafy Green
Moon
Moon Angled Rain Zap
Moon Cloud
Moon Cloud Angled Rain
Moon Cloud Angled Zap
Moon Cloud Big Rain
Moon Cloud Fast Wind
Moon Cloud Hailstone
Moon Cloud Little Rain
Moon Cloud Little Snow
Moon Cloud Mid Rain
Moon Cloud Mid Snow
Moon Cloud Slow Wind
Moon Cloud Snow
Moon Eclipse
Moon Fast Wind
Moon Landing
Moon Slow Wind
Moon Star
Moon01
Moon02
Moonset
Mountain
Mountain Snow
Mushroom
Ocean
Palmtree
Plant01
Plant02
Rainbow
Recycle
Shell
Shrub
Snowflake
Sprout
Sun
Sun Dim
Sun Medium
Sun Snow
Sunrise
Sunset
Thermometer
Thermometer Snowflake
Thermometer Sun
Tornado
Tree Deciduous
Tree Palm
Tree Pine
Trees
Tulip
Umbrella
Umbrella Off
Vegan
Volcano
Waves
Wind
Wind Arrow Down
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/cactus.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
5 icons from this set appear in LumioUI's own 30 components and 48 screen templates, for example:
- Achievement Badge component
- Action Swap component
- Barcode component
- Bloom Menu component
- Calendar Strip component
- Choice Card component
- Coach Marks component
- Command Palette component
- Dock component
- Grow Auth screen
- Onboarding screen
- Onboarding Dark Objects screen
- Verify Identity screen
- AI screen
- Channels List screen
- Chat Info screen
- Chat List screen
- Accessibility screen