smart home2 icon
smart-home2-filled from Reicon by REICON · Filled · UI · MIT Free for personal and commercial use.
- Name
- smart-home2-filled
- Set
- Reicon
- Style
- Filled
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
More ui icons from Reicon
Use the smart home2 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2.25 12.25A.75.75 0 0 1 3 11.5a9.75 9.75 0 0 1 9.75 9.75a.75.75 0 0 1-1.5 0A8.25 8.25 0 0 0 3 13a.75.75 0 0 1-.75-.75"/><path d="M2.25 15.25A.75.75 0 0 1 3 14.5a6.75 6.75 0 0 1 6.75 6.75a.75.75 0 0 1-1.5 0C8.25 18.35 5.9 16 3 16a.75.75 0 0 1-.75-.75"/><path d="M3 17.5A.75.75 0 0 0 3 19a2.25 2.25 0 0 1 2.25 2.25a.75.75 0 0 0 1.5 0A3.75 3.75 0 0 0 3 17.5m-.976-7.278C2.32 10.08 2.65 10 3 10c6.213 0 11.25 5.037 11.25 11.25q-.002.396-.128.749c2.782-.01 4.276-.104 5.329-1.01c1.175-1.013 1.419-2.706 1.906-6.094l.279-1.937c.38-2.637.57-3.956.029-5.083s-1.691-1.813-3.992-3.183l-1.385-.825C14.2 2.622 13.154 2 12 2s-2.199.622-4.288 1.867l-1.385.825c-2.3 1.37-3.451 2.056-3.992 3.183c-.31.648-.38 1.359-.31 2.347"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconSmartHome2Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2.25 12.25A.75.75 0 0 1 3 11.5a9.75 9.75 0 0 1 9.75 9.75a.75.75 0 0 1-1.5 0A8.25 8.25 0 0 0 3 13a.75.75 0 0 1-.75-.75"/><path d="M2.25 15.25A.75.75 0 0 1 3 14.5a6.75 6.75 0 0 1 6.75 6.75a.75.75 0 0 1-1.5 0C8.25 18.35 5.9 16 3 16a.75.75 0 0 1-.75-.75"/><path d="M3 17.5A.75.75 0 0 0 3 19a2.25 2.25 0 0 1 2.25 2.25a.75.75 0 0 0 1.5 0A3.75 3.75 0 0 0 3 17.5m-.976-7.278C2.32 10.08 2.65 10 3 10c6.213 0 11.25 5.037 11.25 11.25q-.002.396-.128.749c2.782-.01 4.276-.104 5.329-1.01c1.175-1.013 1.419-2.706 1.906-6.094l.279-1.937c.38-2.637.57-3.956.029-5.083s-1.691-1.813-3.992-3.183l-1.385-.825C14.2 2.622 13.154 2 12 2s-2.199.622-4.288 1.867l-1.385.825c-2.3 1.37-3.451 2.056-3.992 3.183c-.31.648-.38 1.359-.31 2.347"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2.25 12.25A.75.75 0 0 1 3 11.5a9.75 9.75 0 0 1 9.75 9.75a.75.75 0 0 1-1.5 0A8.25 8.25 0 0 0 3 13a.75.75 0 0 1-.75-.75"/><path d="M2.25 15.25A.75.75 0 0 1 3 14.5a6.75 6.75 0 0 1 6.75 6.75a.75.75 0 0 1-1.5 0C8.25 18.35 5.9 16 3 16a.75.75 0 0 1-.75-.75"/><path d="M3 17.5A.75.75 0 0 0 3 19a2.25 2.25 0 0 1 2.25 2.25a.75.75 0 0 0 1.5 0A3.75 3.75 0 0 0 3 17.5m-.976-7.278C2.32 10.08 2.65 10 3 10c6.213 0 11.25 5.037 11.25 11.25q-.002.396-.128.749c2.782-.01 4.276-.104 5.329-1.01c1.175-1.013 1.419-2.706 1.906-6.094l.279-1.937c.38-2.637.57-3.956.029-5.083s-1.691-1.813-3.992-3.183l-1.385-.825C14.2 2.622 13.154 2 12 2s-2.199.622-4.288 1.867l-1.385.825c-2.3 1.37-3.451 2.056-3.992 3.183c-.31.648-.38 1.359-.31 2.347"/></g></svg> </template>
CSS
.icon-smart-home2-filled {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M2.25%2012.25A.75.75%200%200%201%203%2011.5a9.75%209.75%200%200%201%209.75%209.75a.75.75%200%200%201-1.5%200A8.25%208.25%200%200%200%203%2013a.75.75%200%200%201-.75-.75%22%2F%3E%3Cpath%20d%3D%22M2.25%2015.25A.75.75%200%200%201%203%2014.5a6.75%206.75%200%200%201%206.75%206.75a.75.75%200%200%201-1.5%200C8.25%2018.35%205.9%2016%203%2016a.75.75%200%200%201-.75-.75%22%2F%3E%3Cpath%20d%3D%22M3%2017.5A.75.75%200%200%200%203%2019a2.25%202.25%200%200%201%202.25%202.25a.75.75%200%200%200%201.5%200A3.75%203.75%200%200%200%203%2017.5m-.976-7.278C2.32%2010.08%202.65%2010%203%2010c6.213%200%2011.25%205.037%2011.25%2011.25q-.002.396-.128.749c2.782-.01%204.276-.104%205.329-1.01c1.175-1.013%201.419-2.706%201.906-6.094l.279-1.937c.38-2.637.57-3.956.029-5.083s-1.691-1.813-3.992-3.183l-1.385-.825C14.2%202.622%2013.154%202%2012%202s-2.199.622-4.288%201.867l-1.385.825c-2.3%201.37-3.451%202.056-3.992%203.183c-.31.648-.38%201.359-.31%202.347%22%2F%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M2.25%2012.25A.75.75%200%200%201%203%2011.5a9.75%209.75%200%200%201%209.75%209.75a.75.75%200%200%201-1.5%200A8.25%208.25%200%200%200%203%2013a.75.75%200%200%201-.75-.75%22%2F%3E%3Cpath%20d%3D%22M2.25%2015.25A.75.75%200%200%201%203%2014.5a6.75%206.75%200%200%201%206.75%206.75a.75.75%200%200%201-1.5%200C8.25%2018.35%205.9%2016%203%2016a.75.75%200%200%201-.75-.75%22%2F%3E%3Cpath%20d%3D%22M3%2017.5A.75.75%200%200%200%203%2019a2.25%202.25%200%200%201%202.25%202.25a.75.75%200%200%200%201.5%200A3.75%203.75%200%200%200%203%2017.5m-.976-7.278C2.32%2010.08%202.65%2010%203%2010c6.213%200%2011.25%205.037%2011.25%2011.25q-.002.396-.128.749c2.782-.01%204.276-.104%205.329-1.01c1.175-1.013%201.419-2.706%201.906-6.094l.279-1.937c.38-2.637.57-3.956.029-5.083s-1.691-1.813-3.992-3.183l-1.385-.825C14.2%202.622%2013.154%202%2012%202s-2.199.622-4.288%201.867l-1.385.825c-2.3%201.37-3.451%202.056-3.992%203.183c-.31.648-.38%201.359-.31%202.347%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/smart-home2-filled.svg?color=%231a73e8&size=48
