home quarantine icon
home-quarantine-outline from Health Icons by Resolve to Save Lives · Outline · Symbols · MIT Free for personal and commercial use.
- Name
- home-quarantine-outline
- Set
- Health Icons
- Style
- Outline
- Category
- Symbols
- Viewbox
- 48×48
- License
- MIT
- Aliases
- home-quarantine2x-outline
3 other variants in Health Icons
More symbols icons from Health Icons
Use the home quarantine icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M24 16a2 2 0 1 0 0 4a2 2 0 0 0 0-4m-4 2a4 4 0 1 1 8 0a4 4 0 0 1-8 0m-.932 7.95A7.16 7.16 0 0 1 24 24c1.841 0 3.616.696 4.932 1.95C30.25 27.205 31 28.917 31 30.714v3.429a1 1 0 0 1-1 1h-1.56l-1.055 6.03A1 1 0 0 1 26.4 42h-4.8a1 1 0 0 1-.985-.828l-1.055-6.03H18a1 1 0 0 1-1-1v-3.428c0-1.797.75-3.51 2.068-4.764M24 26a5.16 5.16 0 0 0-3.553 1.398A4.58 4.58 0 0 0 19 30.714v2.429h1.4a1 1 0 0 1 .985.828L22.44 40h3.12l1.055-6.03a1 1 0 0 1 .985-.827H29v-2.429a4.58 4.58 0 0 0-1.447-3.316A5.16 5.16 0 0 0 24 26"/><path d="M23.398 6.202a1 1 0 0 1 1.204 0l16.43 12.39q.042.032.079.066A2.8 2.8 0 0 1 42 20.6v18.925A2.48 2.48 0 0 1 39.525 42H8.475A2.48 2.48 0 0 1 6 39.525V20.6q0-.03.002-.059c.042-.719.36-1.393.887-1.883a1 1 0 0 1 .079-.066zM8.22 20.15a.8.8 0 0 0-.221.483V39.52a.48.48 0 0 0 .48.48h31.04a.484.484 0 0 0 .48-.48V20.635a.8.8 0 0 0-.22-.483L24 8.253z"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsHomeQuarantineOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor" fillRule="evenodd" clipRule="evenodd"><path d="M24 16a2 2 0 1 0 0 4a2 2 0 0 0 0-4m-4 2a4 4 0 1 1 8 0a4 4 0 0 1-8 0m-.932 7.95A7.16 7.16 0 0 1 24 24c1.841 0 3.616.696 4.932 1.95C30.25 27.205 31 28.917 31 30.714v3.429a1 1 0 0 1-1 1h-1.56l-1.055 6.03A1 1 0 0 1 26.4 42h-4.8a1 1 0 0 1-.985-.828l-1.055-6.03H18a1 1 0 0 1-1-1v-3.428c0-1.797.75-3.51 2.068-4.764M24 26a5.16 5.16 0 0 0-3.553 1.398A4.58 4.58 0 0 0 19 30.714v2.429h1.4a1 1 0 0 1 .985.828L22.44 40h3.12l1.055-6.03a1 1 0 0 1 .985-.827H29v-2.429a4.58 4.58 0 0 0-1.447-3.316A5.16 5.16 0 0 0 24 26"/><path d="M23.398 6.202a1 1 0 0 1 1.204 0l16.43 12.39q.042.032.079.066A2.8 2.8 0 0 1 42 20.6v18.925A2.48 2.48 0 0 1 39.525 42H8.475A2.48 2.48 0 0 1 6 39.525V20.6q0-.03.002-.059c.042-.719.36-1.393.887-1.883a1 1 0 0 1 .079-.066zM8.22 20.15a.8.8 0 0 0-.221.483V39.52a.48.48 0 0 0 .48.48h31.04a.484.484 0 0 0 .48-.48V20.635a.8.8 0 0 0-.22-.483L24 8.253z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M24 16a2 2 0 1 0 0 4a2 2 0 0 0 0-4m-4 2a4 4 0 1 1 8 0a4 4 0 0 1-8 0m-.932 7.95A7.16 7.16 0 0 1 24 24c1.841 0 3.616.696 4.932 1.95C30.25 27.205 31 28.917 31 30.714v3.429a1 1 0 0 1-1 1h-1.56l-1.055 6.03A1 1 0 0 1 26.4 42h-4.8a1 1 0 0 1-.985-.828l-1.055-6.03H18a1 1 0 0 1-1-1v-3.428c0-1.797.75-3.51 2.068-4.764M24 26a5.16 5.16 0 0 0-3.553 1.398A4.58 4.58 0 0 0 19 30.714v2.429h1.4a1 1 0 0 1 .985.828L22.44 40h3.12l1.055-6.03a1 1 0 0 1 .985-.827H29v-2.429a4.58 4.58 0 0 0-1.447-3.316A5.16 5.16 0 0 0 24 26"/><path d="M23.398 6.202a1 1 0 0 1 1.204 0l16.43 12.39q.042.032.079.066A2.8 2.8 0 0 1 42 20.6v18.925A2.48 2.48 0 0 1 39.525 42H8.475A2.48 2.48 0 0 1 6 39.525V20.6q0-.03.002-.059c.042-.719.36-1.393.887-1.883a1 1 0 0 1 .079-.066zM8.22 20.15a.8.8 0 0 0-.221.483V39.52a.48.48 0 0 0 .48.48h31.04a.484.484 0 0 0 .48-.48V20.635a.8.8 0 0 0-.22-.483L24 8.253z"/></g></svg> </template>
CSS
.icon-home-quarantine-outline {
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%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M24%2016a2%202%200%201%200%200%204a2%202%200%200%200%200-4m-4%202a4%204%200%201%201%208%200a4%204%200%200%201-8%200m-.932%207.95A7.16%207.16%200%200%201%2024%2024c1.841%200%203.616.696%204.932%201.95C30.25%2027.205%2031%2028.917%2031%2030.714v3.429a1%201%200%200%201-1%201h-1.56l-1.055%206.03A1%201%200%200%201%2026.4%2042h-4.8a1%201%200%200%201-.985-.828l-1.055-6.03H18a1%201%200%200%201-1-1v-3.428c0-1.797.75-3.51%202.068-4.764M24%2026a5.16%205.16%200%200%200-3.553%201.398A4.58%204.58%200%200%200%2019%2030.714v2.429h1.4a1%201%200%200%201%20.985.828L22.44%2040h3.12l1.055-6.03a1%201%200%200%201%20.985-.827H29v-2.429a4.58%204.58%200%200%200-1.447-3.316A5.16%205.16%200%200%200%2024%2026%22%2F%3E%3Cpath%20d%3D%22M23.398%206.202a1%201%200%200%201%201.204%200l16.43%2012.39q.042.032.079.066A2.8%202.8%200%200%201%2042%2020.6v18.925A2.48%202.48%200%200%201%2039.525%2042H8.475A2.48%202.48%200%200%201%206%2039.525V20.6q0-.03.002-.059c.042-.719.36-1.393.887-1.883a1%201%200%200%201%20.079-.066zM8.22%2020.15a.8.8%200%200%200-.221.483V39.52a.48.48%200%200%200%20.48.48h31.04a.484.484%200%200%200%20.48-.48V20.635a.8.8%200%200%200-.22-.483L24%208.253z%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%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M24%2016a2%202%200%201%200%200%204a2%202%200%200%200%200-4m-4%202a4%204%200%201%201%208%200a4%204%200%200%201-8%200m-.932%207.95A7.16%207.16%200%200%201%2024%2024c1.841%200%203.616.696%204.932%201.95C30.25%2027.205%2031%2028.917%2031%2030.714v3.429a1%201%200%200%201-1%201h-1.56l-1.055%206.03A1%201%200%200%201%2026.4%2042h-4.8a1%201%200%200%201-.985-.828l-1.055-6.03H18a1%201%200%200%201-1-1v-3.428c0-1.797.75-3.51%202.068-4.764M24%2026a5.16%205.16%200%200%200-3.553%201.398A4.58%204.58%200%200%200%2019%2030.714v2.429h1.4a1%201%200%200%201%20.985.828L22.44%2040h3.12l1.055-6.03a1%201%200%200%201%20.985-.827H29v-2.429a4.58%204.58%200%200%200-1.447-3.316A5.16%205.16%200%200%200%2024%2026%22%2F%3E%3Cpath%20d%3D%22M23.398%206.202a1%201%200%200%201%201.204%200l16.43%2012.39q.042.032.079.066A2.8%202.8%200%200%201%2042%2020.6v18.925A2.48%202.48%200%200%201%2039.525%2042H8.475A2.48%202.48%200%200%201%206%2039.525V20.6q0-.03.002-.059c.042-.719.36-1.393.887-1.883a1%201%200%200%201%20.079-.066zM8.22%2020.15a.8.8%200%200%200-.221.483V39.52a.48.48%200%200%200%20.48.48h31.04a.484.484%200%200%200%20.48-.48V20.635a.8.8%200%200%200-.22-.483L24%208.253z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/home-quarantine-outline.svg?color=%231a73e8&size=48
