home quarantine icon
home-quarantine-24px from Health Icons by Resolve to Save Lives · Filled 24px · Symbols · MIT Free for personal and commercial use.
- Name
- home-quarantine-24px
- Set
- Health Icons
- Style
- Filled 24px
- Category
- Symbols
- Viewbox
- 24×24
- License
- MIT
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 24 24"><g fill="currentColor"><path d="M10 8a2 2 0 1 1 4 0a2 2 0 0 1-4 0"/><path fill-rule="evenodd" d="M4.8 21c-.994 0-1.8-.864-1.8-1.93V8.684c0-.67.324-1.292.856-1.643l7.2-3.754a1.7 1.7 0 0 1 1.888 0l7.2 3.754c.532.351.856.973.856 1.643V19.07c0 1.066-.806 1.93-1.8 1.93zM12 4.93l7.2 3.754V19.07h-4.371c.153-1.027.296-2.07.296-2.07H16.5a.486.486 0 0 0 .49-.5C16.875 13.377 15.623 11 12 11s-4.874 2.377-4.99 5.5c-.011.276.214.5.49.5h1.375s.143 1.043.296 2.07H4.8V8.684z" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsHomeQuarantine24px(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10 8a2 2 0 1 1 4 0a2 2 0 0 1-4 0"/><path fillRule="evenodd" d="M4.8 21c-.994 0-1.8-.864-1.8-1.93V8.684c0-.67.324-1.292.856-1.643l7.2-3.754a1.7 1.7 0 0 1 1.888 0l7.2 3.754c.532.351.856.973.856 1.643V19.07c0 1.066-.806 1.93-1.8 1.93zM12 4.93l7.2 3.754V19.07h-4.371c.153-1.027.296-2.07.296-2.07H16.5a.486.486 0 0 0 .49-.5C16.875 13.377 15.623 11 12 11s-4.874 2.377-4.99 5.5c-.011.276.214.5.49.5h1.375s.143 1.043.296 2.07H4.8V8.684z" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10 8a2 2 0 1 1 4 0a2 2 0 0 1-4 0"/><path fill-rule="evenodd" d="M4.8 21c-.994 0-1.8-.864-1.8-1.93V8.684c0-.67.324-1.292.856-1.643l7.2-3.754a1.7 1.7 0 0 1 1.888 0l7.2 3.754c.532.351.856.973.856 1.643V19.07c0 1.066-.806 1.93-1.8 1.93zM12 4.93l7.2 3.754V19.07h-4.371c.153-1.027.296-2.07.296-2.07H16.5a.486.486 0 0 0 .49-.5C16.875 13.377 15.623 11 12 11s-4.874 2.377-4.99 5.5c-.011.276.214.5.49.5h1.375s.143 1.043.296 2.07H4.8V8.684z" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-home-quarantine-24px {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M10%208a2%202%200%201%201%204%200a2%202%200%200%201-4%200%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M4.8%2021c-.994%200-1.8-.864-1.8-1.93V8.684c0-.67.324-1.292.856-1.643l7.2-3.754a1.7%201.7%200%200%201%201.888%200l7.2%203.754c.532.351.856.973.856%201.643V19.07c0%201.066-.806%201.93-1.8%201.93zM12%204.93l7.2%203.754V19.07h-4.371c.153-1.027.296-2.07.296-2.07H16.5a.486.486%200%200%200%20.49-.5C16.875%2013.377%2015.623%2011%2012%2011s-4.874%202.377-4.99%205.5c-.011.276.214.5.49.5h1.375s.143%201.043.296%202.07H4.8V8.684z%22%20clip-rule%3D%22evenodd%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M10%208a2%202%200%201%201%204%200a2%202%200%200%201-4%200%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M4.8%2021c-.994%200-1.8-.864-1.8-1.93V8.684c0-.67.324-1.292.856-1.643l7.2-3.754a1.7%201.7%200%200%201%201.888%200l7.2%203.754c.532.351.856.973.856%201.643V19.07c0%201.066-.806%201.93-1.8%201.93zM12%204.93l7.2%203.754V19.07h-4.371c.153-1.027.296-2.07.296-2.07H16.5a.486.486%200%200%200%20.49-.5C16.875%2013.377%2015.623%2011%2012%2011s-4.874%202.377-4.99%205.5c-.011.276.214.5.49.5h1.375s.143%201.043.296%202.07H4.8V8.684z%22%20clip-rule%3D%22evenodd%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-24px.svg?color=%231a73e8&size=48
