joint icon
joint from Line Awesome by Icons8 · Line · Medical · Apache-2.0 Free for personal and commercial use.
- Name
- joint
- Set
- Line Awesome
- Style
- Line
- Category
- Medical
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- joint-solid
The same icon in other sets
More medical icons from Line Awesome
Use the joint icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M14.906 3.992c-.361.361-.624.8-.935 1.483c-.312.682-.593 1.543-.596 2.498s.327 2.034 1.188 2.857c.86.823 2.157 1.366 3.986 1.6c1.525.194 2.522.464 3.08.799c.558.334.79.669.97 1.488l1.954-.432c-.26-1.18-.9-2.175-1.895-2.771c-.994-.597-2.228-.861-3.855-1.069c-1.558-.198-2.413-.635-2.858-1.06c-.444-.426-.572-.862-.57-1.406c.002-.545.186-1.171.416-1.674c.23-.504.584-.954.53-.899zm5.524.32v2c.62 0 1.443.077 2.052.422c.61.346 1.115.874 1.239 2.336l.076.916h.92c.516 0 1.597.167 2.13.633c.267.233.448.502.51 1.026c.063.523-.03 1.328-.502 2.474l1.85.762c.558-1.358.756-2.493.639-3.473a3.6 3.6 0 0 0-1.182-2.295c-.91-.795-1.904-.977-2.709-1.045c-.346-1.445-1.053-2.546-1.984-3.074c-1.122-.635-2.297-.681-3.04-.681zM30 16L2 17v6l28 1zm-2 2.072v3.856l-2-.073v-3.71zm-4 .143v3.57l-2-.072v-3.426zm-4 .142v3.286L4 21.07v-2.14z"/></svg>
React
import type { SVGProps } from "react";
export function LaJoint(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M14.906 3.992c-.361.361-.624.8-.935 1.483c-.312.682-.593 1.543-.596 2.498s.327 2.034 1.188 2.857c.86.823 2.157 1.366 3.986 1.6c1.525.194 2.522.464 3.08.799c.558.334.79.669.97 1.488l1.954-.432c-.26-1.18-.9-2.175-1.895-2.771c-.994-.597-2.228-.861-3.855-1.069c-1.558-.198-2.413-.635-2.858-1.06c-.444-.426-.572-.862-.57-1.406c.002-.545.186-1.171.416-1.674c.23-.504.584-.954.53-.899zm5.524.32v2c.62 0 1.443.077 2.052.422c.61.346 1.115.874 1.239 2.336l.076.916h.92c.516 0 1.597.167 2.13.633c.267.233.448.502.51 1.026c.063.523-.03 1.328-.502 2.474l1.85.762c.558-1.358.756-2.493.639-3.473a3.6 3.6 0 0 0-1.182-2.295c-.91-.795-1.904-.977-2.709-1.045c-.346-1.445-1.053-2.546-1.984-3.074c-1.122-.635-2.297-.681-3.04-.681zM30 16L2 17v6l28 1zm-2 2.072v3.856l-2-.073v-3.71zm-4 .143v3.57l-2-.072v-3.426zm-4 .142v3.286L4 21.07v-2.14z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M14.906 3.992c-.361.361-.624.8-.935 1.483c-.312.682-.593 1.543-.596 2.498s.327 2.034 1.188 2.857c.86.823 2.157 1.366 3.986 1.6c1.525.194 2.522.464 3.08.799c.558.334.79.669.97 1.488l1.954-.432c-.26-1.18-.9-2.175-1.895-2.771c-.994-.597-2.228-.861-3.855-1.069c-1.558-.198-2.413-.635-2.858-1.06c-.444-.426-.572-.862-.57-1.406c.002-.545.186-1.171.416-1.674c.23-.504.584-.954.53-.899zm5.524.32v2c.62 0 1.443.077 2.052.422c.61.346 1.115.874 1.239 2.336l.076.916h.92c.516 0 1.597.167 2.13.633c.267.233.448.502.51 1.026c.063.523-.03 1.328-.502 2.474l1.85.762c.558-1.358.756-2.493.639-3.473a3.6 3.6 0 0 0-1.182-2.295c-.91-.795-1.904-.977-2.709-1.045c-.346-1.445-1.053-2.546-1.984-3.074c-1.122-.635-2.297-.681-3.04-.681zM30 16L2 17v6l28 1zm-2 2.072v3.856l-2-.073v-3.71zm-4 .143v3.57l-2-.072v-3.426zm-4 .142v3.286L4 21.07v-2.14z"/></svg> </template>
CSS
.icon-joint {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.906%203.992c-.361.361-.624.8-.935%201.483c-.312.682-.593%201.543-.596%202.498s.327%202.034%201.188%202.857c.86.823%202.157%201.366%203.986%201.6c1.525.194%202.522.464%203.08.799c.558.334.79.669.97%201.488l1.954-.432c-.26-1.18-.9-2.175-1.895-2.771c-.994-.597-2.228-.861-3.855-1.069c-1.558-.198-2.413-.635-2.858-1.06c-.444-.426-.572-.862-.57-1.406c.002-.545.186-1.171.416-1.674c.23-.504.584-.954.53-.899zm5.524.32v2c.62%200%201.443.077%202.052.422c.61.346%201.115.874%201.239%202.336l.076.916h.92c.516%200%201.597.167%202.13.633c.267.233.448.502.51%201.026c.063.523-.03%201.328-.502%202.474l1.85.762c.558-1.358.756-2.493.639-3.473a3.6%203.6%200%200%200-1.182-2.295c-.91-.795-1.904-.977-2.709-1.045c-.346-1.445-1.053-2.546-1.984-3.074c-1.122-.635-2.297-.681-3.04-.681zM30%2016L2%2017v6l28%201zm-2%202.072v3.856l-2-.073v-3.71zm-4%20.143v3.57l-2-.072v-3.426zm-4%20.142v3.286L4%2021.07v-2.14z%22%2F%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.906%203.992c-.361.361-.624.8-.935%201.483c-.312.682-.593%201.543-.596%202.498s.327%202.034%201.188%202.857c.86.823%202.157%201.366%203.986%201.6c1.525.194%202.522.464%203.08.799c.558.334.79.669.97%201.488l1.954-.432c-.26-1.18-.9-2.175-1.895-2.771c-.994-.597-2.228-.861-3.855-1.069c-1.558-.198-2.413-.635-2.858-1.06c-.444-.426-.572-.862-.57-1.406c.002-.545.186-1.171.416-1.674c.23-.504.584-.954.53-.899zm5.524.32v2c.62%200%201.443.077%202.052.422c.61.346%201.115.874%201.239%202.336l.076.916h.92c.516%200%201.597.167%202.13.633c.267.233.448.502.51%201.026c.063.523-.03%201.328-.502%202.474l1.85.762c.558-1.358.756-2.493.639-3.473a3.6%203.6%200%200%200-1.182-2.295c-.91-.795-1.904-.977-2.709-1.045c-.346-1.445-1.053-2.546-1.984-3.074c-1.122-.635-2.297-.681-3.04-.681zM30%2016L2%2017v6l28%201zm-2%202.072v3.856l-2-.073v-3.71zm-4%20.143v3.57l-2-.072v-3.426zm-4%20.142v3.286L4%2021.07v-2.14z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/joint.svg?color=%231a73e8&size=48
