home icon
home-linear from Solar by 480 Design · Linear · UI · CC-BY-4.0 Attribution required.
- Name
- home-linear
- Set
- Solar
- Style
- Linear
- Category
- UI
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
homeAkar Iconshome-filledAnt Design IconshomeBoxIcons v2homeBoxIcons v2 SolidhomeCarbonhomeCodiconshome-fillEva IconshomeFont Awesome RegularhomeFont Awesome SolidhomeFeather Iconshome-outlineFlowbite Iconshome-12-filledFluent UI System Iconshome-16Fluent UI System Color Iconshomecss.gghomeHealth IconshomeHeroIconshomeHumbleiconshomeIconParkhomeIconPark OutlinehomeIconPark SolidhomeIconPark TwoTonehomeIconoirhomeIonIconshomeJam Icons
More ui icons from Solar
accessibility-boldadd-boldadd-circle-boldadd-square-boldaugmented-reality-boldballoon-boldbattery-charge-boldbattery-charge-minimalistic-boldbattery-full-boldbattery-full-minimalistic-boldbattery-half-boldbattery-half-minimalistic-boldbattery-low-boldbattery-low-minimalistic-boldblocks-boldbody-boldbolt-boldbolt-circle-boldbox-boldbox-minimalistic-boldbroom-boldcat-boldcheck-circle-boldcheck-square-bold
Use the home icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 12.2039C2 9.91549 2 8.77128 2.5192 7.82274C3.0384 6.87421 3.98695 6.28551 5.88403 5.10813L7.88403 3.86687C9.88939 2.62229 10.8921 2 12 2C13.1079 2 14.1106 2.62229 16.116 3.86687L18.116 5.10812C20.0131 6.28551 20.9616 6.87421 21.4808 7.82274C22 8.77128 22 9.91549 22 12.2039V13.725C22 17.6258 22 19.5763 20.8284 20.7881C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.7881C2 19.5763 2 17.6258 2 13.725V12.2039Z"/><path stroke-linecap="round" d="M15 18H9"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarHomeLinear(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path d="M2 12.2039C2 9.91549 2 8.77128 2.5192 7.82274C3.0384 6.87421 3.98695 6.28551 5.88403 5.10813L7.88403 3.86687C9.88939 2.62229 10.8921 2 12 2C13.1079 2 14.1106 2.62229 16.116 3.86687L18.116 5.10812C20.0131 6.28551 20.9616 6.87421 21.4808 7.82274C22 8.77128 22 9.91549 22 12.2039V13.725C22 17.6258 22 19.5763 20.8284 20.7881C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.7881C2 19.5763 2 17.6258 2 13.725V12.2039Z"/><path strokeLinecap="round" d="M15 18H9"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 12.2039C2 9.91549 2 8.77128 2.5192 7.82274C3.0384 6.87421 3.98695 6.28551 5.88403 5.10813L7.88403 3.86687C9.88939 2.62229 10.8921 2 12 2C13.1079 2 14.1106 2.62229 16.116 3.86687L18.116 5.10812C20.0131 6.28551 20.9616 6.87421 21.4808 7.82274C22 8.77128 22 9.91549 22 12.2039V13.725C22 17.6258 22 19.5763 20.8284 20.7881C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.7881C2 19.5763 2 17.6258 2 13.725V12.2039Z"/><path stroke-linecap="round" d="M15 18H9"/></g></svg> </template>
CSS
.icon-home-linear {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M2%2012.2039C2%209.91549%202%208.77128%202.5192%207.82274C3.0384%206.87421%203.98695%206.28551%205.88403%205.10813L7.88403%203.86687C9.88939%202.62229%2010.8921%202%2012%202C13.1079%202%2014.1106%202.62229%2016.116%203.86687L18.116%205.10812C20.0131%206.28551%2020.9616%206.87421%2021.4808%207.82274C22%208.77128%2022%209.91549%2022%2012.2039V13.725C22%2017.6258%2022%2019.5763%2020.8284%2020.7881C19.6569%2022%2017.7712%2022%2014%2022H10C6.22876%2022%204.34315%2022%203.17157%2020.7881C2%2019.5763%202%2017.6258%202%2013.725V12.2039Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M15%2018H9%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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M2%2012.2039C2%209.91549%202%208.77128%202.5192%207.82274C3.0384%206.87421%203.98695%206.28551%205.88403%205.10813L7.88403%203.86687C9.88939%202.62229%2010.8921%202%2012%202C13.1079%202%2014.1106%202.62229%2016.116%203.86687L18.116%205.10812C20.0131%206.28551%2020.9616%206.87421%2021.4808%207.82274C22%208.77128%2022%209.91549%2022%2012.2039V13.725C22%2017.6258%2022%2019.5763%2020.8284%2020.7881C19.6569%2022%2017.7712%2022%2014%2022H10C6.22876%2022%204.34315%2022%203.17157%2020.7881C2%2019.5763%202%2017.6258%202%2013.725V12.2039Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M15%2018H9%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/home-linear.svg?color=%231a73e8&size=48
