hospital icon
hospital-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- hospital-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
The same icon in other sets
hospitalBootstrap IconshospitalCarbonhospitalEmoji One (Colored)hospitalFont Awesome 6 RegularhospitalFont Awesome 6 SolidhospitalFont Awesome RegularhospitalFont Awesome SolidhospitalFluent EmojihospitalFluent Emoji FlathospitalFluent Emoji High ContrasthospitalFirefox OS EmojihospitalHealth IconshospitalIconParkhospitalIconPark OutlinehospitalIconPark SolidhospitalIconPark TwoTonehospitalIconoirhospitalLine AwesomehospitalLucidehospitalMaterial Design Iconshospital-fillMingCute IconhospitalNoto EmojihospitalOpenMojihospitalPhosphor
Use the hospital icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.5 21.25c1.285 0 2.25-1.093 2.25-2.344V5.094c0-1.251-.965-2.344-2.25-2.344h-8c-1.285 0-2.25 1.093-2.25 2.344v6.29a2.2 2.2 0 0 0-.75-.134h-4c-1.285 0-2.25 1.093-2.25 2.344v5.312c0 1.251.965 2.344 2.25 2.344zM16 14.875c.372 0 .75.334.75.844v4.031h-2.5v-4.031c0-.51.378-.844.75-.844zm-1.15-3.82V9.918H13.8a.75.75 0 0 1 0-1.5h1.05v-1.14a.75.75 0 0 1 1.5 0v1.14h1.05l.077.004a.75.75 0 0 1 0 1.492l-.077.004h-1.05v1.139a.75.75 0 0 1-1.5 0M7.5 16.918l.077.004a.75.75 0 0 1 0 1.492l-.077.004H5.7a.75.75 0 0 1 0-1.5zm0-2.834a.75.75 0 0 1 0 1.5H5.7a.75.75 0 0 1 0-1.5z"/></svg>
React
import type { SVGProps } from "react";
export function MynauiHospitalSolid(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="M19.5 21.25c1.285 0 2.25-1.093 2.25-2.344V5.094c0-1.251-.965-2.344-2.25-2.344h-8c-1.285 0-2.25 1.093-2.25 2.344v6.29a2.2 2.2 0 0 0-.75-.134h-4c-1.285 0-2.25 1.093-2.25 2.344v5.312c0 1.251.965 2.344 2.25 2.344zM16 14.875c.372 0 .75.334.75.844v4.031h-2.5v-4.031c0-.51.378-.844.75-.844zm-1.15-3.82V9.918H13.8a.75.75 0 0 1 0-1.5h1.05v-1.14a.75.75 0 0 1 1.5 0v1.14h1.05l.077.004a.75.75 0 0 1 0 1.492l-.077.004h-1.05v1.139a.75.75 0 0 1-1.5 0M7.5 16.918l.077.004a.75.75 0 0 1 0 1.492l-.077.004H5.7a.75.75 0 0 1 0-1.5zm0-2.834a.75.75 0 0 1 0 1.5H5.7a.75.75 0 0 1 0-1.5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.5 21.25c1.285 0 2.25-1.093 2.25-2.344V5.094c0-1.251-.965-2.344-2.25-2.344h-8c-1.285 0-2.25 1.093-2.25 2.344v6.29a2.2 2.2 0 0 0-.75-.134h-4c-1.285 0-2.25 1.093-2.25 2.344v5.312c0 1.251.965 2.344 2.25 2.344zM16 14.875c.372 0 .75.334.75.844v4.031h-2.5v-4.031c0-.51.378-.844.75-.844zm-1.15-3.82V9.918H13.8a.75.75 0 0 1 0-1.5h1.05v-1.14a.75.75 0 0 1 1.5 0v1.14h1.05l.077.004a.75.75 0 0 1 0 1.492l-.077.004h-1.05v1.139a.75.75 0 0 1-1.5 0M7.5 16.918l.077.004a.75.75 0 0 1 0 1.492l-.077.004H5.7a.75.75 0 0 1 0-1.5zm0-2.834a.75.75 0 0 1 0 1.5H5.7a.75.75 0 0 1 0-1.5z"/></svg> </template>
CSS
.icon-hospital-solid {
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%22M19.5%2021.25c1.285%200%202.25-1.093%202.25-2.344V5.094c0-1.251-.965-2.344-2.25-2.344h-8c-1.285%200-2.25%201.093-2.25%202.344v6.29a2.2%202.2%200%200%200-.75-.134h-4c-1.285%200-2.25%201.093-2.25%202.344v5.312c0%201.251.965%202.344%202.25%202.344zM16%2014.875c.372%200%20.75.334.75.844v4.031h-2.5v-4.031c0-.51.378-.844.75-.844zm-1.15-3.82V9.918H13.8a.75.75%200%200%201%200-1.5h1.05v-1.14a.75.75%200%200%201%201.5%200v1.14h1.05l.077.004a.75.75%200%200%201%200%201.492l-.077.004h-1.05v1.139a.75.75%200%200%201-1.5%200M7.5%2016.918l.077.004a.75.75%200%200%201%200%201.492l-.077.004H5.7a.75.75%200%200%201%200-1.5zm0-2.834a.75.75%200%200%201%200%201.5H5.7a.75.75%200%200%201%200-1.5z%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%22M19.5%2021.25c1.285%200%202.25-1.093%202.25-2.344V5.094c0-1.251-.965-2.344-2.25-2.344h-8c-1.285%200-2.25%201.093-2.25%202.344v6.29a2.2%202.2%200%200%200-.75-.134h-4c-1.285%200-2.25%201.093-2.25%202.344v5.312c0%201.251.965%202.344%202.25%202.344zM16%2014.875c.372%200%20.75.334.75.844v4.031h-2.5v-4.031c0-.51.378-.844.75-.844zm-1.15-3.82V9.918H13.8a.75.75%200%200%201%200-1.5h1.05v-1.14a.75.75%200%200%201%201.5%200v1.14h1.05l.077.004a.75.75%200%200%201%200%201.492l-.077.004h-1.05v1.139a.75.75%200%200%201-1.5%200M7.5%2016.918l.077.004a.75.75%200%200%201%200%201.492l-.077.004H5.7a.75.75%200%200%201%200-1.5zm0-2.834a.75.75%200%200%201%200%201.5H5.7a.75.75%200%200%201%200-1.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/hospital-solid.svg?color=%231a73e8&size=48
