familiar face and zone icon

familiar-face-and-zone-outline-rounded from Material Symbols Light by Google · Outline Rounded · Home · Apache-2.0 Free for personal and commercial use.

Name
familiar-face-and-zone-outline-rounded
Set
Material Symbols Light
Style
Outline Rounded
Category
Home
Viewbox
24×24
License
Apache 2.0

5 other variants in Material Symbols Light

familiar-face-and-zonefamiliar-face-and-zone-outlinefamiliar-face-and-zone-outline-sharpfamiliar-face-and-zone-roundedfamiliar-face-and-zone-sharp

The same icon in other sets

familiar-face-and-zoneMaterial Symbols

More home icons from Material Symbols Light

activity-zoneairwaveaqaq-indoorarming-countdownarrows-more-downarrows-more-upassistant-on-hubbattery-horiz-000battery-horiz-050battery-horiz-075battery-profilechromecast-2cleaning-bucketclimate-mini-splitcool-to-drydetection-and-zonedetection-and-zone-offdetectordetector-alarmdetector-batterydetector-codetector-offlinedetector-status

Use the familiar face and zone icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.003 19q-2.93 0-4.966-2.033T5 12.003t2.034-4.966T11.997 5t4.967 2.034T19 11.997t-2.033 4.967T12.003 19M12 18q2.5 0 4.25-1.75T18 12q0-.435-.062-.857q-.063-.422-.188-.831q-.394.094-.793.141q-.4.047-.798.047q-1.676 0-3.169-.706q-1.492-.705-2.579-1.971q-.623 1.444-1.761 2.523Q7.511 11.425 6 11.94q.017 2.488 1.764 4.275Q9.511 18 12 18m-5.83-7.208q1.157-.517 2.222-1.616Q9.458 8.077 9.74 6.431q-1.412.557-2.349 1.706q-.936 1.15-1.22 2.655m2.852 2.686q-.272-.272-.272-.674t.272-.69t.674-.287t.69.288t.287.689t-.288.674t-.689.272t-.674-.272M16.154 9.5q.323 0 .617-.029t.598-.112q-.748-1.567-2.203-2.463T12 6q-.42 0-.771.039q-.352.038-.708.14q.937 1.702 2.486 2.512q1.549.809 3.147.809m-2.517 3.978q-.271-.272-.271-.674t.271-.69t.675-.287t.689.288t.288.689t-.288.674t-.69.272t-.674-.272M2 5.5V3.616q0-.691.463-1.153T3.616 2H5.5q.213 0 .356.144T6 2.501t-.144.356T5.5 3H3.616q-.232 0-.424.192T3 3.616V5.5q0 .213-.144.356T2.499 6t-.356-.144T2 5.5M5.5 22H3.616q-.691 0-1.153-.462T2 20.385V18.5q0-.213.144-.356T2.501 18t.356.144T3 18.5v1.885q0 .23.192.423t.423.192H5.5q.213 0 .356.144t.144.357t-.144.356T5.5 22m14.885 0H18.5q-.213 0-.356-.144T18 21.499t.144-.356T18.5 21h1.885q.23 0 .423-.192t.192-.424V18h1v2.385q0 .69-.462 1.152T20.385 22M21 5.5V3.616q0-.232-.192-.424T20.385 3H18.5q-.213 0-.356-.144T18 2.499t.144-.356T18.5 2h1.885q.69 0 1.152.463T22 3.616V5.5q0 .213-.144.356T21.499 6t-.356-.144T21 5.5m-11.261.93"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightFamiliarFaceAndZoneOutlineRounded(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.003 19q-2.93 0-4.966-2.033T5 12.003t2.034-4.966T11.997 5t4.967 2.034T19 11.997t-2.033 4.967T12.003 19M12 18q2.5 0 4.25-1.75T18 12q0-.435-.062-.857q-.063-.422-.188-.831q-.394.094-.793.141q-.4.047-.798.047q-1.676 0-3.169-.706q-1.492-.705-2.579-1.971q-.623 1.444-1.761 2.523Q7.511 11.425 6 11.94q.017 2.488 1.764 4.275Q9.511 18 12 18m-5.83-7.208q1.157-.517 2.222-1.616Q9.458 8.077 9.74 6.431q-1.412.557-2.349 1.706q-.936 1.15-1.22 2.655m2.852 2.686q-.272-.272-.272-.674t.272-.69t.674-.287t.69.288t.287.689t-.288.674t-.689.272t-.674-.272M16.154 9.5q.323 0 .617-.029t.598-.112q-.748-1.567-2.203-2.463T12 6q-.42 0-.771.039q-.352.038-.708.14q.937 1.702 2.486 2.512q1.549.809 3.147.809m-2.517 3.978q-.271-.272-.271-.674t.271-.69t.675-.287t.689.288t.288.689t-.288.674t-.69.272t-.674-.272M2 5.5V3.616q0-.691.463-1.153T3.616 2H5.5q.213 0 .356.144T6 2.501t-.144.356T5.5 3H3.616q-.232 0-.424.192T3 3.616V5.5q0 .213-.144.356T2.499 6t-.356-.144T2 5.5M5.5 22H3.616q-.691 0-1.153-.462T2 20.385V18.5q0-.213.144-.356T2.501 18t.356.144T3 18.5v1.885q0 .23.192.423t.423.192H5.5q.213 0 .356.144t.144.357t-.144.356T5.5 22m14.885 0H18.5q-.213 0-.356-.144T18 21.499t.144-.356T18.5 21h1.885q.23 0 .423-.192t.192-.424V18h1v2.385q0 .69-.462 1.152T20.385 22M21 5.5V3.616q0-.232-.192-.424T20.385 3H18.5q-.213 0-.356-.144T18 2.499t.144-.356T18.5 2h1.885q.69 0 1.152.463T22 3.616V5.5q0 .213-.144.356T21.499 6t-.356-.144T21 5.5m-11.261.93"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.003 19q-2.93 0-4.966-2.033T5 12.003t2.034-4.966T11.997 5t4.967 2.034T19 11.997t-2.033 4.967T12.003 19M12 18q2.5 0 4.25-1.75T18 12q0-.435-.062-.857q-.063-.422-.188-.831q-.394.094-.793.141q-.4.047-.798.047q-1.676 0-3.169-.706q-1.492-.705-2.579-1.971q-.623 1.444-1.761 2.523Q7.511 11.425 6 11.94q.017 2.488 1.764 4.275Q9.511 18 12 18m-5.83-7.208q1.157-.517 2.222-1.616Q9.458 8.077 9.74 6.431q-1.412.557-2.349 1.706q-.936 1.15-1.22 2.655m2.852 2.686q-.272-.272-.272-.674t.272-.69t.674-.287t.69.288t.287.689t-.288.674t-.689.272t-.674-.272M16.154 9.5q.323 0 .617-.029t.598-.112q-.748-1.567-2.203-2.463T12 6q-.42 0-.771.039q-.352.038-.708.14q.937 1.702 2.486 2.512q1.549.809 3.147.809m-2.517 3.978q-.271-.272-.271-.674t.271-.69t.675-.287t.689.288t.288.689t-.288.674t-.69.272t-.674-.272M2 5.5V3.616q0-.691.463-1.153T3.616 2H5.5q.213 0 .356.144T6 2.501t-.144.356T5.5 3H3.616q-.232 0-.424.192T3 3.616V5.5q0 .213-.144.356T2.499 6t-.356-.144T2 5.5M5.5 22H3.616q-.691 0-1.153-.462T2 20.385V18.5q0-.213.144-.356T2.501 18t.356.144T3 18.5v1.885q0 .23.192.423t.423.192H5.5q.213 0 .356.144t.144.357t-.144.356T5.5 22m14.885 0H18.5q-.213 0-.356-.144T18 21.499t.144-.356T18.5 21h1.885q.23 0 .423-.192t.192-.424V18h1v2.385q0 .69-.462 1.152T20.385 22M21 5.5V3.616q0-.232-.192-.424T20.385 3H18.5q-.213 0-.356-.144T18 2.499t.144-.356T18.5 2h1.885q.69 0 1.152.463T22 3.616V5.5q0 .213-.144.356T21.499 6t-.356-.144T21 5.5m-11.261.93"/></svg>
</template>

CSS

.icon-familiar-face-and-zone-outline-rounded {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.003%2019q-2.93%200-4.966-2.033T5%2012.003t2.034-4.966T11.997%205t4.967%202.034T19%2011.997t-2.033%204.967T12.003%2019M12%2018q2.5%200%204.25-1.75T18%2012q0-.435-.062-.857q-.063-.422-.188-.831q-.394.094-.793.141q-.4.047-.798.047q-1.676%200-3.169-.706q-1.492-.705-2.579-1.971q-.623%201.444-1.761%202.523Q7.511%2011.425%206%2011.94q.017%202.488%201.764%204.275Q9.511%2018%2012%2018m-5.83-7.208q1.157-.517%202.222-1.616Q9.458%208.077%209.74%206.431q-1.412.557-2.349%201.706q-.936%201.15-1.22%202.655m2.852%202.686q-.272-.272-.272-.674t.272-.69t.674-.287t.69.288t.287.689t-.288.674t-.689.272t-.674-.272M16.154%209.5q.323%200%20.617-.029t.598-.112q-.748-1.567-2.203-2.463T12%206q-.42%200-.771.039q-.352.038-.708.14q.937%201.702%202.486%202.512q1.549.809%203.147.809m-2.517%203.978q-.271-.272-.271-.674t.271-.69t.675-.287t.689.288t.288.689t-.288.674t-.69.272t-.674-.272M2%205.5V3.616q0-.691.463-1.153T3.616%202H5.5q.213%200%20.356.144T6%202.501t-.144.356T5.5%203H3.616q-.232%200-.424.192T3%203.616V5.5q0%20.213-.144.356T2.499%206t-.356-.144T2%205.5M5.5%2022H3.616q-.691%200-1.153-.462T2%2020.385V18.5q0-.213.144-.356T2.501%2018t.356.144T3%2018.5v1.885q0%20.23.192.423t.423.192H5.5q.213%200%20.356.144t.144.357t-.144.356T5.5%2022m14.885%200H18.5q-.213%200-.356-.144T18%2021.499t.144-.356T18.5%2021h1.885q.23%200%20.423-.192t.192-.424V18h1v2.385q0%20.69-.462%201.152T20.385%2022M21%205.5V3.616q0-.232-.192-.424T20.385%203H18.5q-.213%200-.356-.144T18%202.499t.144-.356T18.5%202h1.885q.69%200%201.152.463T22%203.616V5.5q0%20.213-.144.356T21.499%206t-.356-.144T21%205.5m-11.261.93%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.003%2019q-2.93%200-4.966-2.033T5%2012.003t2.034-4.966T11.997%205t4.967%202.034T19%2011.997t-2.033%204.967T12.003%2019M12%2018q2.5%200%204.25-1.75T18%2012q0-.435-.062-.857q-.063-.422-.188-.831q-.394.094-.793.141q-.4.047-.798.047q-1.676%200-3.169-.706q-1.492-.705-2.579-1.971q-.623%201.444-1.761%202.523Q7.511%2011.425%206%2011.94q.017%202.488%201.764%204.275Q9.511%2018%2012%2018m-5.83-7.208q1.157-.517%202.222-1.616Q9.458%208.077%209.74%206.431q-1.412.557-2.349%201.706q-.936%201.15-1.22%202.655m2.852%202.686q-.272-.272-.272-.674t.272-.69t.674-.287t.69.288t.287.689t-.288.674t-.689.272t-.674-.272M16.154%209.5q.323%200%20.617-.029t.598-.112q-.748-1.567-2.203-2.463T12%206q-.42%200-.771.039q-.352.038-.708.14q.937%201.702%202.486%202.512q1.549.809%203.147.809m-2.517%203.978q-.271-.272-.271-.674t.271-.69t.675-.287t.689.288t.288.689t-.288.674t-.69.272t-.674-.272M2%205.5V3.616q0-.691.463-1.153T3.616%202H5.5q.213%200%20.356.144T6%202.501t-.144.356T5.5%203H3.616q-.232%200-.424.192T3%203.616V5.5q0%20.213-.144.356T2.499%206t-.356-.144T2%205.5M5.5%2022H3.616q-.691%200-1.153-.462T2%2020.385V18.5q0-.213.144-.356T2.501%2018t.356.144T3%2018.5v1.885q0%20.23.192.423t.423.192H5.5q.213%200%20.356.144t.144.357t-.144.356T5.5%2022m14.885%200H18.5q-.213%200-.356-.144T18%2021.499t.144-.356T18.5%2021h1.885q.23%200%20.423-.192t.192-.424V18h1v2.385q0%20.69-.462%201.152T20.385%2022M21%205.5V3.616q0-.232-.192-.424T20.385%203H18.5q-.213%200-.356-.144T18%202.499t.144-.356T18.5%202h1.885q.69%200%201.152.463T22%203.616V5.5q0%20.213-.144.356T21.499%206t-.356-.144T21%205.5m-11.261.93%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/familiar-face-and-zone-outline-rounded.svg?color=%231a73e8&size=48