home quarantine icon
home-quarantine-outline-24px from Health Icons by Resolve to Save Lives · Outline 24px · Symbols · MIT Free for personal and commercial use.
- Name
- home-quarantine-outline-24px
- Set
- Health Icons
- Style
- Outline 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="M19.2 21c.994 0 1.8-.864 1.8-1.93V8.684c0-.67-.324-1.292-.856-1.643l-7.2-3.754a1.7 1.7 0 0 0-1.888 0l-7.2 3.754C3.324 7.392 3 8.014 3 8.684V19.07C3 20.136 3.806 21 4.8 21zm0-12.316L12 4.93L4.8 8.684V19.07h4.37C9.019 18.043 8.876 17 8.876 17H7.5a.486.486 0 0 1-.49-.5C7.125 13.377 8.377 11 12 11s4.874 2.377 4.99 5.5a.485.485 0 0 1-.49.5h-1.375s-.143 1.043-.296 2.07H19.2zm-6.315 9.856l-.068.46h-1.634a129 129 0 0 1-.25-1.718l-.056-.403l-.02-.15a2 2 0 0 0-1.647-1.701c.134-.53.324-.926.547-1.207C10.084 13.41 10.67 13 12 13s1.916.41 2.243.821c.223.281.413.677.547 1.207a2 2 0 0 0-1.646 1.7l-.021.15a300 300 0 0 1-.238 1.662" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsHomeQuarantineOutline24px(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="M19.2 21c.994 0 1.8-.864 1.8-1.93V8.684c0-.67-.324-1.292-.856-1.643l-7.2-3.754a1.7 1.7 0 0 0-1.888 0l-7.2 3.754C3.324 7.392 3 8.014 3 8.684V19.07C3 20.136 3.806 21 4.8 21zm0-12.316L12 4.93L4.8 8.684V19.07h4.37C9.019 18.043 8.876 17 8.876 17H7.5a.486.486 0 0 1-.49-.5C7.125 13.377 8.377 11 12 11s4.874 2.377 4.99 5.5a.485.485 0 0 1-.49.5h-1.375s-.143 1.043-.296 2.07H19.2zm-6.315 9.856l-.068.46h-1.634a129 129 0 0 1-.25-1.718l-.056-.403l-.02-.15a2 2 0 0 0-1.647-1.701c.134-.53.324-.926.547-1.207C10.084 13.41 10.67 13 12 13s1.916.41 2.243.821c.223.281.413.677.547 1.207a2 2 0 0 0-1.646 1.7l-.021.15a300 300 0 0 1-.238 1.662" 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="M19.2 21c.994 0 1.8-.864 1.8-1.93V8.684c0-.67-.324-1.292-.856-1.643l-7.2-3.754a1.7 1.7 0 0 0-1.888 0l-7.2 3.754C3.324 7.392 3 8.014 3 8.684V19.07C3 20.136 3.806 21 4.8 21zm0-12.316L12 4.93L4.8 8.684V19.07h4.37C9.019 18.043 8.876 17 8.876 17H7.5a.486.486 0 0 1-.49-.5C7.125 13.377 8.377 11 12 11s4.874 2.377 4.99 5.5a.485.485 0 0 1-.49.5h-1.375s-.143 1.043-.296 2.07H19.2zm-6.315 9.856l-.068.46h-1.634a129 129 0 0 1-.25-1.718l-.056-.403l-.02-.15a2 2 0 0 0-1.647-1.701c.134-.53.324-.926.547-1.207C10.084 13.41 10.67 13 12 13s1.916.41 2.243.821c.223.281.413.677.547 1.207a2 2 0 0 0-1.646 1.7l-.021.15a300 300 0 0 1-.238 1.662" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-home-quarantine-outline-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%22M19.2%2021c.994%200%201.8-.864%201.8-1.93V8.684c0-.67-.324-1.292-.856-1.643l-7.2-3.754a1.7%201.7%200%200%200-1.888%200l-7.2%203.754C3.324%207.392%203%208.014%203%208.684V19.07C3%2020.136%203.806%2021%204.8%2021zm0-12.316L12%204.93L4.8%208.684V19.07h4.37C9.019%2018.043%208.876%2017%208.876%2017H7.5a.486.486%200%200%201-.49-.5C7.125%2013.377%208.377%2011%2012%2011s4.874%202.377%204.99%205.5a.485.485%200%200%201-.49.5h-1.375s-.143%201.043-.296%202.07H19.2zm-6.315%209.856l-.068.46h-1.634a129%20129%200%200%201-.25-1.718l-.056-.403l-.02-.15a2%202%200%200%200-1.647-1.701c.134-.53.324-.926.547-1.207C10.084%2013.41%2010.67%2013%2012%2013s1.916.41%202.243.821c.223.281.413.677.547%201.207a2%202%200%200%200-1.646%201.7l-.021.15a300%20300%200%200%201-.238%201.662%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%22M19.2%2021c.994%200%201.8-.864%201.8-1.93V8.684c0-.67-.324-1.292-.856-1.643l-7.2-3.754a1.7%201.7%200%200%200-1.888%200l-7.2%203.754C3.324%207.392%203%208.014%203%208.684V19.07C3%2020.136%203.806%2021%204.8%2021zm0-12.316L12%204.93L4.8%208.684V19.07h4.37C9.019%2018.043%208.876%2017%208.876%2017H7.5a.486.486%200%200%201-.49-.5C7.125%2013.377%208.377%2011%2012%2011s4.874%202.377%204.99%205.5a.485.485%200%200%201-.49.5h-1.375s-.143%201.043-.296%202.07H19.2zm-6.315%209.856l-.068.46h-1.634a129%20129%200%200%201-.25-1.718l-.056-.403l-.02-.15a2%202%200%200%200-1.647-1.701c.134-.53.324-.926.547-1.207C10.084%2013.41%2010.67%2013%2012%2013s1.916.41%202.243.821c.223.281.413.677.547%201.207a2%202%200%200%200-1.646%201.7l-.021.15a300%20300%200%200%201-.238%201.662%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-outline-24px.svg?color=%231a73e8&size=48
