home icon
home-twotone from Ant Design Icons by HeskeyBaozi · TwoTone · MIT Free for personal and commercial use.
- Name
- home-twotone
- Set
- Ant Design Icons
- Style
- TwoTone
- Viewbox
- 1024×1024
- License
- MIT
2 other variants in Ant Design Icons
The same icon in other sets
homeAkar 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 IconshomeLine Awesome
Use the home icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fill-opacity=".15" d="m512.1 172.6l-370 369.7h96V868H392V640c0-22.1 17.9-40 40-40h160c22.1 0 40 17.9 40 40v228h153.9V542.3H882L535.2 195.7zm434.5 422.9c-6 6-13.1 10.8-20.8 13.9c7.7-3.2 14.8-7.9 20.8-13.9m-887-34.7c5 30.3 31.4 53.5 63.1 53.5h.9c-31.9 0-58.9-23-64-53.5m-.9-10.5v-1.9zm.1-2.6c.1-3.1.5-6.1 1-9.1c-.6 2.9-.9 6-1 9.1"/><path fill="currentColor" d="M951 510c0-.1-.1-.1-.1-.2l-1.8-2.1c-.1-.1-.2-.3-.4-.4c-.7-.8-1.5-1.6-2.2-2.4L560.1 118.8l-25.9-25.9a31.5 31.5 0 0 0-44.4 0L77.5 505a63.6 63.6 0 0 0-16 26.6l-.6 2.1l-.3 1.1l-.3 1.2c-.2.7-.3 1.4-.4 2.1c0 .1 0 .3-.1.4c-.6 3-.9 6-1 9.1v3.3c0 .5 0 1 .1 1.5c0 .5 0 .9.1 1.4c0 .5.1 1 .1 1.5c0 .6.1 1.2.2 1.8c0 .3.1.6.1.9l.3 2.5v.1c5.1 30.5 32.2 53.5 64 53.5h42.5V940h691.7V614.3h43.4c8.6 0 16.9-1.7 24.5-4.9s14.7-7.9 20.8-13.9a63.6 63.6 0 0 0 18.7-45.3c0-14.7-5-28.8-14.3-40.2M568 868H456V664h112zm217.9-325.7V868H632V640c0-22.1-17.9-40-40-40H432c-22.1 0-40 17.9-40 40v228H238.1V542.3h-96l370-369.7l23.1 23.1L882 542.3z"/></svg>
React
import type { SVGProps } from "react";
export function AntDesignHomeTwotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fillOpacity=".15" d="m512.1 172.6l-370 369.7h96V868H392V640c0-22.1 17.9-40 40-40h160c22.1 0 40 17.9 40 40v228h153.9V542.3H882L535.2 195.7zm434.5 422.9c-6 6-13.1 10.8-20.8 13.9c7.7-3.2 14.8-7.9 20.8-13.9m-887-34.7c5 30.3 31.4 53.5 63.1 53.5h.9c-31.9 0-58.9-23-64-53.5m-.9-10.5v-1.9zm.1-2.6c.1-3.1.5-6.1 1-9.1c-.6 2.9-.9 6-1 9.1"/><path fill="currentColor" d="M951 510c0-.1-.1-.1-.1-.2l-1.8-2.1c-.1-.1-.2-.3-.4-.4c-.7-.8-1.5-1.6-2.2-2.4L560.1 118.8l-25.9-25.9a31.5 31.5 0 0 0-44.4 0L77.5 505a63.6 63.6 0 0 0-16 26.6l-.6 2.1l-.3 1.1l-.3 1.2c-.2.7-.3 1.4-.4 2.1c0 .1 0 .3-.1.4c-.6 3-.9 6-1 9.1v3.3c0 .5 0 1 .1 1.5c0 .5 0 .9.1 1.4c0 .5.1 1 .1 1.5c0 .6.1 1.2.2 1.8c0 .3.1.6.1.9l.3 2.5v.1c5.1 30.5 32.2 53.5 64 53.5h42.5V940h691.7V614.3h43.4c8.6 0 16.9-1.7 24.5-4.9s14.7-7.9 20.8-13.9a63.6 63.6 0 0 0 18.7-45.3c0-14.7-5-28.8-14.3-40.2M568 868H456V664h112zm217.9-325.7V868H632V640c0-22.1-17.9-40-40-40H432c-22.1 0-40 17.9-40 40v228H238.1V542.3h-96l370-369.7l23.1 23.1L882 542.3z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fill-opacity=".15" d="m512.1 172.6l-370 369.7h96V868H392V640c0-22.1 17.9-40 40-40h160c22.1 0 40 17.9 40 40v228h153.9V542.3H882L535.2 195.7zm434.5 422.9c-6 6-13.1 10.8-20.8 13.9c7.7-3.2 14.8-7.9 20.8-13.9m-887-34.7c5 30.3 31.4 53.5 63.1 53.5h.9c-31.9 0-58.9-23-64-53.5m-.9-10.5v-1.9zm.1-2.6c.1-3.1.5-6.1 1-9.1c-.6 2.9-.9 6-1 9.1"/><path fill="currentColor" d="M951 510c0-.1-.1-.1-.1-.2l-1.8-2.1c-.1-.1-.2-.3-.4-.4c-.7-.8-1.5-1.6-2.2-2.4L560.1 118.8l-25.9-25.9a31.5 31.5 0 0 0-44.4 0L77.5 505a63.6 63.6 0 0 0-16 26.6l-.6 2.1l-.3 1.1l-.3 1.2c-.2.7-.3 1.4-.4 2.1c0 .1 0 .3-.1.4c-.6 3-.9 6-1 9.1v3.3c0 .5 0 1 .1 1.5c0 .5 0 .9.1 1.4c0 .5.1 1 .1 1.5c0 .6.1 1.2.2 1.8c0 .3.1.6.1.9l.3 2.5v.1c5.1 30.5 32.2 53.5 64 53.5h42.5V940h691.7V614.3h43.4c8.6 0 16.9-1.7 24.5-4.9s14.7-7.9 20.8-13.9a63.6 63.6 0 0 0 18.7-45.3c0-14.7-5-28.8-14.3-40.2M568 868H456V664h112zm217.9-325.7V868H632V640c0-22.1-17.9-40-40-40H432c-22.1 0-40 17.9-40 40v228H238.1V542.3h-96l370-369.7l23.1 23.1L882 542.3z"/></svg> </template>
CSS
.icon-home-twotone {
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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.15%22%20d%3D%22m512.1%20172.6l-370%20369.7h96V868H392V640c0-22.1%2017.9-40%2040-40h160c22.1%200%2040%2017.9%2040%2040v228h153.9V542.3H882L535.2%20195.7zm434.5%20422.9c-6%206-13.1%2010.8-20.8%2013.9c7.7-3.2%2014.8-7.9%2020.8-13.9m-887-34.7c5%2030.3%2031.4%2053.5%2063.1%2053.5h.9c-31.9%200-58.9-23-64-53.5m-.9-10.5v-1.9zm.1-2.6c.1-3.1.5-6.1%201-9.1c-.6%202.9-.9%206-1%209.1%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M951%20510c0-.1-.1-.1-.1-.2l-1.8-2.1c-.1-.1-.2-.3-.4-.4c-.7-.8-1.5-1.6-2.2-2.4L560.1%20118.8l-25.9-25.9a31.5%2031.5%200%200%200-44.4%200L77.5%20505a63.6%2063.6%200%200%200-16%2026.6l-.6%202.1l-.3%201.1l-.3%201.2c-.2.7-.3%201.4-.4%202.1c0%20.1%200%20.3-.1.4c-.6%203-.9%206-1%209.1v3.3c0%20.5%200%201%20.1%201.5c0%20.5%200%20.9.1%201.4c0%20.5.1%201%20.1%201.5c0%20.6.1%201.2.2%201.8c0%20.3.1.6.1.9l.3%202.5v.1c5.1%2030.5%2032.2%2053.5%2064%2053.5h42.5V940h691.7V614.3h43.4c8.6%200%2016.9-1.7%2024.5-4.9s14.7-7.9%2020.8-13.9a63.6%2063.6%200%200%200%2018.7-45.3c0-14.7-5-28.8-14.3-40.2M568%20868H456V664h112zm217.9-325.7V868H632V640c0-22.1-17.9-40-40-40H432c-22.1%200-40%2017.9-40%2040v228H238.1V542.3h-96l370-369.7l23.1%2023.1L882%20542.3z%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.15%22%20d%3D%22m512.1%20172.6l-370%20369.7h96V868H392V640c0-22.1%2017.9-40%2040-40h160c22.1%200%2040%2017.9%2040%2040v228h153.9V542.3H882L535.2%20195.7zm434.5%20422.9c-6%206-13.1%2010.8-20.8%2013.9c7.7-3.2%2014.8-7.9%2020.8-13.9m-887-34.7c5%2030.3%2031.4%2053.5%2063.1%2053.5h.9c-31.9%200-58.9-23-64-53.5m-.9-10.5v-1.9zm.1-2.6c.1-3.1.5-6.1%201-9.1c-.6%202.9-.9%206-1%209.1%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M951%20510c0-.1-.1-.1-.1-.2l-1.8-2.1c-.1-.1-.2-.3-.4-.4c-.7-.8-1.5-1.6-2.2-2.4L560.1%20118.8l-25.9-25.9a31.5%2031.5%200%200%200-44.4%200L77.5%20505a63.6%2063.6%200%200%200-16%2026.6l-.6%202.1l-.3%201.1l-.3%201.2c-.2.7-.3%201.4-.4%202.1c0%20.1%200%20.3-.1.4c-.6%203-.9%206-1%209.1v3.3c0%20.5%200%201%20.1%201.5c0%20.5%200%20.9.1%201.4c0%20.5.1%201%20.1%201.5c0%20.6.1%201.2.2%201.8c0%20.3.1.6.1.9l.3%202.5v.1c5.1%2030.5%2032.2%2053.5%2064%2053.5h42.5V940h691.7V614.3h43.4c8.6%200%2016.9-1.7%2024.5-4.9s14.7-7.9%2020.8-13.9a63.6%2063.6%200%200%200%2018.7-45.3c0-14.7-5-28.8-14.3-40.2M568%20868H456V664h112zm217.9-325.7V868H632V640c0-22.1-17.9-40-40-40H432c-22.1%200-40%2017.9-40%2040v228H238.1V542.3h-96l370-369.7l23.1%2023.1L882%20542.3z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/home-twotone.svg?color=%231a73e8&size=48
