Money Add02 icon
A hand-drawn money add02 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
- Commerce
- Grid
- 24 × 24
- Strokes
- 1.5 · 2 · 2.5
- Name
money-add02
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 MoneyAdd02Icon.tsx
import { SvgXml } from "react-native-svg";
const MoneyAdd02Icon = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g transform="translate(0 -1)"><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M20.15 12.5L20.15 7.3C20.15 6.3 19.35 5.6 18.35 5.7C13.85 6.3 8.95 2.8 4.55 8C3.55 7.9 2.85 8.5 2.85 9.5L2.85 14.9C2.85 15.9 3.65 16.5 4.55 16.4C8.75 17.1 12.15 18 14.95 18.4"></path><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M2.85 11.1C4.55 11 5.95 9.6 6.25 7.8M15.95 5.9C16.25 7.7 17.85 9.1 19.85 9.4M6.65 16.5C6.35 14.8 4.85 13.5 2.95 13.3"></path><circle stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" cx="11.45" cy="12.1" r="2.9"></circle><g><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M18.65 16.2L18.65 21.2M16.15 18.7L21.15 18.7"></path></g></g></svg>`;
<SvgXml xml={MoneyAdd02Icon} 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 money-add02.svg
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g transform="translate(0 -1)"><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M20.15 12.5L20.15 7.3C20.15 6.3 19.35 5.6 18.35 5.7C13.85 6.3 8.95 2.8 4.55 8C3.55 7.9 2.85 8.5 2.85 9.5L2.85 14.9C2.85 15.9 3.65 16.5 4.55 16.4C8.75 17.1 12.15 18 14.95 18.4"></path><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M2.85 11.1C4.55 11 5.95 9.6 6.25 7.8M15.95 5.9C16.25 7.7 17.85 9.1 19.85 9.4M6.65 16.5C6.35 14.8 4.85 13.5 2.95 13.3"></path><circle stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" cx="11.45" cy="12.1" r="2.9"></circle><g><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M18.65 16.2L18.65 21.2M16.15 18.7L21.15 18.7"></path></g></g></svg>On the web, link it straight from the CDN:
HTML index.html
<img src="https://cdn.lumioui.com/iconset/static/money-add02.svg" width="24" height="24" alt="Money Add02" />
