Body Part Six Pack icon
A hand-drawn body part six pack 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
- People
- Grid
- 24 × 24
- Strokes
- 1.5 · 2 · 2.5
- Name
body-part-six-pack
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 BodyPartSixPackIcon.tsx
import { SvgXml } from "react-native-svg";
const BodyPartSixPackIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M5 3.2C7.3 4.2 9.6 4.7 12 4.7S16.7 4.2 19 3.2C19.4 4.7 19.7 6.2 19.7 7.8C19.7 9.5 19.4 11.2 18.8 12.8C18.2 14.4 17.9 16.1 17.9 17.8L17.9 19.3C17.9 20.1 17.3 20.8 16.4 20.8L7.6 20.8C6.8 20.8 6.1 20.1 6.1 19.3L6.1 17.8C6.1 16.1 5.8 14.4 5.2 12.8C4.6 11.2 4.3 9.5 4.3 7.8C4.3 6.2 4.6 4.7 5 3.2Z"></path><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M6.7 7.4C8.4 8 10.2 8.3 12 8.3S15.6 8 17.3 7.4"></path><line stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" x1="12" y1="10.2" x2="12" y2="17.2"></line><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M8.7 11.8C9.7 12.4 10.8 12.7 12 12.7S14.3 12.4 15.3 11.8"></path><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M8.7 15.4C9.7 16 10.8 16.3 12 16.3S14.3 16 15.3 15.4"></path></g></svg>`;
<SvgXml xml={BodyPartSixPackIcon} 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 body-part-six-pack.svg
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M5 3.2C7.3 4.2 9.6 4.7 12 4.7S16.7 4.2 19 3.2C19.4 4.7 19.7 6.2 19.7 7.8C19.7 9.5 19.4 11.2 18.8 12.8C18.2 14.4 17.9 16.1 17.9 17.8L17.9 19.3C17.9 20.1 17.3 20.8 16.4 20.8L7.6 20.8C6.8 20.8 6.1 20.1 6.1 19.3L6.1 17.8C6.1 16.1 5.8 14.4 5.2 12.8C4.6 11.2 4.3 9.5 4.3 7.8C4.3 6.2 4.6 4.7 5 3.2Z"></path><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M6.7 7.4C8.4 8 10.2 8.3 12 8.3S15.6 8 17.3 7.4"></path><line stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" x1="12" y1="10.2" x2="12" y2="17.2"></line><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M8.7 11.8C9.7 12.4 10.8 12.7 12 12.7S14.3 12.4 15.3 11.8"></path><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M8.7 15.4C9.7 16 10.8 16.3 12 16.3S14.3 16 15.3 15.4"></path></g></svg>On the web, link it straight from the CDN:
HTML index.html
<img src="https://cdn.lumioui.com/iconset/static/body-part-six-pack.svg" width="24" height="24" alt="Body Part Six Pack" />
