proper roof icon
proper-roof from Health Icons by Resolve to Save Lives · Filled · Places · MIT Free for personal and commercial use.
- Name
- proper-roof
- Set
- Health Icons
- Style
- Filled
- Category
- Places
- Viewbox
- 48×48
- License
- MIT
1 other variant in Health Icons
More places icons from Health Icons
Use the proper roof icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M24.707 6.293a1 1 0 0 0-1.414 0l-4.357 4.356C19.222 11.41 20.017 12 21 12s1.779-.591 2.064-1.35a1 1 0 0 1 1.872 0c.285.759 1.08 1.35 2.064 1.35s1.779-.591 2.064-1.35zm5.835 5.835C29.794 13.266 28.473 14 27 14a4.27 4.27 0 0 1-3-1.213A4.27 4.27 0 0 1 21 14c-1.473 0-2.794-.734-3.542-1.873l-5.989 5.99q.121.063.226.164c.44.426 1.112.719 1.892.719c1.507 0 2.471-1.027 2.471-2a1 1 0 1 1 2 0c0 .973.965 2 2.471 2S23 17.973 23 17a1 1 0 1 1 2 0c0 .973.964 2 2.471 2c1.506 0 2.47-1.027 2.47-2a1 1 0 1 1 2 0c0 .973.965 2 2.472 2c.78 0 1.451-.293 1.892-.72q.105-.099.226-.163zM7.293 22.293l2.824-2.824q.072.136.188.25c.83.802 2.007 1.281 3.282 1.281c1.344 0 2.627-.553 3.471-1.472c.844.919 2.127 1.472 3.471 1.472s2.627-.553 3.471-1.472c.844.919 2.127 1.472 3.471 1.472s2.627-.553 3.47-1.472c.845.919 2.128 1.472 3.472 1.472c1.276 0 2.452-.48 3.282-1.28a1 1 0 0 0 .188-.25l2.824 2.823A1 1 0 0 1 41 23c0 1.55-1.453 3-3.5 3c-1.11 0-2.018-.254-2.617-.663c-.562-.385-.883-.919-.883-1.67a1 1 0 1 0-2 0c0 .751-.321 1.285-.883 1.67c-.599.41-1.507.663-2.617.663s-2.018-.254-2.617-.663c-.562-.385-.883-.919-.883-1.67a1 1 0 1 0-2 0c0 .751-.321 1.285-.883 1.67c-.599.41-1.507.663-2.617.663s-2.018-.254-2.617-.663c-.562-.385-.883-.919-.883-1.67a1 1 0 1 0-2 0c0 .751-.321 1.285-.883 1.67c-.599.41-1.507.663-2.617.663C8.453 26 7 24.55 7 23a1 1 0 0 1 .293-.707M10.5 39.566V28c1.376 0 2.717-.308 3.747-1.013q.42-.287.753-.654q.333.368.753.654C16.783 27.692 18.124 28 19.5 28s2.717-.308 3.747-1.013q.42-.287.753-.654q.333.367.753.654C25.783 27.692 27.124 28 28.5 28s2.717-.308 3.747-1.013q.42-.287.753-.654q.333.367.753.654C34.783 27.692 36.124 28 37.5 28v11.566c0 .732-.543 1.15-.857 1.334c-.354.21-.795.355-1.226.464c-.878.223-2.007.362-3.083.453a61 61 0 0 1-4.233.182l-.074.001h-.026L28 41v-5.737c0-1.912-1.596-3.763-4-3.763s-4 1.85-4 3.763V42h-.101l-.276-.003a61 61 0 0 1-3.957-.18c-1.076-.09-2.205-.23-3.083-.453c-.431-.109-.872-.254-1.226-.464c-.314-.185-.857-.602-.857-1.334M28 41v1z"/></svg>
React
import type { SVGProps } from "react";
export function HealthiconsProperRoof(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M24.707 6.293a1 1 0 0 0-1.414 0l-4.357 4.356C19.222 11.41 20.017 12 21 12s1.779-.591 2.064-1.35a1 1 0 0 1 1.872 0c.285.759 1.08 1.35 2.064 1.35s1.779-.591 2.064-1.35zm5.835 5.835C29.794 13.266 28.473 14 27 14a4.27 4.27 0 0 1-3-1.213A4.27 4.27 0 0 1 21 14c-1.473 0-2.794-.734-3.542-1.873l-5.989 5.99q.121.063.226.164c.44.426 1.112.719 1.892.719c1.507 0 2.471-1.027 2.471-2a1 1 0 1 1 2 0c0 .973.965 2 2.471 2S23 17.973 23 17a1 1 0 1 1 2 0c0 .973.964 2 2.471 2c1.506 0 2.47-1.027 2.47-2a1 1 0 1 1 2 0c0 .973.965 2 2.472 2c.78 0 1.451-.293 1.892-.72q.105-.099.226-.163zM7.293 22.293l2.824-2.824q.072.136.188.25c.83.802 2.007 1.281 3.282 1.281c1.344 0 2.627-.553 3.471-1.472c.844.919 2.127 1.472 3.471 1.472s2.627-.553 3.471-1.472c.844.919 2.127 1.472 3.471 1.472s2.627-.553 3.47-1.472c.845.919 2.128 1.472 3.472 1.472c1.276 0 2.452-.48 3.282-1.28a1 1 0 0 0 .188-.25l2.824 2.823A1 1 0 0 1 41 23c0 1.55-1.453 3-3.5 3c-1.11 0-2.018-.254-2.617-.663c-.562-.385-.883-.919-.883-1.67a1 1 0 1 0-2 0c0 .751-.321 1.285-.883 1.67c-.599.41-1.507.663-2.617.663s-2.018-.254-2.617-.663c-.562-.385-.883-.919-.883-1.67a1 1 0 1 0-2 0c0 .751-.321 1.285-.883 1.67c-.599.41-1.507.663-2.617.663s-2.018-.254-2.617-.663c-.562-.385-.883-.919-.883-1.67a1 1 0 1 0-2 0c0 .751-.321 1.285-.883 1.67c-.599.41-1.507.663-2.617.663C8.453 26 7 24.55 7 23a1 1 0 0 1 .293-.707M10.5 39.566V28c1.376 0 2.717-.308 3.747-1.013q.42-.287.753-.654q.333.368.753.654C16.783 27.692 18.124 28 19.5 28s2.717-.308 3.747-1.013q.42-.287.753-.654q.333.367.753.654C25.783 27.692 27.124 28 28.5 28s2.717-.308 3.747-1.013q.42-.287.753-.654q.333.367.753.654C34.783 27.692 36.124 28 37.5 28v11.566c0 .732-.543 1.15-.857 1.334c-.354.21-.795.355-1.226.464c-.878.223-2.007.362-3.083.453a61 61 0 0 1-4.233.182l-.074.001h-.026L28 41v-5.737c0-1.912-1.596-3.763-4-3.763s-4 1.85-4 3.763V42h-.101l-.276-.003a61 61 0 0 1-3.957-.18c-1.076-.09-2.205-.23-3.083-.453c-.431-.109-.872-.254-1.226-.464c-.314-.185-.857-.602-.857-1.334M28 41v1z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M24.707 6.293a1 1 0 0 0-1.414 0l-4.357 4.356C19.222 11.41 20.017 12 21 12s1.779-.591 2.064-1.35a1 1 0 0 1 1.872 0c.285.759 1.08 1.35 2.064 1.35s1.779-.591 2.064-1.35zm5.835 5.835C29.794 13.266 28.473 14 27 14a4.27 4.27 0 0 1-3-1.213A4.27 4.27 0 0 1 21 14c-1.473 0-2.794-.734-3.542-1.873l-5.989 5.99q.121.063.226.164c.44.426 1.112.719 1.892.719c1.507 0 2.471-1.027 2.471-2a1 1 0 1 1 2 0c0 .973.965 2 2.471 2S23 17.973 23 17a1 1 0 1 1 2 0c0 .973.964 2 2.471 2c1.506 0 2.47-1.027 2.47-2a1 1 0 1 1 2 0c0 .973.965 2 2.472 2c.78 0 1.451-.293 1.892-.72q.105-.099.226-.163zM7.293 22.293l2.824-2.824q.072.136.188.25c.83.802 2.007 1.281 3.282 1.281c1.344 0 2.627-.553 3.471-1.472c.844.919 2.127 1.472 3.471 1.472s2.627-.553 3.471-1.472c.844.919 2.127 1.472 3.471 1.472s2.627-.553 3.47-1.472c.845.919 2.128 1.472 3.472 1.472c1.276 0 2.452-.48 3.282-1.28a1 1 0 0 0 .188-.25l2.824 2.823A1 1 0 0 1 41 23c0 1.55-1.453 3-3.5 3c-1.11 0-2.018-.254-2.617-.663c-.562-.385-.883-.919-.883-1.67a1 1 0 1 0-2 0c0 .751-.321 1.285-.883 1.67c-.599.41-1.507.663-2.617.663s-2.018-.254-2.617-.663c-.562-.385-.883-.919-.883-1.67a1 1 0 1 0-2 0c0 .751-.321 1.285-.883 1.67c-.599.41-1.507.663-2.617.663s-2.018-.254-2.617-.663c-.562-.385-.883-.919-.883-1.67a1 1 0 1 0-2 0c0 .751-.321 1.285-.883 1.67c-.599.41-1.507.663-2.617.663C8.453 26 7 24.55 7 23a1 1 0 0 1 .293-.707M10.5 39.566V28c1.376 0 2.717-.308 3.747-1.013q.42-.287.753-.654q.333.368.753.654C16.783 27.692 18.124 28 19.5 28s2.717-.308 3.747-1.013q.42-.287.753-.654q.333.367.753.654C25.783 27.692 27.124 28 28.5 28s2.717-.308 3.747-1.013q.42-.287.753-.654q.333.367.753.654C34.783 27.692 36.124 28 37.5 28v11.566c0 .732-.543 1.15-.857 1.334c-.354.21-.795.355-1.226.464c-.878.223-2.007.362-3.083.453a61 61 0 0 1-4.233.182l-.074.001h-.026L28 41v-5.737c0-1.912-1.596-3.763-4-3.763s-4 1.85-4 3.763V42h-.101l-.276-.003a61 61 0 0 1-3.957-.18c-1.076-.09-2.205-.23-3.083-.453c-.431-.109-.872-.254-1.226-.464c-.314-.185-.857-.602-.857-1.334M28 41v1z"/></svg> </template>
CSS
.icon-proper-roof {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24.707%206.293a1%201%200%200%200-1.414%200l-4.357%204.356C19.222%2011.41%2020.017%2012%2021%2012s1.779-.591%202.064-1.35a1%201%200%200%201%201.872%200c.285.759%201.08%201.35%202.064%201.35s1.779-.591%202.064-1.35zm5.835%205.835C29.794%2013.266%2028.473%2014%2027%2014a4.27%204.27%200%200%201-3-1.213A4.27%204.27%200%200%201%2021%2014c-1.473%200-2.794-.734-3.542-1.873l-5.989%205.99q.121.063.226.164c.44.426%201.112.719%201.892.719c1.507%200%202.471-1.027%202.471-2a1%201%200%201%201%202%200c0%20.973.965%202%202.471%202S23%2017.973%2023%2017a1%201%200%201%201%202%200c0%20.973.964%202%202.471%202c1.506%200%202.47-1.027%202.47-2a1%201%200%201%201%202%200c0%20.973.965%202%202.472%202c.78%200%201.451-.293%201.892-.72q.105-.099.226-.163zM7.293%2022.293l2.824-2.824q.072.136.188.25c.83.802%202.007%201.281%203.282%201.281c1.344%200%202.627-.553%203.471-1.472c.844.919%202.127%201.472%203.471%201.472s2.627-.553%203.471-1.472c.844.919%202.127%201.472%203.471%201.472s2.627-.553%203.47-1.472c.845.919%202.128%201.472%203.472%201.472c1.276%200%202.452-.48%203.282-1.28a1%201%200%200%200%20.188-.25l2.824%202.823A1%201%200%200%201%2041%2023c0%201.55-1.453%203-3.5%203c-1.11%200-2.018-.254-2.617-.663c-.562-.385-.883-.919-.883-1.67a1%201%200%201%200-2%200c0%20.751-.321%201.285-.883%201.67c-.599.41-1.507.663-2.617.663s-2.018-.254-2.617-.663c-.562-.385-.883-.919-.883-1.67a1%201%200%201%200-2%200c0%20.751-.321%201.285-.883%201.67c-.599.41-1.507.663-2.617.663s-2.018-.254-2.617-.663c-.562-.385-.883-.919-.883-1.67a1%201%200%201%200-2%200c0%20.751-.321%201.285-.883%201.67c-.599.41-1.507.663-2.617.663C8.453%2026%207%2024.55%207%2023a1%201%200%200%201%20.293-.707M10.5%2039.566V28c1.376%200%202.717-.308%203.747-1.013q.42-.287.753-.654q.333.368.753.654C16.783%2027.692%2018.124%2028%2019.5%2028s2.717-.308%203.747-1.013q.42-.287.753-.654q.333.367.753.654C25.783%2027.692%2027.124%2028%2028.5%2028s2.717-.308%203.747-1.013q.42-.287.753-.654q.333.367.753.654C34.783%2027.692%2036.124%2028%2037.5%2028v11.566c0%20.732-.543%201.15-.857%201.334c-.354.21-.795.355-1.226.464c-.878.223-2.007.362-3.083.453a61%2061%200%200%201-4.233.182l-.074.001h-.026L28%2041v-5.737c0-1.912-1.596-3.763-4-3.763s-4%201.85-4%203.763V42h-.101l-.276-.003a61%2061%200%200%201-3.957-.18c-1.076-.09-2.205-.23-3.083-.453c-.431-.109-.872-.254-1.226-.464c-.314-.185-.857-.602-.857-1.334M28%2041v1z%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24.707%206.293a1%201%200%200%200-1.414%200l-4.357%204.356C19.222%2011.41%2020.017%2012%2021%2012s1.779-.591%202.064-1.35a1%201%200%200%201%201.872%200c.285.759%201.08%201.35%202.064%201.35s1.779-.591%202.064-1.35zm5.835%205.835C29.794%2013.266%2028.473%2014%2027%2014a4.27%204.27%200%200%201-3-1.213A4.27%204.27%200%200%201%2021%2014c-1.473%200-2.794-.734-3.542-1.873l-5.989%205.99q.121.063.226.164c.44.426%201.112.719%201.892.719c1.507%200%202.471-1.027%202.471-2a1%201%200%201%201%202%200c0%20.973.965%202%202.471%202S23%2017.973%2023%2017a1%201%200%201%201%202%200c0%20.973.964%202%202.471%202c1.506%200%202.47-1.027%202.47-2a1%201%200%201%201%202%200c0%20.973.965%202%202.472%202c.78%200%201.451-.293%201.892-.72q.105-.099.226-.163zM7.293%2022.293l2.824-2.824q.072.136.188.25c.83.802%202.007%201.281%203.282%201.281c1.344%200%202.627-.553%203.471-1.472c.844.919%202.127%201.472%203.471%201.472s2.627-.553%203.471-1.472c.844.919%202.127%201.472%203.471%201.472s2.627-.553%203.47-1.472c.845.919%202.128%201.472%203.472%201.472c1.276%200%202.452-.48%203.282-1.28a1%201%200%200%200%20.188-.25l2.824%202.823A1%201%200%200%201%2041%2023c0%201.55-1.453%203-3.5%203c-1.11%200-2.018-.254-2.617-.663c-.562-.385-.883-.919-.883-1.67a1%201%200%201%200-2%200c0%20.751-.321%201.285-.883%201.67c-.599.41-1.507.663-2.617.663s-2.018-.254-2.617-.663c-.562-.385-.883-.919-.883-1.67a1%201%200%201%200-2%200c0%20.751-.321%201.285-.883%201.67c-.599.41-1.507.663-2.617.663s-2.018-.254-2.617-.663c-.562-.385-.883-.919-.883-1.67a1%201%200%201%200-2%200c0%20.751-.321%201.285-.883%201.67c-.599.41-1.507.663-2.617.663C8.453%2026%207%2024.55%207%2023a1%201%200%200%201%20.293-.707M10.5%2039.566V28c1.376%200%202.717-.308%203.747-1.013q.42-.287.753-.654q.333.368.753.654C16.783%2027.692%2018.124%2028%2019.5%2028s2.717-.308%203.747-1.013q.42-.287.753-.654q.333.367.753.654C25.783%2027.692%2027.124%2028%2028.5%2028s2.717-.308%203.747-1.013q.42-.287.753-.654q.333.367.753.654C34.783%2027.692%2036.124%2028%2037.5%2028v11.566c0%20.732-.543%201.15-.857%201.334c-.354.21-.795.355-1.226.464c-.878.223-2.007.362-3.083.453a61%2061%200%200%201-4.233.182l-.074.001h-.026L28%2041v-5.737c0-1.912-1.596-3.763-4-3.763s-4%201.85-4%203.763V42h-.101l-.276-.003a61%2061%200%200%201-3.957-.18c-1.076-.09-2.205-.23-3.083-.453c-.431-.109-.872-.254-1.226-.464c-.314-.185-.857-.602-.857-1.334M28%2041v1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/proper-roof.svg?color=%231a73e8&size=48
