house lock icon

house-lock from Font Awesome Solid by Dave Gandy · Solid · CC-BY-4.0 Attribution required.

Name
house-lock
Set
Font Awesome Solid
Style
Solid
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

house-lockBootstrap Iconshouse-lockFont Awesome 6 Solid

Related icons in Font Awesome Solid

house-chimneyhouse-chimney-crackhouse-chimney-medicalhouse-chimney-userhouse-chimney-windowhouse-circle-checkhouse-circle-exclamationhouse-circle-xmarkhouse-crackhouse-damagehouse-firehouse-flaghouse-flood-waterhouse-flood-water-circle-arrow-righthouse-laptophouse-medicalhouse-medical-circle-checkhouse-medical-circle-exclamationhouse-medical-circle-xmarkhouse-medical-flaghouse-signalhouse-tsunamihouse-user

Use the house lock icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M528 288.1c44.2 0 80 35.8 80 80v50.6c18.6 6.6 32 24.4 32 45.3v96c0 26.5-21.5 48-48 48H464c-26.5 0-48-21.5-48-48v-96c0-20.9 13.4-38.7 32-45.3v-50.6c0-44.2 35.8-80 80-80M268.6 70.5c12.2-9.3 29.7-8.7 41.2 2l185 171.8C440.2 259 400 308.8 400 368v24.4c-19.6 17.6-32 43.1-32 71.5v96c0 5.5.5 10.9 1.3 16.1H144c-35.3 0-64-28.7-64-64V336H64c-13.2 0-25-8.1-29.8-20.3s-1.6-26.2 8-35.1l224-208l2.4-2zM272 384c-26.5 0-48 21.5-48 48v96h96v-87.3c0-16.5 7-31.5 18.4-42.1c-8.7-9-20.9-14.6-34.4-14.6zm256-47.9c-17.7 0-32 14.3-32 32V416h64v-47.9c0-17.7-14.3-32-32-32"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidHouseLock(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M528 288.1c44.2 0 80 35.8 80 80v50.6c18.6 6.6 32 24.4 32 45.3v96c0 26.5-21.5 48-48 48H464c-26.5 0-48-21.5-48-48v-96c0-20.9 13.4-38.7 32-45.3v-50.6c0-44.2 35.8-80 80-80M268.6 70.5c12.2-9.3 29.7-8.7 41.2 2l185 171.8C440.2 259 400 308.8 400 368v24.4c-19.6 17.6-32 43.1-32 71.5v96c0 5.5.5 10.9 1.3 16.1H144c-35.3 0-64-28.7-64-64V336H64c-13.2 0-25-8.1-29.8-20.3s-1.6-26.2 8-35.1l224-208l2.4-2zM272 384c-26.5 0-48 21.5-48 48v96h96v-87.3c0-16.5 7-31.5 18.4-42.1c-8.7-9-20.9-14.6-34.4-14.6zm256-47.9c-17.7 0-32 14.3-32 32V416h64v-47.9c0-17.7-14.3-32-32-32"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M528 288.1c44.2 0 80 35.8 80 80v50.6c18.6 6.6 32 24.4 32 45.3v96c0 26.5-21.5 48-48 48H464c-26.5 0-48-21.5-48-48v-96c0-20.9 13.4-38.7 32-45.3v-50.6c0-44.2 35.8-80 80-80M268.6 70.5c12.2-9.3 29.7-8.7 41.2 2l185 171.8C440.2 259 400 308.8 400 368v24.4c-19.6 17.6-32 43.1-32 71.5v96c0 5.5.5 10.9 1.3 16.1H144c-35.3 0-64-28.7-64-64V336H64c-13.2 0-25-8.1-29.8-20.3s-1.6-26.2 8-35.1l224-208l2.4-2zM272 384c-26.5 0-48 21.5-48 48v96h96v-87.3c0-16.5 7-31.5 18.4-42.1c-8.7-9-20.9-14.6-34.4-14.6zm256-47.9c-17.7 0-32 14.3-32 32V416h64v-47.9c0-17.7-14.3-32-32-32"/></svg>
</template>

CSS

.icon-house-lock {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M528%20288.1c44.2%200%2080%2035.8%2080%2080v50.6c18.6%206.6%2032%2024.4%2032%2045.3v96c0%2026.5-21.5%2048-48%2048H464c-26.5%200-48-21.5-48-48v-96c0-20.9%2013.4-38.7%2032-45.3v-50.6c0-44.2%2035.8-80%2080-80M268.6%2070.5c12.2-9.3%2029.7-8.7%2041.2%202l185%20171.8C440.2%20259%20400%20308.8%20400%20368v24.4c-19.6%2017.6-32%2043.1-32%2071.5v96c0%205.5.5%2010.9%201.3%2016.1H144c-35.3%200-64-28.7-64-64V336H64c-13.2%200-25-8.1-29.8-20.3s-1.6-26.2%208-35.1l224-208l2.4-2zM272%20384c-26.5%200-48%2021.5-48%2048v96h96v-87.3c0-16.5%207-31.5%2018.4-42.1c-8.7-9-20.9-14.6-34.4-14.6zm256-47.9c-17.7%200-32%2014.3-32%2032V416h64v-47.9c0-17.7-14.3-32-32-32%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M528%20288.1c44.2%200%2080%2035.8%2080%2080v50.6c18.6%206.6%2032%2024.4%2032%2045.3v96c0%2026.5-21.5%2048-48%2048H464c-26.5%200-48-21.5-48-48v-96c0-20.9%2013.4-38.7%2032-45.3v-50.6c0-44.2%2035.8-80%2080-80M268.6%2070.5c12.2-9.3%2029.7-8.7%2041.2%202l185%20171.8C440.2%20259%20400%20308.8%20400%20368v24.4c-19.6%2017.6-32%2043.1-32%2071.5v96c0%205.5.5%2010.9%201.3%2016.1H144c-35.3%200-64-28.7-64-64V336H64c-13.2%200-25-8.1-29.8-20.3s-1.6-26.2%208-35.1l224-208l2.4-2zM272%20384c-26.5%200-48%2021.5-48%2048v96h96v-87.3c0-16.5%207-31.5%2018.4-42.1c-8.7-9-20.9-14.6-34.4-14.6zm256-47.9c-17.7%200-32%2014.3-32%2032V416h64v-47.9c0-17.7-14.3-32-32-32%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/house-lock.svg?color=%231a73e8&size=48