Camera Ai icon
A hand-drawn camera ai icon that animates on its own: an SVG on a 24px grid in thin, regular and bold strokes. Free to download and use in the apps you build (LumioUI License). It takes your text colour through currentColor.
- Category
- Media
- Grid
- 24 × 24
- Strokes
- 1.5 · 2 · 2.5
- Name
camera-ai
Stroke weights and sizes
Use it in React Native
Paste the SVG into react-native-svg's SvgXml. The Icon component covers a curated set by name, and Animated Icons plays the motion natively.
TSX CameraAiIcon.tsx
import { SvgXml } from "react-native-svg";
const CameraAiIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M20.85 11.6L20.85 16.1C20.85 18.1 19.25 19.7 17.25 19.7L6.75 19.7C4.75 19.7 3.15 18.1 3.15 16.1L3.15 11.4C3.15 9.5 4.65 8 6.55 8L7.45 8C8.05 8 8.55 7.7 8.85 7.2L9.55 6.1C9.95 5.5 10.55 5.1 11.25 5.1L13.75 5.1"></path><circle stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" cx="11.15" cy="14.3" r="3.2"></circle><g><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M17.35 4.3C17.65 5.7 18.75 6.8 20.15 7.1C18.75 7.4 17.65 8.5 17.35 9.9C17.05 8.5 15.95 7.4 14.55 7.1C15.95 6.8 17.05 5.7 17.35 4.3Z"></path></g></svg>`;
<SvgXml xml={CameraAiIcon} width={24} height={24} color="#111" />SVG code
The still glyph. The animated version, linked above, plays its motion on its own with SMIL, so it needs no script.
SVG camera-ai.svg
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M20.85 11.6L20.85 16.1C20.85 18.1 19.25 19.7 17.25 19.7L6.75 19.7C4.75 19.7 3.15 18.1 3.15 16.1L3.15 11.4C3.15 9.5 4.65 8 6.55 8L7.45 8C8.05 8 8.55 7.7 8.85 7.2L9.55 6.1C9.95 5.5 10.55 5.1 11.25 5.1L13.75 5.1"></path><circle stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" cx="11.15" cy="14.3" r="3.2"></circle><g><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M17.35 4.3C17.65 5.7 18.75 6.8 20.15 7.1C18.75 7.4 17.65 8.5 17.35 9.9C17.05 8.5 15.95 7.4 14.55 7.1C15.95 6.8 17.05 5.7 17.35 4.3Z"></path></g></svg>On the web, link it straight from the CDN:
HTML index.html
<img src="https://cdn.lumioui.com/iconset/static/camera-ai.svg" width="24" height="24" alt="Camera Ai" />
