hospital shield icon

hospital-shield-fill from Mage Icons by MageIcons · Fill · Apache-2.0 Free for personal and commercial use.

Name: hospital-shield-fill
Set: Mage Icons
Style: Fill
Viewbox: 24×24
License: Apache 2.0

1 other variant in Mage Icons

Related icons in Mage Icons

hospital-circle hospital-plus hospital-square

Use the hospital shield icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.945 5.069a2.75 2.75 0 0 0-1.33-1l-4.92-1.64a8.58 8.58 0 0 0-5.35 0l-4.91 1.64a2.67 2.67 0 0 0-1.83 2.54v5.28a8.44 8.44 0 0 0 4 7.16l4 2.55a2.72 2.72 0 0 0 2.84 0l4-2.55a8.54 8.54 0 0 0 2.9-3.07a8.44 8.44 0 0 0 1.05-4.09v-5.28a2.66 2.66 0 0 0-.45-1.54m-4.13 7.2a1.2 1.2 0 0 1-1.2 1.2h-1.49v1.5a1.2 1.2 0 0 1-1.2 1.2h-1.8a1.19 1.19 0 0 1-1.2-1.2v-1.53h-1.5a1.25 1.25 0 0 1-.85-.35a1.2 1.2 0 0 1-.35-.85v-1.8c0-.316.126-.618.35-.84a1.2 1.2 0 0 1 .85-.36h1.5v-1.49a1.2 1.2 0 0 1 1.2-1.2h1.8a1.15 1.15 0 0 1 .84.35a1.2 1.2 0 0 1 .36.85v1.49h1.49a1.18 1.18 0 0 1 .85.36a1.15 1.15 0 0 1 .35.84z"/><path fill="currentColor" d="M15.315 10.769v1.2h-1.94a.75.75 0 0 0-.75.75v1.95h-1.2v-1.95a.76.76 0 0 0-.75-.75h-1.95v-1.2h1.95a.75.75 0 0 0 .75-.75v-1.94h1.2v1.94a.74.74 0 0 0 .75.75z"/></svg>

React

import type { SVGProps } from "react";

export function MageHospitalShieldFill(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="M20.945 5.069a2.75 2.75 0 0 0-1.33-1l-4.92-1.64a8.58 8.58 0 0 0-5.35 0l-4.91 1.64a2.67 2.67 0 0 0-1.83 2.54v5.28a8.44 8.44 0 0 0 4 7.16l4 2.55a2.72 2.72 0 0 0 2.84 0l4-2.55a8.54 8.54 0 0 0 2.9-3.07a8.44 8.44 0 0 0 1.05-4.09v-5.28a2.66 2.66 0 0 0-.45-1.54m-4.13 7.2a1.2 1.2 0 0 1-1.2 1.2h-1.49v1.5a1.2 1.2 0 0 1-1.2 1.2h-1.8a1.19 1.19 0 0 1-1.2-1.2v-1.53h-1.5a1.25 1.25 0 0 1-.85-.35a1.2 1.2 0 0 1-.35-.85v-1.8c0-.316.126-.618.35-.84a1.2 1.2 0 0 1 .85-.36h1.5v-1.49a1.2 1.2 0 0 1 1.2-1.2h1.8a1.15 1.15 0 0 1 .84.35a1.2 1.2 0 0 1 .36.85v1.49h1.49a1.18 1.18 0 0 1 .85.36a1.15 1.15 0 0 1 .35.84z"/><path fill="currentColor" d="M15.315 10.769v1.2h-1.94a.75.75 0 0 0-.75.75v1.95h-1.2v-1.95a.76.76 0 0 0-.75-.75h-1.95v-1.2h1.95a.75.75 0 0 0 .75-.75v-1.94h1.2v1.94a.74.74 0 0 0 .75.75z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.945 5.069a2.75 2.75 0 0 0-1.33-1l-4.92-1.64a8.58 8.58 0 0 0-5.35 0l-4.91 1.64a2.67 2.67 0 0 0-1.83 2.54v5.28a8.44 8.44 0 0 0 4 7.16l4 2.55a2.72 2.72 0 0 0 2.84 0l4-2.55a8.54 8.54 0 0 0 2.9-3.07a8.44 8.44 0 0 0 1.05-4.09v-5.28a2.66 2.66 0 0 0-.45-1.54m-4.13 7.2a1.2 1.2 0 0 1-1.2 1.2h-1.49v1.5a1.2 1.2 0 0 1-1.2 1.2h-1.8a1.19 1.19 0 0 1-1.2-1.2v-1.53h-1.5a1.25 1.25 0 0 1-.85-.35a1.2 1.2 0 0 1-.35-.85v-1.8c0-.316.126-.618.35-.84a1.2 1.2 0 0 1 .85-.36h1.5v-1.49a1.2 1.2 0 0 1 1.2-1.2h1.8a1.15 1.15 0 0 1 .84.35a1.2 1.2 0 0 1 .36.85v1.49h1.49a1.18 1.18 0 0 1 .85.36a1.15 1.15 0 0 1 .35.84z"/><path fill="currentColor" d="M15.315 10.769v1.2h-1.94a.75.75 0 0 0-.75.75v1.95h-1.2v-1.95a.76.76 0 0 0-.75-.75h-1.95v-1.2h1.95a.75.75 0 0 0 .75-.75v-1.94h1.2v1.94a.74.74 0 0 0 .75.75z"/></svg>
</template>

CSS

.icon-hospital-shield-fill {
  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%22M20.945%205.069a2.75%202.75%200%200%200-1.33-1l-4.92-1.64a8.58%208.58%200%200%200-5.35%200l-4.91%201.64a2.67%202.67%200%200%200-1.83%202.54v5.28a8.44%208.44%200%200%200%204%207.16l4%202.55a2.72%202.72%200%200%200%202.84%200l4-2.55a8.54%208.54%200%200%200%202.9-3.07a8.44%208.44%200%200%200%201.05-4.09v-5.28a2.66%202.66%200%200%200-.45-1.54m-4.13%207.2a1.2%201.2%200%200%201-1.2%201.2h-1.49v1.5a1.2%201.2%200%200%201-1.2%201.2h-1.8a1.19%201.19%200%200%201-1.2-1.2v-1.53h-1.5a1.25%201.25%200%200%201-.85-.35a1.2%201.2%200%200%201-.35-.85v-1.8c0-.316.126-.618.35-.84a1.2%201.2%200%200%201%20.85-.36h1.5v-1.49a1.2%201.2%200%200%201%201.2-1.2h1.8a1.15%201.15%200%200%201%20.84.35a1.2%201.2%200%200%201%20.36.85v1.49h1.49a1.18%201.18%200%200%201%20.85.36a1.15%201.15%200%200%201%20.35.84z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.315%2010.769v1.2h-1.94a.75.75%200%200%200-.75.75v1.95h-1.2v-1.95a.76.76%200%200%200-.75-.75h-1.95v-1.2h1.95a.75.75%200%200%200%20.75-.75v-1.94h1.2v1.94a.74.74%200%200%200%20.75.75z%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%22M20.945%205.069a2.75%202.75%200%200%200-1.33-1l-4.92-1.64a8.58%208.58%200%200%200-5.35%200l-4.91%201.64a2.67%202.67%200%200%200-1.83%202.54v5.28a8.44%208.44%200%200%200%204%207.16l4%202.55a2.72%202.72%200%200%200%202.84%200l4-2.55a8.54%208.54%200%200%200%202.9-3.07a8.44%208.44%200%200%200%201.05-4.09v-5.28a2.66%202.66%200%200%200-.45-1.54m-4.13%207.2a1.2%201.2%200%200%201-1.2%201.2h-1.49v1.5a1.2%201.2%200%200%201-1.2%201.2h-1.8a1.19%201.19%200%200%201-1.2-1.2v-1.53h-1.5a1.25%201.25%200%200%201-.85-.35a1.2%201.2%200%200%201-.35-.85v-1.8c0-.316.126-.618.35-.84a1.2%201.2%200%200%201%20.85-.36h1.5v-1.49a1.2%201.2%200%200%201%201.2-1.2h1.8a1.15%201.15%200%200%201%20.84.35a1.2%201.2%200%200%201%20.36.85v1.49h1.49a1.18%201.18%200%200%201%20.85.36a1.15%201.15%200%200%201%20.35.84z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.315%2010.769v1.2h-1.94a.75.75%200%200%200-.75.75v1.95h-1.2v-1.95a.76.76%200%200%200-.75-.75h-1.95v-1.2h1.95a.75.75%200%200%200%20.75-.75v-1.94h1.2v1.94a.74.74%200%200%200%20.75.75z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/hospital-shield-fill.svg?color=%231a73e8&size=48