Joint color filled icon

SaveJoint color filled icon
ColorMulticolor icon — use the Edit button on the preview to recolor
Outline
Joint Black Outline icon
Filled
Joint Black Filled icon
Color outline
Joint Color Outline icon
Color filled

Bone joint with pain lines radiating on both sides inside a circle

✨ Ready styles — click one to customize it in the Advanced editor

About the Joint color filled icon

Two bone ends meet at a rounded, knobbly joint — the flared heads of a knee or finger joint — with short straight lines radiating on both sides to signal pain or inflammation, all held in a circular frame. It communicates arthritis, orthopedic care and mobility problems. Use it on clinic websites, physiotherapy apps, health insurance materials, medical infographics and supplement packaging.

The bone is drawn symmetrically with two cartilage bulges at the center gap, and the pain strokes sit at even angles for balance. Pair it with spine, muscle and X-ray icons in a medical set. Keep the circular badge at 40px so the thin pain lines stay visible.

This is the colour filled version of the joint icon: a flat, solid-colour shape that stands out in dashboards, marketing pages and app tiles where the icon needs to carry colour meaning.

Download it free as a scalable SVG vector or transparent-background PNG in seven sizes (16 to 512px), copy the SVG code straight into your project, or open it in the free online editor to change colors, apply gold, silver, neon and gradient styles, animate it, or convert it to EPS, PDF and DXF.

Free for personal and commercial use with attribution.

Icons with the same concept