Body Part Muscle icon
A hand-drawn body part muscle 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-muscle
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 BodyPartMuscleIcon.tsx
import { SvgXml } from "react-native-svg";
const BodyPartMuscleIcon = `<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="M9.71 18.51C11.21 20.11 13.71 20.51 16.01 19.61C17.41 19.11 18.61 18.11 19.31 16.81C19.81 15.91 19.91 14.91 19.61 14.01C19.21 12.91 18.31 12.11 17.21 11.71C15.51 11.11 13.71 10.81 12.01 10.91C11.11 11.01 10.21 10.71 9.61 10.01C8.91 9.21 8.51 8.21 8.61 7.11C8.71 5.81 7.81 4.71 6.51 4.61C5.31 4.51 4.31 5.51 4.41 6.71C4.51 9.01 5.41 11.21 7.01 12.81C7.51 13.31 7.61 14.11 7.21 14.71C6.21 16.11 6.31 17.81 7.71 19.11Z"></path><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M8.31 11.31C9.71 10.31 11.91 10.01 13.61 10.61"></path></g></svg>`;
<SvgXml xml={BodyPartMuscleIcon} 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-muscle.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="M9.71 18.51C11.21 20.11 13.71 20.51 16.01 19.61C17.41 19.11 18.61 18.11 19.31 16.81C19.81 15.91 19.91 14.91 19.61 14.01C19.21 12.91 18.31 12.11 17.21 11.71C15.51 11.11 13.71 10.81 12.01 10.91C11.11 11.01 10.21 10.71 9.61 10.01C8.91 9.21 8.51 8.21 8.61 7.11C8.71 5.81 7.81 4.71 6.51 4.61C5.31 4.51 4.31 5.51 4.41 6.71C4.51 9.01 5.41 11.21 7.01 12.81C7.51 13.31 7.61 14.11 7.21 14.71C6.21 16.11 6.31 17.81 7.71 19.11Z"></path><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none" d="M8.31 11.31C9.71 10.31 11.91 10.01 13.61 10.61"></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-muscle.svg" width="24" height="24" alt="Body Part Muscle" />
