home more icon
home-more-48-regular from Fluent UI System Icons by Microsoft Corporation · 48 Regular · MIT Free for personal and commercial use.
- Name
- home-more-48-regular
- Set
- Fluent UI System Icons
- Style
- 48 Regular
- Viewbox
- 48×48
- License
- MIT
7 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the home more icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M26.25 24.5a2.25 2.25 0 1 1-4.5 0a2.25 2.25 0 0 1 4.5 0M17 26.75a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5m16.25-2.25a2.25 2.25 0 1 1-4.5 0a2.25 2.25 0 0 1 4.5 0M24 33.75a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5m-4.75-2.25a2.25 2.25 0 1 1-4.5 0a2.25 2.25 0 0 1 4.5 0M31 33.75a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5M26.394 5.855a3.78 3.78 0 0 0-4.788 0L8.431 16.597A3.91 3.91 0 0 0 7 19.628v19.485C7 41.26 8.713 43 10.825 43h26.35C39.288 43 41 41.26 41 39.113V19.628a3.91 3.91 0 0 0-1.431-3.031zM33 40.41v-.002l-.075.002h-22.1c-.704 0-1.275-.58-1.275-1.296V19.628a1.3 1.3 0 0 1 .477-1.01L23.202 7.875a1.26 1.26 0 0 1 1.596 0l13.175 10.741c.302.246.477.618.477 1.011v19.485c0 .716-.57 1.296-1.275 1.296z"/></svg>
React
import type { SVGProps } from "react";
export function FluentHomeMore48Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M26.25 24.5a2.25 2.25 0 1 1-4.5 0a2.25 2.25 0 0 1 4.5 0M17 26.75a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5m16.25-2.25a2.25 2.25 0 1 1-4.5 0a2.25 2.25 0 0 1 4.5 0M24 33.75a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5m-4.75-2.25a2.25 2.25 0 1 1-4.5 0a2.25 2.25 0 0 1 4.5 0M31 33.75a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5M26.394 5.855a3.78 3.78 0 0 0-4.788 0L8.431 16.597A3.91 3.91 0 0 0 7 19.628v19.485C7 41.26 8.713 43 10.825 43h26.35C39.288 43 41 41.26 41 39.113V19.628a3.91 3.91 0 0 0-1.431-3.031zM33 40.41v-.002l-.075.002h-22.1c-.704 0-1.275-.58-1.275-1.296V19.628a1.3 1.3 0 0 1 .477-1.01L23.202 7.875a1.26 1.26 0 0 1 1.596 0l13.175 10.741c.302.246.477.618.477 1.011v19.485c0 .716-.57 1.296-1.275 1.296z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M26.25 24.5a2.25 2.25 0 1 1-4.5 0a2.25 2.25 0 0 1 4.5 0M17 26.75a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5m16.25-2.25a2.25 2.25 0 1 1-4.5 0a2.25 2.25 0 0 1 4.5 0M24 33.75a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5m-4.75-2.25a2.25 2.25 0 1 1-4.5 0a2.25 2.25 0 0 1 4.5 0M31 33.75a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5M26.394 5.855a3.78 3.78 0 0 0-4.788 0L8.431 16.597A3.91 3.91 0 0 0 7 19.628v19.485C7 41.26 8.713 43 10.825 43h26.35C39.288 43 41 41.26 41 39.113V19.628a3.91 3.91 0 0 0-1.431-3.031zM33 40.41v-.002l-.075.002h-22.1c-.704 0-1.275-.58-1.275-1.296V19.628a1.3 1.3 0 0 1 .477-1.01L23.202 7.875a1.26 1.26 0 0 1 1.596 0l13.175 10.741c.302.246.477.618.477 1.011v19.485c0 .716-.57 1.296-1.275 1.296z"/></svg> </template>
CSS
.icon-home-more-48-regular {
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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M26.25%2024.5a2.25%202.25%200%201%201-4.5%200a2.25%202.25%200%200%201%204.5%200M17%2026.75a2.25%202.25%200%201%200%200-4.5a2.25%202.25%200%200%200%200%204.5m16.25-2.25a2.25%202.25%200%201%201-4.5%200a2.25%202.25%200%200%201%204.5%200M24%2033.75a2.25%202.25%200%201%200%200-4.5a2.25%202.25%200%200%200%200%204.5m-4.75-2.25a2.25%202.25%200%201%201-4.5%200a2.25%202.25%200%200%201%204.5%200M31%2033.75a2.25%202.25%200%201%200%200-4.5a2.25%202.25%200%200%200%200%204.5M26.394%205.855a3.78%203.78%200%200%200-4.788%200L8.431%2016.597A3.91%203.91%200%200%200%207%2019.628v19.485C7%2041.26%208.713%2043%2010.825%2043h26.35C39.288%2043%2041%2041.26%2041%2039.113V19.628a3.91%203.91%200%200%200-1.431-3.031zM33%2040.41v-.002l-.075.002h-22.1c-.704%200-1.275-.58-1.275-1.296V19.628a1.3%201.3%200%200%201%20.477-1.01L23.202%207.875a1.26%201.26%200%200%201%201.596%200l13.175%2010.741c.302.246.477.618.477%201.011v19.485c0%20.716-.57%201.296-1.275%201.296z%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M26.25%2024.5a2.25%202.25%200%201%201-4.5%200a2.25%202.25%200%200%201%204.5%200M17%2026.75a2.25%202.25%200%201%200%200-4.5a2.25%202.25%200%200%200%200%204.5m16.25-2.25a2.25%202.25%200%201%201-4.5%200a2.25%202.25%200%200%201%204.5%200M24%2033.75a2.25%202.25%200%201%200%200-4.5a2.25%202.25%200%200%200%200%204.5m-4.75-2.25a2.25%202.25%200%201%201-4.5%200a2.25%202.25%200%200%201%204.5%200M31%2033.75a2.25%202.25%200%201%200%200-4.5a2.25%202.25%200%200%200%200%204.5M26.394%205.855a3.78%203.78%200%200%200-4.788%200L8.431%2016.597A3.91%203.91%200%200%200%207%2019.628v19.485C7%2041.26%208.713%2043%2010.825%2043h26.35C39.288%2043%2041%2041.26%2041%2039.113V19.628a3.91%203.91%200%200%200-1.431-3.031zM33%2040.41v-.002l-.075.002h-22.1c-.704%200-1.275-.58-1.275-1.296V19.628a1.3%201.3%200%200%201%20.477-1.01L23.202%207.875a1.26%201.26%200%200%201%201.596%200l13.175%2010.741c.302.246.477.618.477%201.011v19.485c0%20.716-.57%201.296-1.275%201.296z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/home-more-48-regular.svg?color=%231a73e8&size=48
