hospital three icon
hospital-three from IconPark by ByteDance · Color · Health · Apache-2.0 Free for personal and commercial use.
- Name
- hospital-three
- Set
- IconPark
- Style
- Color
- Category
- Health
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More health icons from IconPark
Use the hospital three icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" stroke-width="4" d="M11 26L11 44L37 44L37 26L24 13L11 26Z"/><path fill="#000" d="M3.58579 21.5858C2.80474 22.3668 2.80474 23.6332 3.58579 24.4142C4.36683 25.1953 5.63316 25.1953 6.41421 24.4142L3.58579 21.5858ZM24 4L25.4142 2.58579C25.0391 2.21071 24.5304 2 24 2C23.4696 2 22.9609 2.21071 22.5858 2.58579L24 4ZM41.5858 24.4142C42.3668 25.1953 43.6332 25.1953 44.4142 24.4142C45.1953 23.6332 45.1953 22.3668 44.4142 21.5858L41.5858 24.4142ZM6.41421 24.4142L25.4142 5.41421L22.5858 2.58579L3.58579 21.5858L6.41421 24.4142ZM22.5858 5.41421L41.5858 24.4142L44.4142 21.5858L25.4142 2.58579L22.5858 5.41421Z"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M19 31L29 31"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M24 26V36"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkHospitalThree(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="#2F88FF" stroke="#000" strokeLinejoin="round" strokeWidth="4" d="M11 26L11 44L37 44L37 26L24 13L11 26Z"/><path fill="#000" d="M3.58579 21.5858C2.80474 22.3668 2.80474 23.6332 3.58579 24.4142C4.36683 25.1953 5.63316 25.1953 6.41421 24.4142L3.58579 21.5858ZM24 4L25.4142 2.58579C25.0391 2.21071 24.5304 2 24 2C23.4696 2 22.9609 2.21071 22.5858 2.58579L24 4ZM41.5858 24.4142C42.3668 25.1953 43.6332 25.1953 44.4142 24.4142C45.1953 23.6332 45.1953 22.3668 44.4142 21.5858L41.5858 24.4142ZM6.41421 24.4142L25.4142 5.41421L22.5858 2.58579L3.58579 21.5858L6.41421 24.4142ZM22.5858 5.41421L41.5858 24.4142L44.4142 21.5858L25.4142 2.58579L22.5858 5.41421Z"/><path stroke="#fff" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4" d="M19 31L29 31"/><path stroke="#fff" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4" d="M24 26V36"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" stroke-width="4" d="M11 26L11 44L37 44L37 26L24 13L11 26Z"/><path fill="#000" d="M3.58579 21.5858C2.80474 22.3668 2.80474 23.6332 3.58579 24.4142C4.36683 25.1953 5.63316 25.1953 6.41421 24.4142L3.58579 21.5858ZM24 4L25.4142 2.58579C25.0391 2.21071 24.5304 2 24 2C23.4696 2 22.9609 2.21071 22.5858 2.58579L24 4ZM41.5858 24.4142C42.3668 25.1953 43.6332 25.1953 44.4142 24.4142C45.1953 23.6332 45.1953 22.3668 44.4142 21.5858L41.5858 24.4142ZM6.41421 24.4142L25.4142 5.41421L22.5858 2.58579L3.58579 21.5858L6.41421 24.4142ZM22.5858 5.41421L41.5858 24.4142L44.4142 21.5858L25.4142 2.58579L22.5858 5.41421Z"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M19 31L29 31"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M24 26V36"/></g></svg> </template>
CSS
.icon-hospital-three {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M11%2026L11%2044L37%2044L37%2026L24%2013L11%2026Z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M3.58579%2021.5858C2.80474%2022.3668%202.80474%2023.6332%203.58579%2024.4142C4.36683%2025.1953%205.63316%2025.1953%206.41421%2024.4142L3.58579%2021.5858ZM24%204L25.4142%202.58579C25.0391%202.21071%2024.5304%202%2024%202C23.4696%202%2022.9609%202.21071%2022.5858%202.58579L24%204ZM41.5858%2024.4142C42.3668%2025.1953%2043.6332%2025.1953%2044.4142%2024.4142C45.1953%2023.6332%2045.1953%2022.3668%2044.4142%2021.5858L41.5858%2024.4142ZM6.41421%2024.4142L25.4142%205.41421L22.5858%202.58579L3.58579%2021.5858L6.41421%2024.4142ZM22.5858%205.41421L41.5858%2024.4142L44.4142%2021.5858L25.4142%202.58579L22.5858%205.41421Z%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M19%2031L29%2031%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M24%2026V36%22%2F%3E%3C%2Fg%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M11%2026L11%2044L37%2044L37%2026L24%2013L11%2026Z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M3.58579%2021.5858C2.80474%2022.3668%202.80474%2023.6332%203.58579%2024.4142C4.36683%2025.1953%205.63316%2025.1953%206.41421%2024.4142L3.58579%2021.5858ZM24%204L25.4142%202.58579C25.0391%202.21071%2024.5304%202%2024%202C23.4696%202%2022.9609%202.21071%2022.5858%202.58579L24%204ZM41.5858%2024.4142C42.3668%2025.1953%2043.6332%2025.1953%2044.4142%2024.4142C45.1953%2023.6332%2045.1953%2022.3668%2044.4142%2021.5858L41.5858%2024.4142ZM6.41421%2024.4142L25.4142%205.41421L22.5858%202.58579L3.58579%2021.5858L6.41421%2024.4142ZM22.5858%205.41421L41.5858%2024.4142L44.4142%2021.5858L25.4142%202.58579L22.5858%205.41421Z%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M19%2031L29%2031%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M24%2026V36%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/hospital-three.svg?color=%231a73e8&size=48
