Media icons
Microphones, speakers, cameras, vinyl, volume and skip controls, plus image edits, for players, recorders, galleries and editors. 186 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 186 media icons
Album
Album Not Found01
Album Not Found02
Album01
Album02
Aperture
Audio Book01
Audio Book02
Audio Book03
Audio Book04
Audio Lines
Audio Wave01
Audio Wave02
Audio Waveform
Camera
Camera Add01
Camera Add02
Camera Add03
Camera Ai
Camera Automatically01
Camera Automatically02
Camera Lens
Camera Microphone01
Camera Microphone02
Camera Night Mode01
Camera Night Mode02
Camera Off
Camera Off01
Camera Off02
Camera Rotated01
Camera Rotated02
Camera Smile01
Camera Smile02
Camera Tripod
Camera Video
Camera01
Camera02
Camera03
Captions
Captions Off
Cassette
Cassette Tape
Clip
Cliparts
Disc
Disc 2
Disc 3
Disc Album
Drama
Drum
Drumstick
Fast Forward
Fast Wind
Film
Film Roll01
Film Roll02
Film01
Film02
Gallery Horizontal
Gallery Horizontal End
Gallery Thumbnails
Gallery Vertical
Gallery Vertical End
Guitar
Headphone Mute
Headphone Off
Headphones
Image
Image Actual Size
Image Add01
Image Add02
Image Composition
Image Composition Oval
Image Counter Clockwise
Image Crop
Image Delete01
Image Delete02
Image Done01
Image Done02
Image Down
Image Download
Image Download02
Image Flip Horizontal
Image Flip Vertical
Image Minus
Image Not Found01
Image Not Found02
Image Off
Image Play
Image Plus
Image Remove01
Image Remove02
Image Rotation Clockwise
Image To Video
Image Up
Image Upload
Image Upload01
Image Upscale
Image01
Image02
Image03
Images
Keyboard Music
Live
Mic
Mic 2
Mic Off
Mic Off01
Mic Off02
Mic Vocal
Mic01
Mic02
Microchip
Microscope
Microsoft Admin
Microsoft Tiles
Microwave
Music
Music 2
Music 3
Music 4
Music Note Square01
Music Note Square02
Music Note01
Music Note02
Music Note03
Music Note04
Music Three
Music01
Music02
Music3
Pause
Pause Circle
Piano
Picture In Picture
Picture In Picture Exit
Picture In Picture On
Picture In Picture01
Play
Play Circle
Play Circle02
Play List
Play List Add
Play List Favourite01
Play List Favourite02
Play List Minus
Play List Remove
Play Pause
Play Square
Play Store
Playlist01
Playlist02
Playlist03
Podcast
Radio
Radio Button
Radio Off
Radio Receiver
Radio Tower
Radio01
Radio02
Radioactive Alert
Record
Repeat
Repeat Off
Repeat One01
Rewind
Shuffle
Skip Back
Skip Forward
Speaker
Step Back
Step Forward
Telescope
Theater
Video
Video Off
Videotape
Vinyl
Volume
Volume 1
Volume 2
Volume Off
Volume X
Waveform
Webcam
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/album.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
15 icons from this set appear in LumioUI's own 64 components and 92 screen templates, for example:
- Action Sheet component
- Action Swap component
- Audio Recorder component
- Bar List component
- Bloom Menu component
- Bottom Sheet component
- Breadcrumb component
- Button component
- Chat Composer component
- Login Dark Stage screen
- Nouri Onboarding screen
- Onboarding Editorial screen
- AI screen
- Ai Assistant screen
- Channels List screen
- Chat Info screen
- Chat List screen
- Chat Media screen