home security lock icon

home-security-lock-fill from Mage Icons by MageIcons · Fill · Apache-2.0 Free for personal and commercial use.

Name
home-security-lock-fill
Set
Mage Icons
Style
Fill
Viewbox
24×24
License
Apache 2.0

1 other variant in Mage Icons

home-security-lock

Related icons in Mage Icons

home-2home-3home-4home-checkhome-crosshome-hearthome-plus

Use the home security lock icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.183 7.765a2.93 2.93 0 0 0-1.16-1.28l-6.47-4a3 3 0 0 0-3.16 0l-6.47 4a3 3 0 0 0-1.12 1.29a2.9 2.9 0 0 0-.24 1.7l1.68 10a2.94 2.94 0 0 0 1 1.79a3 3 0 0 0 1.9.7h9.62a3.12 3.12 0 0 0 2-.7a2.94 2.94 0 0 0 1-1.79l1.68-10a3 3 0 0 0-.26-1.71m-4.73 8.49a1.92 1.92 0 0 1-2 1.87h-5a1.92 1.92 0 0 1-2-1.87v-3.5a1.89 1.89 0 0 1 1.43-1.8v-.5a3 3 0 0 1 .89-2.14a3.07 3.07 0 0 1 4.27 0a3 3 0 0 1 .89 2.14v.5a1.89 1.89 0 0 1 1.43 1.8z"/><path fill="currentColor" d="M13.613 10.455v.43h-3.19v-.43a1.6 1.6 0 0 1 .47-1.13a1.63 1.63 0 0 1 2.25 0a1.6 1.6 0 0 1 .47 1.13"/></svg>

React

import type { SVGProps } from "react";

export function MageHomeSecurityLockFill(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="M21.183 7.765a2.93 2.93 0 0 0-1.16-1.28l-6.47-4a3 3 0 0 0-3.16 0l-6.47 4a3 3 0 0 0-1.12 1.29a2.9 2.9 0 0 0-.24 1.7l1.68 10a2.94 2.94 0 0 0 1 1.79a3 3 0 0 0 1.9.7h9.62a3.12 3.12 0 0 0 2-.7a2.94 2.94 0 0 0 1-1.79l1.68-10a3 3 0 0 0-.26-1.71m-4.73 8.49a1.92 1.92 0 0 1-2 1.87h-5a1.92 1.92 0 0 1-2-1.87v-3.5a1.89 1.89 0 0 1 1.43-1.8v-.5a3 3 0 0 1 .89-2.14a3.07 3.07 0 0 1 4.27 0a3 3 0 0 1 .89 2.14v.5a1.89 1.89 0 0 1 1.43 1.8z"/><path fill="currentColor" d="M13.613 10.455v.43h-3.19v-.43a1.6 1.6 0 0 1 .47-1.13a1.63 1.63 0 0 1 2.25 0a1.6 1.6 0 0 1 .47 1.13"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.183 7.765a2.93 2.93 0 0 0-1.16-1.28l-6.47-4a3 3 0 0 0-3.16 0l-6.47 4a3 3 0 0 0-1.12 1.29a2.9 2.9 0 0 0-.24 1.7l1.68 10a2.94 2.94 0 0 0 1 1.79a3 3 0 0 0 1.9.7h9.62a3.12 3.12 0 0 0 2-.7a2.94 2.94 0 0 0 1-1.79l1.68-10a3 3 0 0 0-.26-1.71m-4.73 8.49a1.92 1.92 0 0 1-2 1.87h-5a1.92 1.92 0 0 1-2-1.87v-3.5a1.89 1.89 0 0 1 1.43-1.8v-.5a3 3 0 0 1 .89-2.14a3.07 3.07 0 0 1 4.27 0a3 3 0 0 1 .89 2.14v.5a1.89 1.89 0 0 1 1.43 1.8z"/><path fill="currentColor" d="M13.613 10.455v.43h-3.19v-.43a1.6 1.6 0 0 1 .47-1.13a1.63 1.63 0 0 1 2.25 0a1.6 1.6 0 0 1 .47 1.13"/></svg>
</template>

CSS

.icon-home-security-lock-fill {
  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%22M21.183%207.765a2.93%202.93%200%200%200-1.16-1.28l-6.47-4a3%203%200%200%200-3.16%200l-6.47%204a3%203%200%200%200-1.12%201.29a2.9%202.9%200%200%200-.24%201.7l1.68%2010a2.94%202.94%200%200%200%201%201.79a3%203%200%200%200%201.9.7h9.62a3.12%203.12%200%200%200%202-.7a2.94%202.94%200%200%200%201-1.79l1.68-10a3%203%200%200%200-.26-1.71m-4.73%208.49a1.92%201.92%200%200%201-2%201.87h-5a1.92%201.92%200%200%201-2-1.87v-3.5a1.89%201.89%200%200%201%201.43-1.8v-.5a3%203%200%200%201%20.89-2.14a3.07%203.07%200%200%201%204.27%200a3%203%200%200%201%20.89%202.14v.5a1.89%201.89%200%200%201%201.43%201.8z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.613%2010.455v.43h-3.19v-.43a1.6%201.6%200%200%201%20.47-1.13a1.63%201.63%200%200%201%202.25%200a1.6%201.6%200%200%201%20.47%201.13%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%22M21.183%207.765a2.93%202.93%200%200%200-1.16-1.28l-6.47-4a3%203%200%200%200-3.16%200l-6.47%204a3%203%200%200%200-1.12%201.29a2.9%202.9%200%200%200-.24%201.7l1.68%2010a2.94%202.94%200%200%200%201%201.79a3%203%200%200%200%201.9.7h9.62a3.12%203.12%200%200%200%202-.7a2.94%202.94%200%200%200%201-1.79l1.68-10a3%203%200%200%200-.26-1.71m-4.73%208.49a1.92%201.92%200%200%201-2%201.87h-5a1.92%201.92%200%200%201-2-1.87v-3.5a1.89%201.89%200%200%201%201.43-1.8v-.5a3%203%200%200%201%20.89-2.14a3.07%203.07%200%200%201%204.27%200a3%203%200%200%201%20.89%202.14v.5a1.89%201.89%200%200%201%201.43%201.8z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.613%2010.455v.43h-3.19v-.43a1.6%201.6%200%200%201%20.47-1.13a1.63%201.63%200%200%201%202.25%200a1.6%201.6%200%200%201%20.47%201.13%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/home-security-lock-fill.svg?color=%231a73e8&size=48

Home Security Lock fill icon — Mage Icons · IconsDB