medical cross icon

medical-cross-filled from Tabler Icons by Paweł Kuna · Filled · MIT Free for personal and commercial use.

Name: medical-cross-filled
Set: Tabler Icons
Style: Filled
Viewbox: 24×24
License: MIT

1 other variant in Tabler Icons

Related icons in Tabler Icons

Use the medical cross icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m11 2l-.15.005A2 2 0 0 0 9 4v2.803L6.572 5.402a2 2 0 0 0-2.732.732l-1 1.732l-.073.138a2 2 0 0 0 .805 2.594L5.999 12l-2.427 1.402a2 2 0 0 0-.732 2.732l1 1.732l.083.132a2 2 0 0 0 2.649.6L9 17.196V20a2 2 0 0 0 2 2h2l.15-.005A2 2 0 0 0 15 20v-2.804l2.428 1.403a2 2 0 0 0 2.732-.732l1-1.732l.073-.138a2 2 0 0 0-.805-2.594L18 12l2.428-1.402a2 2 0 0 0 .732-2.732l-1-1.732l-.083-.132a2 2 0 0 0-2.649-.6L15 6.802V4a2 2 0 0 0-2-2z"/></svg>

React

import type { SVGProps } from "react";

export function TablerMedicalCrossFilled(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="m11 2l-.15.005A2 2 0 0 0 9 4v2.803L6.572 5.402a2 2 0 0 0-2.732.732l-1 1.732l-.073.138a2 2 0 0 0 .805 2.594L5.999 12l-2.427 1.402a2 2 0 0 0-.732 2.732l1 1.732l.083.132a2 2 0 0 0 2.649.6L9 17.196V20a2 2 0 0 0 2 2h2l.15-.005A2 2 0 0 0 15 20v-2.804l2.428 1.403a2 2 0 0 0 2.732-.732l1-1.732l.073-.138a2 2 0 0 0-.805-2.594L18 12l2.428-1.402a2 2 0 0 0 .732-2.732l-1-1.732l-.083-.132a2 2 0 0 0-2.649-.6L15 6.802V4a2 2 0 0 0-2-2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m11 2l-.15.005A2 2 0 0 0 9 4v2.803L6.572 5.402a2 2 0 0 0-2.732.732l-1 1.732l-.073.138a2 2 0 0 0 .805 2.594L5.999 12l-2.427 1.402a2 2 0 0 0-.732 2.732l1 1.732l.083.132a2 2 0 0 0 2.649.6L9 17.196V20a2 2 0 0 0 2 2h2l.15-.005A2 2 0 0 0 15 20v-2.804l2.428 1.403a2 2 0 0 0 2.732-.732l1-1.732l.073-.138a2 2 0 0 0-.805-2.594L18 12l2.428-1.402a2 2 0 0 0 .732-2.732l-1-1.732l-.083-.132a2 2 0 0 0-2.649-.6L15 6.802V4a2 2 0 0 0-2-2z"/></svg>
</template>

CSS

.icon-medical-cross-filled {
  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%22m11%202l-.15.005A2%202%200%200%200%209%204v2.803L6.572%205.402a2%202%200%200%200-2.732.732l-1%201.732l-.073.138a2%202%200%200%200%20.805%202.594L5.999%2012l-2.427%201.402a2%202%200%200%200-.732%202.732l1%201.732l.083.132a2%202%200%200%200%202.649.6L9%2017.196V20a2%202%200%200%200%202%202h2l.15-.005A2%202%200%200%200%2015%2020v-2.804l2.428%201.403a2%202%200%200%200%202.732-.732l1-1.732l.073-.138a2%202%200%200%200-.805-2.594L18%2012l2.428-1.402a2%202%200%200%200%20.732-2.732l-1-1.732l-.083-.132a2%202%200%200%200-2.649-.6L15%206.802V4a2%202%200%200%200-2-2z%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%22m11%202l-.15.005A2%202%200%200%200%209%204v2.803L6.572%205.402a2%202%200%200%200-2.732.732l-1%201.732l-.073.138a2%202%200%200%200%20.805%202.594L5.999%2012l-2.427%201.402a2%202%200%200%200-.732%202.732l1%201.732l.083.132a2%202%200%200%200%202.649.6L9%2017.196V20a2%202%200%200%200%202%202h2l.15-.005A2%202%200%200%200%2015%2020v-2.804l2.428%201.403a2%202%200%200%200%202.732-.732l1-1.732l.073-.138a2%202%200%200%200-.805-2.594L18%2012l2.428-1.402a2%202%200%200%200%20.732-2.732l-1-1.732l-.083-.132a2%202%200%200%200-2.649-.6L15%206.802V4a2%202%200%200%200-2-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tabler/medical-cross-filled.svg?color=%231a73e8&size=48