proper roof negative icon
proper-roof-negative from Health Icons by Resolve to Save Lives · Filled · MIT Free for personal and commercial use.
- Name
- proper-roof-negative
- Set
- Health Icons
- Style
- Filled
- Viewbox
- 48×48
- License
- MIT
Related icons in Health Icons
Use the proper roof negative icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><g fill="currentColor" clip-path="url(#healthiconsProperRoofNegative)"><path d="M28 41v1z"/><path fill-rule="evenodd" d="M0 0h48v48H0zm23.293 6.293a1 1 0 0 1 1.414 0l4.357 4.356C28.779 11.41 27.984 12 27 12s-1.779-.591-2.064-1.35a1 1 0 0 0-1.872 0C22.779 11.408 21.984 12 21 12s-1.779-.591-2.064-1.35zM27 14c1.473 0 2.794-.734 3.542-1.873l5.989 5.99q-.121.063-.226.164c-.44.426-1.112.719-1.892.719c-1.507 0-2.471-1.027-2.471-2a1 1 0 1 0-2 0c0 .973-.965 2-2.471 2S25 17.973 25 17a1 1 0 1 0-2 0c0 .973-.964 2-2.471 2c-1.506 0-2.47-1.027-2.47-2a1 1 0 1 0-2 0c0 .973-.965 2-2.472 2c-.78 0-1.451-.293-1.892-.72a1 1 0 0 0-.226-.163l5.99-5.99C18.205 13.268 19.526 14 21 14a4.27 4.27 0 0 0 3-1.213A4.27 4.27 0 0 0 27 14m-16.883 5.47l-2.824 2.823A1 1 0 0 0 7 23c0 1.55 1.453 3 3.5 3c1.11 0 2.018-.254 2.617-.663c.562-.385.883-.919.883-1.67a1 1 0 1 1 2 0c0 .751.321 1.285.883 1.67c.599.41 1.507.663 2.617.663s2.018-.254 2.617-.663c.562-.385.883-.919.883-1.67a1 1 0 1 1 2 0c0 .751.321 1.285.883 1.67c.599.41 1.507.663 2.617.663s2.018-.254 2.617-.663c.562-.385.883-.919.883-1.67a1 1 0 1 1 2 0c0 .751.321 1.285.883 1.67c.599.41 1.507.663 2.617.663c2.047 0 3.5-1.45 3.5-3a1 1 0 0 0-.293-.707l-2.824-2.824a1 1 0 0 1-.188.25c-.83.802-2.007 1.281-3.282 1.281c-1.344 0-2.627-.553-3.471-1.472c-.844.919-2.127 1.472-3.471 1.472s-2.627-.553-3.471-1.472c-.844.919-2.127 1.472-3.471 1.472s-2.627-.553-3.47-1.472C16.213 20.447 14.93 21 13.586 21c-1.275 0-2.452-.48-3.282-1.28a1 1 0 0 1-.188-.25M10.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 0 4.233.182l.074.001H20v-6.737c0-1.912 1.596-3.763 4-3.763s4 1.85 4 3.763V42h.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.334V28c-1.376 0-2.717-.308-3.747-1.013a4.3 4.3 0 0 1-.753-.654a4.3 4.3 0 0 1-.753.654C31.217 27.692 29.876 28 28.5 28s-2.717-.308-3.747-1.013a4.3 4.3 0 0 1-.753-.654a4.3 4.3 0 0 1-.753.654C22.217 27.692 20.876 28 19.5 28s-2.717-.308-3.747-1.013a4.3 4.3 0 0 1-.753-.654a4.3 4.3 0 0 1-.753.654C13.217 27.692 11.876 28 10.5 28" clip-rule="evenodd"/></g><defs><clipPath id="healthiconsProperRoofNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsProperRoofNegative(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><g fill="currentColor" clipPath="url(#healthiconsProperRoofNegative)"><path d="M28 41v1z"/><path fillRule="evenodd" d="M0 0h48v48H0zm23.293 6.293a1 1 0 0 1 1.414 0l4.357 4.356C28.779 11.41 27.984 12 27 12s-1.779-.591-2.064-1.35a1 1 0 0 0-1.872 0C22.779 11.408 21.984 12 21 12s-1.779-.591-2.064-1.35zM27 14c1.473 0 2.794-.734 3.542-1.873l5.989 5.99q-.121.063-.226.164c-.44.426-1.112.719-1.892.719c-1.507 0-2.471-1.027-2.471-2a1 1 0 1 0-2 0c0 .973-.965 2-2.471 2S25 17.973 25 17a1 1 0 1 0-2 0c0 .973-.964 2-2.471 2c-1.506 0-2.47-1.027-2.47-2a1 1 0 1 0-2 0c0 .973-.965 2-2.472 2c-.78 0-1.451-.293-1.892-.72a1 1 0 0 0-.226-.163l5.99-5.99C18.205 13.268 19.526 14 21 14a4.27 4.27 0 0 0 3-1.213A4.27 4.27 0 0 0 27 14m-16.883 5.47l-2.824 2.823A1 1 0 0 0 7 23c0 1.55 1.453 3 3.5 3c1.11 0 2.018-.254 2.617-.663c.562-.385.883-.919.883-1.67a1 1 0 1 1 2 0c0 .751.321 1.285.883 1.67c.599.41 1.507.663 2.617.663s2.018-.254 2.617-.663c.562-.385.883-.919.883-1.67a1 1 0 1 1 2 0c0 .751.321 1.285.883 1.67c.599.41 1.507.663 2.617.663s2.018-.254 2.617-.663c.562-.385.883-.919.883-1.67a1 1 0 1 1 2 0c0 .751.321 1.285.883 1.67c.599.41 1.507.663 2.617.663c2.047 0 3.5-1.45 3.5-3a1 1 0 0 0-.293-.707l-2.824-2.824a1 1 0 0 1-.188.25c-.83.802-2.007 1.281-3.282 1.281c-1.344 0-2.627-.553-3.471-1.472c-.844.919-2.127 1.472-3.471 1.472s-2.627-.553-3.471-1.472c-.844.919-2.127 1.472-3.471 1.472s-2.627-.553-3.47-1.472C16.213 20.447 14.93 21 13.586 21c-1.275 0-2.452-.48-3.282-1.28a1 1 0 0 1-.188-.25M10.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 0 4.233.182l.074.001H20v-6.737c0-1.912 1.596-3.763 4-3.763s4 1.85 4 3.763V42h.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.334V28c-1.376 0-2.717-.308-3.747-1.013a4.3 4.3 0 0 1-.753-.654a4.3 4.3 0 0 1-.753.654C31.217 27.692 29.876 28 28.5 28s-2.717-.308-3.747-1.013a4.3 4.3 0 0 1-.753-.654a4.3 4.3 0 0 1-.753.654C22.217 27.692 20.876 28 19.5 28s-2.717-.308-3.747-1.013a4.3 4.3 0 0 1-.753-.654a4.3 4.3 0 0 1-.753.654C13.217 27.692 11.876 28 10.5 28" clipRule="evenodd"/></g><defs><clipPath id="healthiconsProperRoofNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><g fill="currentColor" clip-path="url(#healthiconsProperRoofNegative)"><path d="M28 41v1z"/><path fill-rule="evenodd" d="M0 0h48v48H0zm23.293 6.293a1 1 0 0 1 1.414 0l4.357 4.356C28.779 11.41 27.984 12 27 12s-1.779-.591-2.064-1.35a1 1 0 0 0-1.872 0C22.779 11.408 21.984 12 21 12s-1.779-.591-2.064-1.35zM27 14c1.473 0 2.794-.734 3.542-1.873l5.989 5.99q-.121.063-.226.164c-.44.426-1.112.719-1.892.719c-1.507 0-2.471-1.027-2.471-2a1 1 0 1 0-2 0c0 .973-.965 2-2.471 2S25 17.973 25 17a1 1 0 1 0-2 0c0 .973-.964 2-2.471 2c-1.506 0-2.47-1.027-2.47-2a1 1 0 1 0-2 0c0 .973-.965 2-2.472 2c-.78 0-1.451-.293-1.892-.72a1 1 0 0 0-.226-.163l5.99-5.99C18.205 13.268 19.526 14 21 14a4.27 4.27 0 0 0 3-1.213A4.27 4.27 0 0 0 27 14m-16.883 5.47l-2.824 2.823A1 1 0 0 0 7 23c0 1.55 1.453 3 3.5 3c1.11 0 2.018-.254 2.617-.663c.562-.385.883-.919.883-1.67a1 1 0 1 1 2 0c0 .751.321 1.285.883 1.67c.599.41 1.507.663 2.617.663s2.018-.254 2.617-.663c.562-.385.883-.919.883-1.67a1 1 0 1 1 2 0c0 .751.321 1.285.883 1.67c.599.41 1.507.663 2.617.663s2.018-.254 2.617-.663c.562-.385.883-.919.883-1.67a1 1 0 1 1 2 0c0 .751.321 1.285.883 1.67c.599.41 1.507.663 2.617.663c2.047 0 3.5-1.45 3.5-3a1 1 0 0 0-.293-.707l-2.824-2.824a1 1 0 0 1-.188.25c-.83.802-2.007 1.281-3.282 1.281c-1.344 0-2.627-.553-3.471-1.472c-.844.919-2.127 1.472-3.471 1.472s-2.627-.553-3.471-1.472c-.844.919-2.127 1.472-3.471 1.472s-2.627-.553-3.47-1.472C16.213 20.447 14.93 21 13.586 21c-1.275 0-2.452-.48-3.282-1.28a1 1 0 0 1-.188-.25M10.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 0 4.233.182l.074.001H20v-6.737c0-1.912 1.596-3.763 4-3.763s4 1.85 4 3.763V42h.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.334V28c-1.376 0-2.717-.308-3.747-1.013a4.3 4.3 0 0 1-.753-.654a4.3 4.3 0 0 1-.753.654C31.217 27.692 29.876 28 28.5 28s-2.717-.308-3.747-1.013a4.3 4.3 0 0 1-.753-.654a4.3 4.3 0 0 1-.753.654C22.217 27.692 20.876 28 19.5 28s-2.717-.308-3.747-1.013a4.3 4.3 0 0 1-.753-.654a4.3 4.3 0 0 1-.753.654C13.217 27.692 11.876 28 10.5 28" clip-rule="evenodd"/></g><defs><clipPath id="healthiconsProperRoofNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-proper-roof-negative {
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%22none%22%3E%3Cg%20fill%3D%22currentColor%22%20clip-path%3D%22url(%23healthiconsProperRoofNegative)%22%3E%3Cpath%20d%3D%22M28%2041v1z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200h48v48H0zm23.293%206.293a1%201%200%200%201%201.414%200l4.357%204.356C28.779%2011.41%2027.984%2012%2027%2012s-1.779-.591-2.064-1.35a1%201%200%200%200-1.872%200C22.779%2011.408%2021.984%2012%2021%2012s-1.779-.591-2.064-1.35zM27%2014c1.473%200%202.794-.734%203.542-1.873l5.989%205.99q-.121.063-.226.164c-.44.426-1.112.719-1.892.719c-1.507%200-2.471-1.027-2.471-2a1%201%200%201%200-2%200c0%20.973-.965%202-2.471%202S25%2017.973%2025%2017a1%201%200%201%200-2%200c0%20.973-.964%202-2.471%202c-1.506%200-2.47-1.027-2.47-2a1%201%200%201%200-2%200c0%20.973-.965%202-2.472%202c-.78%200-1.451-.293-1.892-.72a1%201%200%200%200-.226-.163l5.99-5.99C18.205%2013.268%2019.526%2014%2021%2014a4.27%204.27%200%200%200%203-1.213A4.27%204.27%200%200%200%2027%2014m-16.883%205.47l-2.824%202.823A1%201%200%200%200%207%2023c0%201.55%201.453%203%203.5%203c1.11%200%202.018-.254%202.617-.663c.562-.385.883-.919.883-1.67a1%201%200%201%201%202%200c0%20.751.321%201.285.883%201.67c.599.41%201.507.663%202.617.663s2.018-.254%202.617-.663c.562-.385.883-.919.883-1.67a1%201%200%201%201%202%200c0%20.751.321%201.285.883%201.67c.599.41%201.507.663%202.617.663s2.018-.254%202.617-.663c.562-.385.883-.919.883-1.67a1%201%200%201%201%202%200c0%20.751.321%201.285.883%201.67c.599.41%201.507.663%202.617.663c2.047%200%203.5-1.45%203.5-3a1%201%200%200%200-.293-.707l-2.824-2.824a1%201%200%200%201-.188.25c-.83.802-2.007%201.281-3.282%201.281c-1.344%200-2.627-.553-3.471-1.472c-.844.919-2.127%201.472-3.471%201.472s-2.627-.553-3.471-1.472c-.844.919-2.127%201.472-3.471%201.472s-2.627-.553-3.47-1.472C16.213%2020.447%2014.93%2021%2013.586%2021c-1.275%200-2.452-.48-3.282-1.28a1%201%200%200%201-.188-.25M10.5%2028v11.566c0%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.001H20v-6.737c0-1.912%201.596-3.763%204-3.763s4%201.85%204%203.763V42h.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.334V28c-1.376%200-2.717-.308-3.747-1.013a4.3%204.3%200%200%201-.753-.654a4.3%204.3%200%200%201-.753.654C31.217%2027.692%2029.876%2028%2028.5%2028s-2.717-.308-3.747-1.013a4.3%204.3%200%200%201-.753-.654a4.3%204.3%200%200%201-.753.654C22.217%2027.692%2020.876%2028%2019.5%2028s-2.717-.308-3.747-1.013a4.3%204.3%200%200%201-.753-.654a4.3%204.3%200%200%201-.753.654C13.217%2027.692%2011.876%2028%2010.5%2028%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22healthiconsProperRoofNegative%22%3E%3Cpath%20d%3D%22M0%200h48v48H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%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%22none%22%3E%3Cg%20fill%3D%22currentColor%22%20clip-path%3D%22url(%23healthiconsProperRoofNegative)%22%3E%3Cpath%20d%3D%22M28%2041v1z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200h48v48H0zm23.293%206.293a1%201%200%200%201%201.414%200l4.357%204.356C28.779%2011.41%2027.984%2012%2027%2012s-1.779-.591-2.064-1.35a1%201%200%200%200-1.872%200C22.779%2011.408%2021.984%2012%2021%2012s-1.779-.591-2.064-1.35zM27%2014c1.473%200%202.794-.734%203.542-1.873l5.989%205.99q-.121.063-.226.164c-.44.426-1.112.719-1.892.719c-1.507%200-2.471-1.027-2.471-2a1%201%200%201%200-2%200c0%20.973-.965%202-2.471%202S25%2017.973%2025%2017a1%201%200%201%200-2%200c0%20.973-.964%202-2.471%202c-1.506%200-2.47-1.027-2.47-2a1%201%200%201%200-2%200c0%20.973-.965%202-2.472%202c-.78%200-1.451-.293-1.892-.72a1%201%200%200%200-.226-.163l5.99-5.99C18.205%2013.268%2019.526%2014%2021%2014a4.27%204.27%200%200%200%203-1.213A4.27%204.27%200%200%200%2027%2014m-16.883%205.47l-2.824%202.823A1%201%200%200%200%207%2023c0%201.55%201.453%203%203.5%203c1.11%200%202.018-.254%202.617-.663c.562-.385.883-.919.883-1.67a1%201%200%201%201%202%200c0%20.751.321%201.285.883%201.67c.599.41%201.507.663%202.617.663s2.018-.254%202.617-.663c.562-.385.883-.919.883-1.67a1%201%200%201%201%202%200c0%20.751.321%201.285.883%201.67c.599.41%201.507.663%202.617.663s2.018-.254%202.617-.663c.562-.385.883-.919.883-1.67a1%201%200%201%201%202%200c0%20.751.321%201.285.883%201.67c.599.41%201.507.663%202.617.663c2.047%200%203.5-1.45%203.5-3a1%201%200%200%200-.293-.707l-2.824-2.824a1%201%200%200%201-.188.25c-.83.802-2.007%201.281-3.282%201.281c-1.344%200-2.627-.553-3.471-1.472c-.844.919-2.127%201.472-3.471%201.472s-2.627-.553-3.471-1.472c-.844.919-2.127%201.472-3.471%201.472s-2.627-.553-3.47-1.472C16.213%2020.447%2014.93%2021%2013.586%2021c-1.275%200-2.452-.48-3.282-1.28a1%201%200%200%201-.188-.25M10.5%2028v11.566c0%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.001H20v-6.737c0-1.912%201.596-3.763%204-3.763s4%201.85%204%203.763V42h.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.334V28c-1.376%200-2.717-.308-3.747-1.013a4.3%204.3%200%200%201-.753-.654a4.3%204.3%200%200%201-.753.654C31.217%2027.692%2029.876%2028%2028.5%2028s-2.717-.308-3.747-1.013a4.3%204.3%200%200%201-.753-.654a4.3%204.3%200%200%201-.753.654C22.217%2027.692%2020.876%2028%2019.5%2028s-2.717-.308-3.747-1.013a4.3%204.3%200%200%201-.753-.654a4.3%204.3%200%200%201-.753.654C13.217%2027.692%2011.876%2028%2010.5%2028%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22healthiconsProperRoofNegative%22%3E%3Cpath%20d%3D%22M0%200h48v48H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/proper-roof-negative.svg?color=%231a73e8&size=48
