Bitcoin Money01 icon
A hand-drawn bitcoin money01 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
- Finance
- Grid
- 24 × 24
- Strokes
- 1.5 · 2 · 2.5
- Name
bitcoin-money01
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 BitcoinMoney01Icon.tsx
import { SvgXml } from "react-native-svg";
const BitcoinMoney01Icon = `<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="M5.4 5L18.6 5C20.14 5 21.4 6.26 21.4 7.8L21.4 16.2C21.4 17.74 20.14 19 18.6 19L5.4 19C3.86 19 2.6 17.74 2.6 16.2L2.6 7.8C2.6 6.26 3.86 5 5.4 5Z"></path><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M3.2 8.9C5 8.7 6.2 7.4 6.4 5.6M20.8 8.9C19 8.7 17.8 7.4 17.6 5.6M3.2 15.1C5 15.3 6.2 16.6 6.4 18.4M20.8 15.1C19 15.3 17.8 16.6 17.6 18.4"></path><g><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M10.16 9.3L12.65 9.3C14.05 9.35 14.49 9.84 14.49 10.6C14.49 11.36 14.06 12 12.65 12"></path><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M10.16 12L12.65 12C14.05 12.05 14.49 12.54 14.49 13.3C14.49 14.06 14.06 14.7 12.65 14.7L10.16 14.7"></path><line stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" x1="10.54" y1="9.3" x2="10.54" y2="14.7"></line><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M11.24 8.54L11.24 9.53M12.22 8.54L12.22 9.53M11.24 14.47L11.24 15.45M12.22 14.47L12.22 15.45"></path></g></svg>`;
<SvgXml xml={BitcoinMoney01Icon} 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 bitcoin-money01.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="M5.4 5L18.6 5C20.14 5 21.4 6.26 21.4 7.8L21.4 16.2C21.4 17.74 20.14 19 18.6 19L5.4 19C3.86 19 2.6 17.74 2.6 16.2L2.6 7.8C2.6 6.26 3.86 5 5.4 5Z"></path><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M3.2 8.9C5 8.7 6.2 7.4 6.4 5.6M20.8 8.9C19 8.7 17.8 7.4 17.6 5.6M3.2 15.1C5 15.3 6.2 16.6 6.4 18.4M20.8 15.1C19 15.3 17.8 16.6 17.6 18.4"></path><g><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M10.16 9.3L12.65 9.3C14.05 9.35 14.49 9.84 14.49 10.6C14.49 11.36 14.06 12 12.65 12"></path><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M10.16 12L12.65 12C14.05 12.05 14.49 12.54 14.49 13.3C14.49 14.06 14.06 14.7 12.65 14.7L10.16 14.7"></path><line stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" x1="10.54" y1="9.3" x2="10.54" y2="14.7"></line><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M11.24 8.54L11.24 9.53M12.22 8.54L12.22 9.53M11.24 14.47L11.24 15.45M12.22 14.47L12.22 15.45"></path></g></svg> On the web, link it straight from the CDN:
HTML index.html
<img src="https://cdn.lumioui.com/iconset/static/bitcoin-money01.svg" width="24" height="24" alt="Bitcoin Money01" />