shield with house icon

shield-with-house-outline-rounded from Material Symbols by Google · Outline Rounded · Home · Apache-2.0 Free for personal and commercial use.

Name
shield-with-house-outline-rounded
Set
Material Symbols
Style
Outline Rounded
Category
Home
Viewbox
24×24
License
Apache 2.0

3 other variants in Material Symbols

shield-with-houseshield-with-house-outlineshield-with-house-rounded

The same icon in other sets

shield-with-houseMaterial Symbols Light

More home icons from Material Symbols

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 shield with house icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m12 9.525l-5.6 4.35q.475 1.575 1.4 2.863T10 18.9V16q0-.425.288-.712T11 15h2q.425 0 .713.288T14 16v2.9q1.275-.875 2.2-2.162t1.4-2.863zm-6-3.15V11.1q0 .125.013.275t.012.275L12 7l5.975 4.65q0-.125.013-.275T18 11.1V6.375l-6-2.25zm5.675 15.5q-.15-.025-.3-.075Q8 20.675 6 17.637T4 11.1V6.375q0-.625.363-1.125t.937-.725l6-2.25q.35-.125.7-.125t.7.125l6 2.25q.575.225.938.725T20 6.375V11.1q0 3.5-2 6.538T12.625 21.8q-.15.05-.3.075T12 21.9t-.325-.025"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsShieldWithHouseOutlineRounded(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 9.525l-5.6 4.35q.475 1.575 1.4 2.863T10 18.9V16q0-.425.288-.712T11 15h2q.425 0 .713.288T14 16v2.9q1.275-.875 2.2-2.162t1.4-2.863zm-6-3.15V11.1q0 .125.013.275t.012.275L12 7l5.975 4.65q0-.125.013-.275T18 11.1V6.375l-6-2.25zm5.675 15.5q-.15-.025-.3-.075Q8 20.675 6 17.637T4 11.1V6.375q0-.625.363-1.125t.937-.725l6-2.25q.35-.125.7-.125t.7.125l6 2.25q.575.225.938.725T20 6.375V11.1q0 3.5-2 6.538T12.625 21.8q-.15.05-.3.075T12 21.9t-.325-.025"/></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 9.525l-5.6 4.35q.475 1.575 1.4 2.863T10 18.9V16q0-.425.288-.712T11 15h2q.425 0 .713.288T14 16v2.9q1.275-.875 2.2-2.162t1.4-2.863zm-6-3.15V11.1q0 .125.013.275t.012.275L12 7l5.975 4.65q0-.125.013-.275T18 11.1V6.375l-6-2.25zm5.675 15.5q-.15-.025-.3-.075Q8 20.675 6 17.637T4 11.1V6.375q0-.625.363-1.125t.937-.725l6-2.25q.35-.125.7-.125t.7.125l6 2.25q.575.225.938.725T20 6.375V11.1q0 3.5-2 6.538T12.625 21.8q-.15.05-.3.075T12 21.9t-.325-.025"/></svg>
</template>

CSS

.icon-shield-with-house-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%209.525l-5.6%204.35q.475%201.575%201.4%202.863T10%2018.9V16q0-.425.288-.712T11%2015h2q.425%200%20.713.288T14%2016v2.9q1.275-.875%202.2-2.162t1.4-2.863zm-6-3.15V11.1q0%20.125.013.275t.012.275L12%207l5.975%204.65q0-.125.013-.275T18%2011.1V6.375l-6-2.25zm5.675%2015.5q-.15-.025-.3-.075Q8%2020.675%206%2017.637T4%2011.1V6.375q0-.625.363-1.125t.937-.725l6-2.25q.35-.125.7-.125t.7.125l6%202.25q.575.225.938.725T20%206.375V11.1q0%203.5-2%206.538T12.625%2021.8q-.15.05-.3.075T12%2021.9t-.325-.025%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%209.525l-5.6%204.35q.475%201.575%201.4%202.863T10%2018.9V16q0-.425.288-.712T11%2015h2q.425%200%20.713.288T14%2016v2.9q1.275-.875%202.2-2.162t1.4-2.863zm-6-3.15V11.1q0%20.125.013.275t.012.275L12%207l5.975%204.65q0-.125.013-.275T18%2011.1V6.375l-6-2.25zm5.675%2015.5q-.15-.025-.3-.075Q8%2020.675%206%2017.637T4%2011.1V6.375q0-.625.363-1.125t.937-.725l6-2.25q.35-.125.7-.125t.7.125l6%202.25q.575.225.938.725T20%206.375V11.1q0%203.5-2%206.538T12.625%2021.8q-.15.05-.3.075T12%2021.9t-.325-.025%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/shield-with-house-outline-rounded.svg?color=%231a73e8&size=48