joints icon
joints-24px from Health Icons by Resolve to Save Lives · Filled 24px · Body · MIT Free for personal and commercial use.
- Name
- joints-24px
- Set
- Health Icons
- Style
- Filled 24px
- Category
- Body
- Viewbox
- 24×24
- License
- MIT
3 other variants in Health Icons
More body icons from Health Icons
Use the joints icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10.6 2v5.35l-.685.227C9.345 7.766 9 8.248 9 8.75c0 .63.565 1.25 1.4 1.25c.378 0 .711-.133.957-.339l.643-.54l.643.54c.246.206.58.339.957.339c.835 0 1.4-.62 1.4-1.25c0-.502-.345-.984-.915-1.173L13.4 7.35V2h2v2.756A8 8 0 0 1 20 12a8 8 0 0 1-4.6 7.244V22h-2v-5.35l.685-.227c.57-.189.915-.671.915-1.173c0-.63-.565-1.25-1.4-1.25c-.378 0-.711.133-.957.339l-.643.54l-.643-.54A1.48 1.48 0 0 0 10.4 14c-.835 0-1.4.62-1.4 1.25c0 .502.345.984.915 1.173l.685.227V22h-2v-2.756A8 8 0 0 1 4 12a8 8 0 0 1 4.6-7.244V2z"/><path fill-rule="evenodd" d="m10.6 7.35l-.685.227C9.345 7.766 9 8.248 9 8.75c0 .63.565 1.25 1.4 1.25c.378 0 .711-.133.957-.339l.643-.54l.643.54m0 0c.246.206.58.339.957.339c.835 0 1.4-.62 1.4-1.25c0-.502-.345-.984-.915-1.173L13.4 7.35V2h2v2.756A8 8 0 0 1 20 12a8 8 0 0 1-4.6 7.244V22h-2v-5.35l.685-.227c.57-.189.915-.671.915-1.173c0-.63-.565-1.25-1.4-1.25c-.378 0-.711.133-.957.339l-.643.54l-.643-.54A1.48 1.48 0 0 0 10.4 14c-.835 0-1.4.62-1.4 1.25c0 .502.345.984.915 1.173l.685.227V22h-2v-2.756A8 8 0 0 1 4 12a8 8 0 0 1 4.6-7.244V2h2v5.35m6.4 7.97v-.07c0-1.828-1.556-3.25-3.4-3.25c1.844 0 3.4-1.422 3.4-3.25v-.07c.632.952 1 2.094 1 3.32a5.97 5.97 0 0 1-1 3.32m-5-3.702c.48.245 1.025.382 1.6.382c-.575 0-1.12.137-1.6.382A3.5 3.5 0 0 0 10.403 12c.573 0 1.118-.137 1.597-.382M7 8.681c-.632.95-1 2.093-1 3.319s.368 2.368 1 3.32v-.07c0-1.827 1.554-3.249 3.397-3.25C8.554 11.999 7 10.577 7 8.75z" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsJoints24px(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10.6 2v5.35l-.685.227C9.345 7.766 9 8.248 9 8.75c0 .63.565 1.25 1.4 1.25c.378 0 .711-.133.957-.339l.643-.54l.643.54c.246.206.58.339.957.339c.835 0 1.4-.62 1.4-1.25c0-.502-.345-.984-.915-1.173L13.4 7.35V2h2v2.756A8 8 0 0 1 20 12a8 8 0 0 1-4.6 7.244V22h-2v-5.35l.685-.227c.57-.189.915-.671.915-1.173c0-.63-.565-1.25-1.4-1.25c-.378 0-.711.133-.957.339l-.643.54l-.643-.54A1.48 1.48 0 0 0 10.4 14c-.835 0-1.4.62-1.4 1.25c0 .502.345.984.915 1.173l.685.227V22h-2v-2.756A8 8 0 0 1 4 12a8 8 0 0 1 4.6-7.244V2z"/><path fillRule="evenodd" d="m10.6 7.35l-.685.227C9.345 7.766 9 8.248 9 8.75c0 .63.565 1.25 1.4 1.25c.378 0 .711-.133.957-.339l.643-.54l.643.54m0 0c.246.206.58.339.957.339c.835 0 1.4-.62 1.4-1.25c0-.502-.345-.984-.915-1.173L13.4 7.35V2h2v2.756A8 8 0 0 1 20 12a8 8 0 0 1-4.6 7.244V22h-2v-5.35l.685-.227c.57-.189.915-.671.915-1.173c0-.63-.565-1.25-1.4-1.25c-.378 0-.711.133-.957.339l-.643.54l-.643-.54A1.48 1.48 0 0 0 10.4 14c-.835 0-1.4.62-1.4 1.25c0 .502.345.984.915 1.173l.685.227V22h-2v-2.756A8 8 0 0 1 4 12a8 8 0 0 1 4.6-7.244V2h2v5.35m6.4 7.97v-.07c0-1.828-1.556-3.25-3.4-3.25c1.844 0 3.4-1.422 3.4-3.25v-.07c.632.952 1 2.094 1 3.32a5.97 5.97 0 0 1-1 3.32m-5-3.702c.48.245 1.025.382 1.6.382c-.575 0-1.12.137-1.6.382A3.5 3.5 0 0 0 10.403 12c.573 0 1.118-.137 1.597-.382M7 8.681c-.632.95-1 2.093-1 3.319s.368 2.368 1 3.32v-.07c0-1.827 1.554-3.249 3.397-3.25C8.554 11.999 7 10.577 7 8.75z" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10.6 2v5.35l-.685.227C9.345 7.766 9 8.248 9 8.75c0 .63.565 1.25 1.4 1.25c.378 0 .711-.133.957-.339l.643-.54l.643.54c.246.206.58.339.957.339c.835 0 1.4-.62 1.4-1.25c0-.502-.345-.984-.915-1.173L13.4 7.35V2h2v2.756A8 8 0 0 1 20 12a8 8 0 0 1-4.6 7.244V22h-2v-5.35l.685-.227c.57-.189.915-.671.915-1.173c0-.63-.565-1.25-1.4-1.25c-.378 0-.711.133-.957.339l-.643.54l-.643-.54A1.48 1.48 0 0 0 10.4 14c-.835 0-1.4.62-1.4 1.25c0 .502.345.984.915 1.173l.685.227V22h-2v-2.756A8 8 0 0 1 4 12a8 8 0 0 1 4.6-7.244V2z"/><path fill-rule="evenodd" d="m10.6 7.35l-.685.227C9.345 7.766 9 8.248 9 8.75c0 .63.565 1.25 1.4 1.25c.378 0 .711-.133.957-.339l.643-.54l.643.54m0 0c.246.206.58.339.957.339c.835 0 1.4-.62 1.4-1.25c0-.502-.345-.984-.915-1.173L13.4 7.35V2h2v2.756A8 8 0 0 1 20 12a8 8 0 0 1-4.6 7.244V22h-2v-5.35l.685-.227c.57-.189.915-.671.915-1.173c0-.63-.565-1.25-1.4-1.25c-.378 0-.711.133-.957.339l-.643.54l-.643-.54A1.48 1.48 0 0 0 10.4 14c-.835 0-1.4.62-1.4 1.25c0 .502.345.984.915 1.173l.685.227V22h-2v-2.756A8 8 0 0 1 4 12a8 8 0 0 1 4.6-7.244V2h2v5.35m6.4 7.97v-.07c0-1.828-1.556-3.25-3.4-3.25c1.844 0 3.4-1.422 3.4-3.25v-.07c.632.952 1 2.094 1 3.32a5.97 5.97 0 0 1-1 3.32m-5-3.702c.48.245 1.025.382 1.6.382c-.575 0-1.12.137-1.6.382A3.5 3.5 0 0 0 10.403 12c.573 0 1.118-.137 1.597-.382M7 8.681c-.632.95-1 2.093-1 3.319s.368 2.368 1 3.32v-.07c0-1.827 1.554-3.249 3.397-3.25C8.554 11.999 7 10.577 7 8.75z" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-joints-24px {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M10.6%202v5.35l-.685.227C9.345%207.766%209%208.248%209%208.75c0%20.63.565%201.25%201.4%201.25c.378%200%20.711-.133.957-.339l.643-.54l.643.54c.246.206.58.339.957.339c.835%200%201.4-.62%201.4-1.25c0-.502-.345-.984-.915-1.173L13.4%207.35V2h2v2.756A8%208%200%200%201%2020%2012a8%208%200%200%201-4.6%207.244V22h-2v-5.35l.685-.227c.57-.189.915-.671.915-1.173c0-.63-.565-1.25-1.4-1.25c-.378%200-.711.133-.957.339l-.643.54l-.643-.54A1.48%201.48%200%200%200%2010.4%2014c-.835%200-1.4.62-1.4%201.25c0%20.502.345.984.915%201.173l.685.227V22h-2v-2.756A8%208%200%200%201%204%2012a8%208%200%200%201%204.6-7.244V2z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m10.6%207.35l-.685.227C9.345%207.766%209%208.248%209%208.75c0%20.63.565%201.25%201.4%201.25c.378%200%20.711-.133.957-.339l.643-.54l.643.54m0%200c.246.206.58.339.957.339c.835%200%201.4-.62%201.4-1.25c0-.502-.345-.984-.915-1.173L13.4%207.35V2h2v2.756A8%208%200%200%201%2020%2012a8%208%200%200%201-4.6%207.244V22h-2v-5.35l.685-.227c.57-.189.915-.671.915-1.173c0-.63-.565-1.25-1.4-1.25c-.378%200-.711.133-.957.339l-.643.54l-.643-.54A1.48%201.48%200%200%200%2010.4%2014c-.835%200-1.4.62-1.4%201.25c0%20.502.345.984.915%201.173l.685.227V22h-2v-2.756A8%208%200%200%201%204%2012a8%208%200%200%201%204.6-7.244V2h2v5.35m6.4%207.97v-.07c0-1.828-1.556-3.25-3.4-3.25c1.844%200%203.4-1.422%203.4-3.25v-.07c.632.952%201%202.094%201%203.32a5.97%205.97%200%200%201-1%203.32m-5-3.702c.48.245%201.025.382%201.6.382c-.575%200-1.12.137-1.6.382A3.5%203.5%200%200%200%2010.403%2012c.573%200%201.118-.137%201.597-.382M7%208.681c-.632.95-1%202.093-1%203.319s.368%202.368%201%203.32v-.07c0-1.827%201.554-3.249%203.397-3.25C8.554%2011.999%207%2010.577%207%208.75z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M10.6%202v5.35l-.685.227C9.345%207.766%209%208.248%209%208.75c0%20.63.565%201.25%201.4%201.25c.378%200%20.711-.133.957-.339l.643-.54l.643.54c.246.206.58.339.957.339c.835%200%201.4-.62%201.4-1.25c0-.502-.345-.984-.915-1.173L13.4%207.35V2h2v2.756A8%208%200%200%201%2020%2012a8%208%200%200%201-4.6%207.244V22h-2v-5.35l.685-.227c.57-.189.915-.671.915-1.173c0-.63-.565-1.25-1.4-1.25c-.378%200-.711.133-.957.339l-.643.54l-.643-.54A1.48%201.48%200%200%200%2010.4%2014c-.835%200-1.4.62-1.4%201.25c0%20.502.345.984.915%201.173l.685.227V22h-2v-2.756A8%208%200%200%201%204%2012a8%208%200%200%201%204.6-7.244V2z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m10.6%207.35l-.685.227C9.345%207.766%209%208.248%209%208.75c0%20.63.565%201.25%201.4%201.25c.378%200%20.711-.133.957-.339l.643-.54l.643.54m0%200c.246.206.58.339.957.339c.835%200%201.4-.62%201.4-1.25c0-.502-.345-.984-.915-1.173L13.4%207.35V2h2v2.756A8%208%200%200%201%2020%2012a8%208%200%200%201-4.6%207.244V22h-2v-5.35l.685-.227c.57-.189.915-.671.915-1.173c0-.63-.565-1.25-1.4-1.25c-.378%200-.711.133-.957.339l-.643.54l-.643-.54A1.48%201.48%200%200%200%2010.4%2014c-.835%200-1.4.62-1.4%201.25c0%20.502.345.984.915%201.173l.685.227V22h-2v-2.756A8%208%200%200%201%204%2012a8%208%200%200%201%204.6-7.244V2h2v5.35m6.4%207.97v-.07c0-1.828-1.556-3.25-3.4-3.25c1.844%200%203.4-1.422%203.4-3.25v-.07c.632.952%201%202.094%201%203.32a5.97%205.97%200%200%201-1%203.32m-5-3.702c.48.245%201.025.382%201.6.382c-.575%200-1.12.137-1.6.382A3.5%203.5%200%200%200%2010.403%2012c.573%200%201.118-.137%201.597-.382M7%208.681c-.632.95-1%202.093-1%203.319s.368%202.368%201%203.32v-.07c0-1.827%201.554-3.249%203.397-3.25C8.554%2011.999%207%2010.577%207%208.75z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/joints-24px.svg?color=%231a73e8&size=48
