proper roof icon
proper-roof-outline from Health Icons by Resolve to Save Lives · Outline · Places · MIT Free for personal and commercial use.
- Name
- proper-roof-outline
- Set
- Health Icons
- Style
- Outline
- Category
- Places
- Viewbox
- 48×48
- License
- MIT
- Aliases
- proper-roof2x-outline
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" fill-rule="evenodd" d="M24.707 6.293a1 1 0 0 0-1.414 0l-16 16A1 1 0 0 0 7 23c0 1.214.658 2.236 1.572 2.921a5.4 5.4 0 0 0 1.928.898v12.747c0 .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 0 4.233.182l.074.001H21v-6.737c0-1.363 1.151-2.763 3-2.763s3 1.4 3 2.763V42h1.101l.276-.003a61 61 0 0 0 3.957-.18c1.076-.09 2.205-.23 3.083-.453c.431-.109.872-.254 1.226-.464c.314-.185.857-.602.857-1.334V26.819a5.4 5.4 0 0 0 1.928-.898C40.342 25.236 41 24.214 41 23a1 1 0 0 0-.293-.707zM28 41v1zm-8 0v1zm15.5-14.013c-1.035-.056-2.03-.289-2.828-.75A4 4 0 0 1 32 25.75c-.203.185-.43.349-.672.488c-.926.535-2.117.763-3.328.763s-2.402-.228-3.328-.763A4 4 0 0 1 24 25.75c-.203.185-.43.349-.672.488c-.926.535-2.117.763-3.328.763s-2.402-.228-3.328-.763A4 4 0 0 1 16 25.75c-.203.185-.43.349-.672.488c-.798.461-1.793.694-2.828.75V39.24c.127.055.315.119.573.184c.716.181 1.712.31 2.761.4a53 53 0 0 0 3.166.16v-4.722c0-2.462 2.04-4.763 5-4.763s5 2.301 5 4.763v4.723l.3-.008a53 53 0 0 0 2.866-.154c1.049-.088 2.045-.218 2.76-.398a4 4 0 0 0 .574-.185zm-17.828-2.482c-.487-.28-.672-.61-.672-1.005a1 1 0 1 0-2 0c0 .395-.185.724-.671 1.005c-.522.301-1.331.495-2.329.495c-.91 0-1.694-.278-2.228-.679c-.391-.293-.623-.627-.72-.96l2.9-2.899c.704.35 1.554.538 2.436.538c1.042 0 2.033-.262 2.795-.738q.212-.131.41-.295q.196.164.408.296c.762.475 1.753.737 2.795.737s2.033-.262 2.795-.738q.211-.131.41-.295q.196.164.408.296c.762.475 1.753.737 2.795.737s2.033-.262 2.795-.738q.211-.131.409-.295q.196.164.409.296c.762.475 1.753.737 2.795.737c.882 0 1.732-.188 2.436-.538l2.9 2.9c-.097.332-.328.666-.72.96c-.534.4-1.319.678-2.228.678c-.998 0-1.807-.194-2.328-.495c-.487-.28-.672-.61-.672-1.005a1 1 0 1 0-2 0c0 .395-.185.724-.672 1.005c-.521.301-1.33.495-2.328.495s-1.807-.194-2.328-.495c-.487-.28-.672-.61-.672-1.005a1 1 0 1 0-2 0c0 .395-.185.724-.672 1.005c-.521.301-1.33.495-2.328.495s-1.807-.194-2.328-.495m.745-10.508l-4.907 4.907c.265.06.56.096.878.096c.728 0 1.339-.186 1.736-.434c.412-.257.468-.483.468-.566a1 1 0 1 1 2 0c0 .082.057.309.468.566c.397.248 1.009.434 1.736.434s1.339-.186 1.736-.434c.412-.257.468-.483.468-.566a1 1 0 1 1 2 0c0 .082.056.309.468.566c.397.248 1.009.434 1.736.434s1.339-.186 1.736-.434c.412-.257.468-.483.468-.566a1 1 0 1 1 2 0c0 .082.056.309.468.566c.397.248 1.008.434 1.736.434c.318 0 .613-.035.878-.096l-4.907-4.907c-.67.94-1.84 1.503-3.083 1.503c-.935 0-1.829-.319-2.5-.877c-.67.558-1.565.877-2.5.877c-1.242 0-2.412-.562-3.083-1.503m1.466-1.466q.022.04.04.085c.185.444.76.884 1.577.884c.816 0 1.392-.44 1.577-.884a1 1 0 0 1 1.846 0c.185.444.76.884 1.577.884c.816 0 1.392-.44 1.577-.884a1 1 0 0 1 .04-.085L24 8.414zm15.788 26.617l-.013.01zm-23.342 0l.013.01z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function HealthiconsProperRoofOutline(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" fillRule="evenodd" d="M24.707 6.293a1 1 0 0 0-1.414 0l-16 16A1 1 0 0 0 7 23c0 1.214.658 2.236 1.572 2.921a5.4 5.4 0 0 0 1.928.898v12.747c0 .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 0 4.233.182l.074.001H21v-6.737c0-1.363 1.151-2.763 3-2.763s3 1.4 3 2.763V42h1.101l.276-.003a61 61 0 0 0 3.957-.18c1.076-.09 2.205-.23 3.083-.453c.431-.109.872-.254 1.226-.464c.314-.185.857-.602.857-1.334V26.819a5.4 5.4 0 0 0 1.928-.898C40.342 25.236 41 24.214 41 23a1 1 0 0 0-.293-.707zM28 41v1zm-8 0v1zm15.5-14.013c-1.035-.056-2.03-.289-2.828-.75A4 4 0 0 1 32 25.75c-.203.185-.43.349-.672.488c-.926.535-2.117.763-3.328.763s-2.402-.228-3.328-.763A4 4 0 0 1 24 25.75c-.203.185-.43.349-.672.488c-.926.535-2.117.763-3.328.763s-2.402-.228-3.328-.763A4 4 0 0 1 16 25.75c-.203.185-.43.349-.672.488c-.798.461-1.793.694-2.828.75V39.24c.127.055.315.119.573.184c.716.181 1.712.31 2.761.4a53 53 0 0 0 3.166.16v-4.722c0-2.462 2.04-4.763 5-4.763s5 2.301 5 4.763v4.723l.3-.008a53 53 0 0 0 2.866-.154c1.049-.088 2.045-.218 2.76-.398a4 4 0 0 0 .574-.185zm-17.828-2.482c-.487-.28-.672-.61-.672-1.005a1 1 0 1 0-2 0c0 .395-.185.724-.671 1.005c-.522.301-1.331.495-2.329.495c-.91 0-1.694-.278-2.228-.679c-.391-.293-.623-.627-.72-.96l2.9-2.899c.704.35 1.554.538 2.436.538c1.042 0 2.033-.262 2.795-.738q.212-.131.41-.295q.196.164.408.296c.762.475 1.753.737 2.795.737s2.033-.262 2.795-.738q.211-.131.41-.295q.196.164.408.296c.762.475 1.753.737 2.795.737s2.033-.262 2.795-.738q.211-.131.409-.295q.196.164.409.296c.762.475 1.753.737 2.795.737c.882 0 1.732-.188 2.436-.538l2.9 2.9c-.097.332-.328.666-.72.96c-.534.4-1.319.678-2.228.678c-.998 0-1.807-.194-2.328-.495c-.487-.28-.672-.61-.672-1.005a1 1 0 1 0-2 0c0 .395-.185.724-.672 1.005c-.521.301-1.33.495-2.328.495s-1.807-.194-2.328-.495c-.487-.28-.672-.61-.672-1.005a1 1 0 1 0-2 0c0 .395-.185.724-.672 1.005c-.521.301-1.33.495-2.328.495s-1.807-.194-2.328-.495m.745-10.508l-4.907 4.907c.265.06.56.096.878.096c.728 0 1.339-.186 1.736-.434c.412-.257.468-.483.468-.566a1 1 0 1 1 2 0c0 .082.057.309.468.566c.397.248 1.009.434 1.736.434s1.339-.186 1.736-.434c.412-.257.468-.483.468-.566a1 1 0 1 1 2 0c0 .082.056.309.468.566c.397.248 1.009.434 1.736.434s1.339-.186 1.736-.434c.412-.257.468-.483.468-.566a1 1 0 1 1 2 0c0 .082.056.309.468.566c.397.248 1.008.434 1.736.434c.318 0 .613-.035.878-.096l-4.907-4.907c-.67.94-1.84 1.503-3.083 1.503c-.935 0-1.829-.319-2.5-.877c-.67.558-1.565.877-2.5.877c-1.242 0-2.412-.562-3.083-1.503m1.466-1.466q.022.04.04.085c.185.444.76.884 1.577.884c.816 0 1.392-.44 1.577-.884a1 1 0 0 1 1.846 0c.185.444.76.884 1.577.884c.816 0 1.392-.44 1.577-.884a1 1 0 0 1 .04-.085L24 8.414zm15.788 26.617l-.013.01zm-23.342 0l.013.01z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M24.707 6.293a1 1 0 0 0-1.414 0l-16 16A1 1 0 0 0 7 23c0 1.214.658 2.236 1.572 2.921a5.4 5.4 0 0 0 1.928.898v12.747c0 .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 0 4.233.182l.074.001H21v-6.737c0-1.363 1.151-2.763 3-2.763s3 1.4 3 2.763V42h1.101l.276-.003a61 61 0 0 0 3.957-.18c1.076-.09 2.205-.23 3.083-.453c.431-.109.872-.254 1.226-.464c.314-.185.857-.602.857-1.334V26.819a5.4 5.4 0 0 0 1.928-.898C40.342 25.236 41 24.214 41 23a1 1 0 0 0-.293-.707zM28 41v1zm-8 0v1zm15.5-14.013c-1.035-.056-2.03-.289-2.828-.75A4 4 0 0 1 32 25.75c-.203.185-.43.349-.672.488c-.926.535-2.117.763-3.328.763s-2.402-.228-3.328-.763A4 4 0 0 1 24 25.75c-.203.185-.43.349-.672.488c-.926.535-2.117.763-3.328.763s-2.402-.228-3.328-.763A4 4 0 0 1 16 25.75c-.203.185-.43.349-.672.488c-.798.461-1.793.694-2.828.75V39.24c.127.055.315.119.573.184c.716.181 1.712.31 2.761.4a53 53 0 0 0 3.166.16v-4.722c0-2.462 2.04-4.763 5-4.763s5 2.301 5 4.763v4.723l.3-.008a53 53 0 0 0 2.866-.154c1.049-.088 2.045-.218 2.76-.398a4 4 0 0 0 .574-.185zm-17.828-2.482c-.487-.28-.672-.61-.672-1.005a1 1 0 1 0-2 0c0 .395-.185.724-.671 1.005c-.522.301-1.331.495-2.329.495c-.91 0-1.694-.278-2.228-.679c-.391-.293-.623-.627-.72-.96l2.9-2.899c.704.35 1.554.538 2.436.538c1.042 0 2.033-.262 2.795-.738q.212-.131.41-.295q.196.164.408.296c.762.475 1.753.737 2.795.737s2.033-.262 2.795-.738q.211-.131.41-.295q.196.164.408.296c.762.475 1.753.737 2.795.737s2.033-.262 2.795-.738q.211-.131.409-.295q.196.164.409.296c.762.475 1.753.737 2.795.737c.882 0 1.732-.188 2.436-.538l2.9 2.9c-.097.332-.328.666-.72.96c-.534.4-1.319.678-2.228.678c-.998 0-1.807-.194-2.328-.495c-.487-.28-.672-.61-.672-1.005a1 1 0 1 0-2 0c0 .395-.185.724-.672 1.005c-.521.301-1.33.495-2.328.495s-1.807-.194-2.328-.495c-.487-.28-.672-.61-.672-1.005a1 1 0 1 0-2 0c0 .395-.185.724-.672 1.005c-.521.301-1.33.495-2.328.495s-1.807-.194-2.328-.495m.745-10.508l-4.907 4.907c.265.06.56.096.878.096c.728 0 1.339-.186 1.736-.434c.412-.257.468-.483.468-.566a1 1 0 1 1 2 0c0 .082.057.309.468.566c.397.248 1.009.434 1.736.434s1.339-.186 1.736-.434c.412-.257.468-.483.468-.566a1 1 0 1 1 2 0c0 .082.056.309.468.566c.397.248 1.009.434 1.736.434s1.339-.186 1.736-.434c.412-.257.468-.483.468-.566a1 1 0 1 1 2 0c0 .082.056.309.468.566c.397.248 1.008.434 1.736.434c.318 0 .613-.035.878-.096l-4.907-4.907c-.67.94-1.84 1.503-3.083 1.503c-.935 0-1.829-.319-2.5-.877c-.67.558-1.565.877-2.5.877c-1.242 0-2.412-.562-3.083-1.503m1.466-1.466q.022.04.04.085c.185.444.76.884 1.577.884c.816 0 1.392-.44 1.577-.884a1 1 0 0 1 1.846 0c.185.444.76.884 1.577.884c.816 0 1.392-.44 1.577-.884a1 1 0 0 1 .04-.085L24 8.414zm15.788 26.617l-.013.01zm-23.342 0l.013.01z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-proper-roof-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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M24.707%206.293a1%201%200%200%200-1.414%200l-16%2016A1%201%200%200%200%207%2023c0%201.214.658%202.236%201.572%202.921a5.4%205.4%200%200%200%201.928.898v12.747c0%20.732.543%201.15.857%201.334c.354.21.795.355%201.226.464c.878.223%202.007.362%203.083.453a61%2061%200%200%200%204.233.182l.074.001H21v-6.737c0-1.363%201.151-2.763%203-2.763s3%201.4%203%202.763V42h1.101l.276-.003a61%2061%200%200%200%203.957-.18c1.076-.09%202.205-.23%203.083-.453c.431-.109.872-.254%201.226-.464c.314-.185.857-.602.857-1.334V26.819a5.4%205.4%200%200%200%201.928-.898C40.342%2025.236%2041%2024.214%2041%2023a1%201%200%200%200-.293-.707zM28%2041v1zm-8%200v1zm15.5-14.013c-1.035-.056-2.03-.289-2.828-.75A4%204%200%200%201%2032%2025.75c-.203.185-.43.349-.672.488c-.926.535-2.117.763-3.328.763s-2.402-.228-3.328-.763A4%204%200%200%201%2024%2025.75c-.203.185-.43.349-.672.488c-.926.535-2.117.763-3.328.763s-2.402-.228-3.328-.763A4%204%200%200%201%2016%2025.75c-.203.185-.43.349-.672.488c-.798.461-1.793.694-2.828.75V39.24c.127.055.315.119.573.184c.716.181%201.712.31%202.761.4a53%2053%200%200%200%203.166.16v-4.722c0-2.462%202.04-4.763%205-4.763s5%202.301%205%204.763v4.723l.3-.008a53%2053%200%200%200%202.866-.154c1.049-.088%202.045-.218%202.76-.398a4%204%200%200%200%20.574-.185zm-17.828-2.482c-.487-.28-.672-.61-.672-1.005a1%201%200%201%200-2%200c0%20.395-.185.724-.671%201.005c-.522.301-1.331.495-2.329.495c-.91%200-1.694-.278-2.228-.679c-.391-.293-.623-.627-.72-.96l2.9-2.899c.704.35%201.554.538%202.436.538c1.042%200%202.033-.262%202.795-.738q.212-.131.41-.295q.196.164.408.296c.762.475%201.753.737%202.795.737s2.033-.262%202.795-.738q.211-.131.41-.295q.196.164.408.296c.762.475%201.753.737%202.795.737s2.033-.262%202.795-.738q.211-.131.409-.295q.196.164.409.296c.762.475%201.753.737%202.795.737c.882%200%201.732-.188%202.436-.538l2.9%202.9c-.097.332-.328.666-.72.96c-.534.4-1.319.678-2.228.678c-.998%200-1.807-.194-2.328-.495c-.487-.28-.672-.61-.672-1.005a1%201%200%201%200-2%200c0%20.395-.185.724-.672%201.005c-.521.301-1.33.495-2.328.495s-1.807-.194-2.328-.495c-.487-.28-.672-.61-.672-1.005a1%201%200%201%200-2%200c0%20.395-.185.724-.672%201.005c-.521.301-1.33.495-2.328.495s-1.807-.194-2.328-.495m.745-10.508l-4.907%204.907c.265.06.56.096.878.096c.728%200%201.339-.186%201.736-.434c.412-.257.468-.483.468-.566a1%201%200%201%201%202%200c0%20.082.057.309.468.566c.397.248%201.009.434%201.736.434s1.339-.186%201.736-.434c.412-.257.468-.483.468-.566a1%201%200%201%201%202%200c0%20.082.056.309.468.566c.397.248%201.009.434%201.736.434s1.339-.186%201.736-.434c.412-.257.468-.483.468-.566a1%201%200%201%201%202%200c0%20.082.056.309.468.566c.397.248%201.008.434%201.736.434c.318%200%20.613-.035.878-.096l-4.907-4.907c-.67.94-1.84%201.503-3.083%201.503c-.935%200-1.829-.319-2.5-.877c-.67.558-1.565.877-2.5.877c-1.242%200-2.412-.562-3.083-1.503m1.466-1.466q.022.04.04.085c.185.444.76.884%201.577.884c.816%200%201.392-.44%201.577-.884a1%201%200%200%201%201.846%200c.185.444.76.884%201.577.884c.816%200%201.392-.44%201.577-.884a1%201%200%200%201%20.04-.085L24%208.414zm15.788%2026.617l-.013.01zm-23.342%200l.013.01z%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M24.707%206.293a1%201%200%200%200-1.414%200l-16%2016A1%201%200%200%200%207%2023c0%201.214.658%202.236%201.572%202.921a5.4%205.4%200%200%200%201.928.898v12.747c0%20.732.543%201.15.857%201.334c.354.21.795.355%201.226.464c.878.223%202.007.362%203.083.453a61%2061%200%200%200%204.233.182l.074.001H21v-6.737c0-1.363%201.151-2.763%203-2.763s3%201.4%203%202.763V42h1.101l.276-.003a61%2061%200%200%200%203.957-.18c1.076-.09%202.205-.23%203.083-.453c.431-.109.872-.254%201.226-.464c.314-.185.857-.602.857-1.334V26.819a5.4%205.4%200%200%200%201.928-.898C40.342%2025.236%2041%2024.214%2041%2023a1%201%200%200%200-.293-.707zM28%2041v1zm-8%200v1zm15.5-14.013c-1.035-.056-2.03-.289-2.828-.75A4%204%200%200%201%2032%2025.75c-.203.185-.43.349-.672.488c-.926.535-2.117.763-3.328.763s-2.402-.228-3.328-.763A4%204%200%200%201%2024%2025.75c-.203.185-.43.349-.672.488c-.926.535-2.117.763-3.328.763s-2.402-.228-3.328-.763A4%204%200%200%201%2016%2025.75c-.203.185-.43.349-.672.488c-.798.461-1.793.694-2.828.75V39.24c.127.055.315.119.573.184c.716.181%201.712.31%202.761.4a53%2053%200%200%200%203.166.16v-4.722c0-2.462%202.04-4.763%205-4.763s5%202.301%205%204.763v4.723l.3-.008a53%2053%200%200%200%202.866-.154c1.049-.088%202.045-.218%202.76-.398a4%204%200%200%200%20.574-.185zm-17.828-2.482c-.487-.28-.672-.61-.672-1.005a1%201%200%201%200-2%200c0%20.395-.185.724-.671%201.005c-.522.301-1.331.495-2.329.495c-.91%200-1.694-.278-2.228-.679c-.391-.293-.623-.627-.72-.96l2.9-2.899c.704.35%201.554.538%202.436.538c1.042%200%202.033-.262%202.795-.738q.212-.131.41-.295q.196.164.408.296c.762.475%201.753.737%202.795.737s2.033-.262%202.795-.738q.211-.131.41-.295q.196.164.408.296c.762.475%201.753.737%202.795.737s2.033-.262%202.795-.738q.211-.131.409-.295q.196.164.409.296c.762.475%201.753.737%202.795.737c.882%200%201.732-.188%202.436-.538l2.9%202.9c-.097.332-.328.666-.72.96c-.534.4-1.319.678-2.228.678c-.998%200-1.807-.194-2.328-.495c-.487-.28-.672-.61-.672-1.005a1%201%200%201%200-2%200c0%20.395-.185.724-.672%201.005c-.521.301-1.33.495-2.328.495s-1.807-.194-2.328-.495c-.487-.28-.672-.61-.672-1.005a1%201%200%201%200-2%200c0%20.395-.185.724-.672%201.005c-.521.301-1.33.495-2.328.495s-1.807-.194-2.328-.495m.745-10.508l-4.907%204.907c.265.06.56.096.878.096c.728%200%201.339-.186%201.736-.434c.412-.257.468-.483.468-.566a1%201%200%201%201%202%200c0%20.082.057.309.468.566c.397.248%201.009.434%201.736.434s1.339-.186%201.736-.434c.412-.257.468-.483.468-.566a1%201%200%201%201%202%200c0%20.082.056.309.468.566c.397.248%201.009.434%201.736.434s1.339-.186%201.736-.434c.412-.257.468-.483.468-.566a1%201%200%201%201%202%200c0%20.082.056.309.468.566c.397.248%201.008.434%201.736.434c.318%200%20.613-.035.878-.096l-4.907-4.907c-.67.94-1.84%201.503-3.083%201.503c-.935%200-1.829-.319-2.5-.877c-.67.558-1.565.877-2.5.877c-1.242%200-2.412-.562-3.083-1.503m1.466-1.466q.022.04.04.085c.185.444.76.884%201.577.884c.816%200%201.392-.44%201.577-.884a1%201%200%200%201%201.846%200c.185.444.76.884%201.577.884c.816%200%201.392-.44%201.577-.884a1%201%200%200%201%20.04-.085L24%208.414zm15.788%2026.617l-.013.01zm-23.342%200l.013.01z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/proper-roof-outline.svg?color=%231a73e8&size=48
