spine icon
spine-24px from Health Icons by Resolve to Save Lives · Filled 24px · Body · MIT Free for personal and commercial use.
- Name
- spine-24px
- Set
- Health Icons
- Style
- Filled 24px
- Category
- Body
- Viewbox
- 24×24
- License
- MIT
3 other variants in Health Icons
The same icon in other sets
More body icons from Health Icons
Use the spine icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 5h2v.954a.9.9 0 0 0 .507.83A13.2 13.2 0 0 0 12 8a13.2 13.2 0 0 0 5.493-1.215a.9.9 0 0 0 .507-.83V5h2V3h-2.006c-.07-.682-.816-1.13-1.48-.895c-1.154.407-2.834.87-4.514.87s-3.36-.463-4.514-.87c-.664-.234-1.41.213-1.48.895H4zm0 7h2v.954a.9.9 0 0 0 .507.83C7.407 14.209 9.435 15 12 15s4.593-.792 5.493-1.215a.9.9 0 0 0 .507-.83V12h2v-2h-2.006c-.07-.682-.816-1.13-1.48-.895c-1.154.407-2.834.87-4.514.87s-3.36-.463-4.514-.87c-.664-.234-1.41.213-1.48.895H4zm0 7h2v.954a.9.9 0 0 0 .507.83C7.407 21.209 9.435 22 12 22s4.593-.792 5.493-1.215a.9.9 0 0 0 .507-.83V19h2v-2h-2.006c-.07-.682-.816-1.13-1.48-.895c-1.154.407-2.834.87-4.514.87s-3.36-.463-4.514-.87c-.664-.234-1.41.213-1.48.895H4z"/></svg>
React
import type { SVGProps } from "react";
export function HealthiconsSpine24px(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 5h2v.954a.9.9 0 0 0 .507.83A13.2 13.2 0 0 0 12 8a13.2 13.2 0 0 0 5.493-1.215a.9.9 0 0 0 .507-.83V5h2V3h-2.006c-.07-.682-.816-1.13-1.48-.895c-1.154.407-2.834.87-4.514.87s-3.36-.463-4.514-.87c-.664-.234-1.41.213-1.48.895H4zm0 7h2v.954a.9.9 0 0 0 .507.83C7.407 14.209 9.435 15 12 15s4.593-.792 5.493-1.215a.9.9 0 0 0 .507-.83V12h2v-2h-2.006c-.07-.682-.816-1.13-1.48-.895c-1.154.407-2.834.87-4.514.87s-3.36-.463-4.514-.87c-.664-.234-1.41.213-1.48.895H4zm0 7h2v.954a.9.9 0 0 0 .507.83C7.407 21.209 9.435 22 12 22s4.593-.792 5.493-1.215a.9.9 0 0 0 .507-.83V19h2v-2h-2.006c-.07-.682-.816-1.13-1.48-.895c-1.154.407-2.834.87-4.514.87s-3.36-.463-4.514-.87c-.664-.234-1.41.213-1.48.895H4z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 5h2v.954a.9.9 0 0 0 .507.83A13.2 13.2 0 0 0 12 8a13.2 13.2 0 0 0 5.493-1.215a.9.9 0 0 0 .507-.83V5h2V3h-2.006c-.07-.682-.816-1.13-1.48-.895c-1.154.407-2.834.87-4.514.87s-3.36-.463-4.514-.87c-.664-.234-1.41.213-1.48.895H4zm0 7h2v.954a.9.9 0 0 0 .507.83C7.407 14.209 9.435 15 12 15s4.593-.792 5.493-1.215a.9.9 0 0 0 .507-.83V12h2v-2h-2.006c-.07-.682-.816-1.13-1.48-.895c-1.154.407-2.834.87-4.514.87s-3.36-.463-4.514-.87c-.664-.234-1.41.213-1.48.895H4zm0 7h2v.954a.9.9 0 0 0 .507.83C7.407 21.209 9.435 22 12 22s4.593-.792 5.493-1.215a.9.9 0 0 0 .507-.83V19h2v-2h-2.006c-.07-.682-.816-1.13-1.48-.895c-1.154.407-2.834.87-4.514.87s-3.36-.463-4.514-.87c-.664-.234-1.41.213-1.48.895H4z"/></svg> </template>
CSS
.icon-spine-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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4%205h2v.954a.9.9%200%200%200%20.507.83A13.2%2013.2%200%200%200%2012%208a13.2%2013.2%200%200%200%205.493-1.215a.9.9%200%200%200%20.507-.83V5h2V3h-2.006c-.07-.682-.816-1.13-1.48-.895c-1.154.407-2.834.87-4.514.87s-3.36-.463-4.514-.87c-.664-.234-1.41.213-1.48.895H4zm0%207h2v.954a.9.9%200%200%200%20.507.83C7.407%2014.209%209.435%2015%2012%2015s4.593-.792%205.493-1.215a.9.9%200%200%200%20.507-.83V12h2v-2h-2.006c-.07-.682-.816-1.13-1.48-.895c-1.154.407-2.834.87-4.514.87s-3.36-.463-4.514-.87c-.664-.234-1.41.213-1.48.895H4zm0%207h2v.954a.9.9%200%200%200%20.507.83C7.407%2021.209%209.435%2022%2012%2022s4.593-.792%205.493-1.215a.9.9%200%200%200%20.507-.83V19h2v-2h-2.006c-.07-.682-.816-1.13-1.48-.895c-1.154.407-2.834.87-4.514.87s-3.36-.463-4.514-.87c-.664-.234-1.41.213-1.48.895H4z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4%205h2v.954a.9.9%200%200%200%20.507.83A13.2%2013.2%200%200%200%2012%208a13.2%2013.2%200%200%200%205.493-1.215a.9.9%200%200%200%20.507-.83V5h2V3h-2.006c-.07-.682-.816-1.13-1.48-.895c-1.154.407-2.834.87-4.514.87s-3.36-.463-4.514-.87c-.664-.234-1.41.213-1.48.895H4zm0%207h2v.954a.9.9%200%200%200%20.507.83C7.407%2014.209%209.435%2015%2012%2015s4.593-.792%205.493-1.215a.9.9%200%200%200%20.507-.83V12h2v-2h-2.006c-.07-.682-.816-1.13-1.48-.895c-1.154.407-2.834.87-4.514.87s-3.36-.463-4.514-.87c-.664-.234-1.41.213-1.48.895H4zm0%207h2v.954a.9.9%200%200%200%20.507.83C7.407%2021.209%209.435%2022%2012%2022s4.593-.792%205.493-1.215a.9.9%200%200%200%20.507-.83V19h2v-2h-2.006c-.07-.682-.816-1.13-1.48-.895c-1.154.407-2.834.87-4.514.87s-3.36-.463-4.514-.87c-.664-.234-1.41.213-1.48.895H4z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/spine-24px.svg?color=%231a73e8&size=48
