Both bodies. Both sides.
Men’s and women’s front and back maps, with a shared set of muscle categories.
Build fitness experiences
with a body map that fits.
Men and women. Front and back. Every highlight in one consistent style—ready to make your next interface feel like yours.
The walkthrough
Video transcript
Read the full transcript
Explore the Gym Journeys muscle collection. You get men's and women's full-body maps, from the front and back, plus individual muscle highlights. Focus on the chest, from upper to lower. Explore the shoulders, with front and side delts. Move through the core, from the upper abs to each lower row, with obliques alongside. Turn those highlights into matching circles and square cards for buttons, selectors, and workout screens. Bring everything back together, choose your colors, and add soft three-dimensional depth. Use the editable assets to build your own interactive body map. One consistent collection, ready for your next fitness experience. Gym Journeys, built for movement.
- Full-body maps
- 4
- Muscle highlights
- 102
- Square + circle thumbnails
- 204
- Consistent visual language
- 1
Thought through, down to the detailsAll the pieces.
All the pieces.
One clear body language.
From exercise cards to muscle selectors, build with matching assets instead of piecing together different styles.
A shape for every space.
Matching square and circle crops for selectors, cards and workout screens.
Your palette, naturally.
One map, your colors. Customize body and muscle highlights in the SVG source.
Go a little deeper.
Highlight individual regions within the same muscle group.
chestside-deltsobliquesvastus-medialiscoreabs-lower-middle-rowtrapslower-backglutessemitendinosustriceps-medial-head
upper-chestbicepsserratussartoriusbiceps-long-headabs-lower-rowupper-trapstricepsgluteus-maximussemimembranosus
lower-chestbrachialisquadsadductorsbiceps-short-headupper-traps-frontmiddle-trapstriceps-long-headgluteus-mediuscalves
shouldersforearmsrectus-femoristibialis-anteriorabs-upper-rowrear-deltslower-trapstriceps-lateral-headhamstringsgastrocnemius
front-deltsabsvastus-lateralisneckabs-upper-middle-rowbacklatsposterior-forearmsbiceps-femorissoleus
Named. Ready to use.
Organized muscle IDs make the artwork easy to find and connect.
Same shapes. More depth.
Flat, soft or sculpted. Three treatments, with the same muscle silhouettes.
From the group to the detailOne map. A more precise focus.
One map. A more precise focus.
Every region, ready to highlight.
Start with the whole muscle group, then explore its individual regions. Choose a group or an individual region. The framing stays consistent.
The complete picture
Consistent framing, from overview to individual region.
Two formats. One visual language.
The same region, ready for different spaces.
Matching highlights. Flexible layouts.
Overview
Chest
The full group, in one highlight.
Individual region
Upper chest
A focused target. Same anatomy.
More detail
Lower chest
Matching shapes, every time.
PNG previews. Original SVG shapes stay private.
Made for what you’re buildingOne collection.
One collection.
So many places to use it.
From a workout screen to a printed page, give every muscle the same clear visual language.
Workout apps
Body selection & workout cards
Coaching dashboards
Muscle balance & training summaries
Fitness websites
Exercise discovery & muscle filters
Magazines
Editorial spreads & visual stories
Training books
Full-body maps & focused regions
Digital guides
Downloadable plans & PDF workbooksIllustrative use-case concepts. Apps, books and templates shown are not included in the asset pack.
The complete collection
102 grouped and individual muscle highlights for men and women, front and back. Matching square and circle thumbnails, ready for your next app, website or printed guide.
Compare plans ↗
An overview of every highlight. Watermarked raster previews; simplified fitness illustrations.
The muscle icon collectionSmall icons.
Small icons.
Every detail considered.
Consistent anatomy. Your colors. A shape for every interface.
Body context
Muscle only
The complete muscle group, with no surrounding body.
About the two icon styles
Body context keeps surrounding anatomy visible to show where a muscle is. Muscle only isolates the complete muscle group. Focused selections retain the whole group and dim the other regions.
Both styles cover men and women, front and back, with color, white and black variants. Essentials includes PNGs; Studio includes editable SVGs and Figma components. Developer integrations remain planned. Each style is organized separately in the delivery.
Developer libraries · Coming soonYour stack.
Your stack.
Our muscle maps.
Ready-to-use components are on the roadmap. Bring consistent muscle selection, custom colors and focused highlights into the tools you already build with.
Explore the integrations ↗React, Vue, Angular and more. Framework packages and examples are planned and not available to install yet.
Next.js
Nuxt
Astro
Web Components
React
Vue.js
Angular
Svelte
JavaScript
React NativeInside the collectionWhat you’ll get.
What you’ll get.
Every piece, ready for your project.
One consistent library, from a full-body map to the smallest muscle icon.
04 maps
The complete body
Men and women. Front and back. Matching anatomy across every view.
102 selections · 204 thumbnails
Groups and finer detail
Full muscle groups and focused regions, framed as matching squares and circles.
102 selections · 306 variants
Body context icons
Keep the body visible. Show exactly where each muscle belongs.
Your colors. White. Black.
Explore body context ↗
102 selections · 306 variants
Muscle-only icons
Isolate the complete muscle. Highlight the group or a specific region.
Your colors. White. Black.
Explore muscle only ↗
PNGReady-to-use images
SVGEditable vectors
FigmaComponents & variants
PDFBody-map vector atlasChoose the files you need
Organized for your workflow.
Your plan determines the formats included.
- EssentialsPNG
Ready-to-use images, thumbnails and both icon styles.
- StudioPNG + SVG + Figma + PDF
Everything in Essentials, plus editable artwork and Figma components.
- DeveloperStudio + IDs & JSON
Named selections for integration. Framework components are planned.
Public previews are watermarked. Delivery exports are clean. Checkout is not open yet. Compare the plans ↗
Try the filesStart with abs.
Start with abs.
Your free resource preview.
Two PDF pages: men’s and women’s body maps, followed by body-context muscle examples in Lime, Violet and Coral. Six PNG samples are included too.
ZIP · 1531 KB · Two-page PDF + six PNGs · No signup required
Free for private evaluation. A paid license is required for public or commercial use.
Choose your toolkitOne collection.
One collection.
Three ways to build.
Start with ready-to-use images, make the artwork yours, or bring your body map to life.
Men + women · Front + back102 muscle highlights204 square + circle thumbnails612 icons · two styles
Essentials
Ready to use.
$29USD · one-time
For coaches, print layouts, digital guides and social content.
- Complete body-map and muscle collection
- Transparent high-resolution PNGs
- 612 muscle icons · two styles, color, white and black
- Matching square and circle thumbnails
- Preset color palettes
- Flat and soft-depth image exports
Coming at launch
Studio
Make it yours.
$69USD · one-time
For designers and teams creating a consistent fitness experience.
- Everything in Essentials
- Editable SVG artwork and muscle icons
- Custom highlight and body colors
- Flat and soft depth; sculpted body examples
- Organized Figma file
- Figma body and icon components, variants and color styles
- 106-page vector PDF
Coming at launch
Developer
Bring it to life.
Coming soonDeveloper integrations
For developers building muscle selectors, workout screens and body maps.
- Studio assets + framework integrations Planned
- Named IDs and JSON integration data Planned
- Interactive React / web component Planned
- Selection events and hover states Planned
- Configurable colors and depth Planned
- Working demo and integration guide Planned
Roadmap · Release date to be announced
Proposed prices for Essentials and Studio. Checkout is not open yet. Developer integrations remain on the roadmap. Final license and seller details will be published before purchase.
A few useful details
Before you build.
Can I try the files before buying?
Yes. Download the free PDF and PNG samples to test the formats and appearance in private mockups. The ZIP includes the two-page PDF, six PNG samples and an evaluation license. Purchase a commercial license before using the assets in a public or commercial product.
What is included in the library?
Four full-body maps, 102 muscle highlights and 204 square/circle thumbnail variants, plus 612 filled muscle icons across body-context and muscle-only styles (102 selections per style in color, white and black). The collection covers both models and views, including grouped selections and individual subregions.
Can I change the colors?
Yes. Studio SVGs support changing body and highlight colors. Gradient depth is a separate treatment, so the underlying shapes remain unchanged. .
Are these PNG previews the editable assets?
No. This page uses raster previews. Studio includes editable SVG assets, an organized Figma library and a vector PDF. The public page includes previews and free samples. Editable source files belong to the Studio download.
Is this a medical anatomy atlas?
No. It is a schematic fitness-interface library. Some selections are illustrative target regions or projected heads, and deeper anatomy is not fully shown.
Can I purchase the pack now?
The pack is being prepared for release. Proposed one-time launch prices are $29 for Essentials and $69 for Studio. Developer integrations are coming later. Checkout is not open, and license terms will be published before purchase.
Your next fitness interface.
A clearer body map.
Explore the collection ↗