home icon
home-sharp-fill from Keyline Icons by Keyline Icons · Sharp Fill · MIT Free for personal and commercial use.
- Name
- home-sharp-fill
- Set
- Keyline Icons
- Style
- Sharp Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
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
Use the home icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.6135 2.2048L20.9395 8.6379L21.6854 9.3401C21.8862 9.529 22 9.7925 22 10.0682L21.9998 21.0002C21.9998 21.5525 21.5521 22.0002 20.9998 22.0002L16 22.0002L16 13.0002L8 13.0002L8 22.0002L3.0002 22.0002C2.4479 22.0002 2.0002 21.5525 2.0002 21.0002L2 9.9999C2 9.706 2.1293 9.4269 2.3536 9.2369L11.3881 2.2069C11.7482 1.9266 12.2524 1.9258 12.6135 2.2048Z"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsHomeSharpFill(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.6135 2.2048L20.9395 8.6379L21.6854 9.3401C21.8862 9.529 22 9.7925 22 10.0682L21.9998 21.0002C21.9998 21.5525 21.5521 22.0002 20.9998 22.0002L16 22.0002L16 13.0002L8 13.0002L8 22.0002L3.0002 22.0002C2.4479 22.0002 2.0002 21.5525 2.0002 21.0002L2 9.9999C2 9.706 2.1293 9.4269 2.3536 9.2369L11.3881 2.2069C11.7482 1.9266 12.2524 1.9258 12.6135 2.2048Z"/></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.6135 2.2048L20.9395 8.6379L21.6854 9.3401C21.8862 9.529 22 9.7925 22 10.0682L21.9998 21.0002C21.9998 21.5525 21.5521 22.0002 20.9998 22.0002L16 22.0002L16 13.0002L8 13.0002L8 22.0002L3.0002 22.0002C2.4479 22.0002 2.0002 21.5525 2.0002 21.0002L2 9.9999C2 9.706 2.1293 9.4269 2.3536 9.2369L11.3881 2.2069C11.7482 1.9266 12.2524 1.9258 12.6135 2.2048Z"/></svg> </template>
CSS
.icon-home-sharp-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%22M12.6135%202.2048L20.9395%208.6379L21.6854%209.3401C21.8862%209.529%2022%209.7925%2022%2010.0682L21.9998%2021.0002C21.9998%2021.5525%2021.5521%2022.0002%2020.9998%2022.0002L16%2022.0002L16%2013.0002L8%2013.0002L8%2022.0002L3.0002%2022.0002C2.4479%2022.0002%202.0002%2021.5525%202.0002%2021.0002L2%209.9999C2%209.706%202.1293%209.4269%202.3536%209.2369L11.3881%202.2069C11.7482%201.9266%2012.2524%201.9258%2012.6135%202.2048Z%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.6135%202.2048L20.9395%208.6379L21.6854%209.3401C21.8862%209.529%2022%209.7925%2022%2010.0682L21.9998%2021.0002C21.9998%2021.5525%2021.5521%2022.0002%2020.9998%2022.0002L16%2022.0002L16%2013.0002L8%2013.0002L8%2022.0002L3.0002%2022.0002C2.4479%2022.0002%202.0002%2021.5525%202.0002%2021.0002L2%209.9999C2%209.706%202.1293%209.4269%202.3536%209.2369L11.3881%202.2069C11.7482%201.9266%2012.2524%201.9258%2012.6135%202.2048Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/home-sharp-fill.svg?color=%231a73e8&size=48
