home 10 icon

home-10 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.

Name
home-10
Set
Huge Icons
Style
Stroke
Viewbox
24×24
License
MIT

Related icons in Huge Icons

home-01home-02home-03home-04home-05home-06home-07home-08home-09home-11home-12home-13home-wifi

Use the home 10 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-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M8.941 6.349L10.755 8.9c.37.52.554.78.65 1.079c.095.3.095.619.095 1.258V20h-6c-1.886 0-2.828 0-3.414-.589c-.586-.588-.586-1.536-.586-3.431v-4.742c0-.64 0-.959.095-1.258c.096-.3.28-.56.65-1.08L4.06 6.35C5.172 4.783 5.729 4 6.5 4c.772 0 1.328.783 2.441 2.349"/><path d="M8.5 20v-4c0-.748 0-1.121-.16-1.4a1.2 1.2 0 0 0-.44-.44C7.622 14 7.248 14 6.5 14s-1.122 0-1.4.16a1.2 1.2 0 0 0-.44.44c-.16.279-.16.652-.16 1.4v4"/><path d="M8.5 20h10c1.886 0 2.828 0 3.414-.586S22.5 17.886 22.5 16v-4.552c0-.716 0-1.075-.12-1.405c-.119-.33-.348-.605-.807-1.156L18.699 5.44c-.59-.707-.884-1.061-1.287-1.25C17.008 4 16.548 4 15.627 4H6.5M22 10H11.5"/></g></svg>

React

import type { SVGProps } from "react";

export function HugeiconsHome10(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" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5"><path d="M8.941 6.349L10.755 8.9c.37.52.554.78.65 1.079c.095.3.095.619.095 1.258V20h-6c-1.886 0-2.828 0-3.414-.589c-.586-.588-.586-1.536-.586-3.431v-4.742c0-.64 0-.959.095-1.258c.096-.3.28-.56.65-1.08L4.06 6.35C5.172 4.783 5.729 4 6.5 4c.772 0 1.328.783 2.441 2.349"/><path d="M8.5 20v-4c0-.748 0-1.121-.16-1.4a1.2 1.2 0 0 0-.44-.44C7.622 14 7.248 14 6.5 14s-1.122 0-1.4.16a1.2 1.2 0 0 0-.44.44c-.16.279-.16.652-.16 1.4v4"/><path d="M8.5 20h10c1.886 0 2.828 0 3.414-.586S22.5 17.886 22.5 16v-4.552c0-.716 0-1.075-.12-1.405c-.119-.33-.348-.605-.807-1.156L18.699 5.44c-.59-.707-.884-1.061-1.287-1.25C17.008 4 16.548 4 15.627 4H6.5M22 10H11.5"/></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-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M8.941 6.349L10.755 8.9c.37.52.554.78.65 1.079c.095.3.095.619.095 1.258V20h-6c-1.886 0-2.828 0-3.414-.589c-.586-.588-.586-1.536-.586-3.431v-4.742c0-.64 0-.959.095-1.258c.096-.3.28-.56.65-1.08L4.06 6.35C5.172 4.783 5.729 4 6.5 4c.772 0 1.328.783 2.441 2.349"/><path d="M8.5 20v-4c0-.748 0-1.121-.16-1.4a1.2 1.2 0 0 0-.44-.44C7.622 14 7.248 14 6.5 14s-1.122 0-1.4.16a1.2 1.2 0 0 0-.44.44c-.16.279-.16.652-.16 1.4v4"/><path d="M8.5 20h10c1.886 0 2.828 0 3.414-.586S22.5 17.886 22.5 16v-4.552c0-.716 0-1.075-.12-1.405c-.119-.33-.348-.605-.807-1.156L18.699 5.44c-.59-.707-.884-1.061-1.287-1.25C17.008 4 16.548 4 15.627 4H6.5M22 10H11.5"/></g></svg>
</template>

CSS

.icon-home-10 {
  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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M8.941%206.349L10.755%208.9c.37.52.554.78.65%201.079c.095.3.095.619.095%201.258V20h-6c-1.886%200-2.828%200-3.414-.589c-.586-.588-.586-1.536-.586-3.431v-4.742c0-.64%200-.959.095-1.258c.096-.3.28-.56.65-1.08L4.06%206.35C5.172%204.783%205.729%204%206.5%204c.772%200%201.328.783%202.441%202.349%22%2F%3E%3Cpath%20d%3D%22M8.5%2020v-4c0-.748%200-1.121-.16-1.4a1.2%201.2%200%200%200-.44-.44C7.622%2014%207.248%2014%206.5%2014s-1.122%200-1.4.16a1.2%201.2%200%200%200-.44.44c-.16.279-.16.652-.16%201.4v4%22%2F%3E%3Cpath%20d%3D%22M8.5%2020h10c1.886%200%202.828%200%203.414-.586S22.5%2017.886%2022.5%2016v-4.552c0-.716%200-1.075-.12-1.405c-.119-.33-.348-.605-.807-1.156L18.699%205.44c-.59-.707-.884-1.061-1.287-1.25C17.008%204%2016.548%204%2015.627%204H6.5M22%2010H11.5%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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M8.941%206.349L10.755%208.9c.37.52.554.78.65%201.079c.095.3.095.619.095%201.258V20h-6c-1.886%200-2.828%200-3.414-.589c-.586-.588-.586-1.536-.586-3.431v-4.742c0-.64%200-.959.095-1.258c.096-.3.28-.56.65-1.08L4.06%206.35C5.172%204.783%205.729%204%206.5%204c.772%200%201.328.783%202.441%202.349%22%2F%3E%3Cpath%20d%3D%22M8.5%2020v-4c0-.748%200-1.121-.16-1.4a1.2%201.2%200%200%200-.44-.44C7.622%2014%207.248%2014%206.5%2014s-1.122%200-1.4.16a1.2%201.2%200%200%200-.44.44c-.16.279-.16.652-.16%201.4v4%22%2F%3E%3Cpath%20d%3D%22M8.5%2020h10c1.886%200%202.828%200%203.414-.586S22.5%2017.886%2022.5%2016v-4.552c0-.716%200-1.075-.12-1.405c-.119-.33-.348-.605-.807-1.156L18.699%205.44c-.59-.707-.884-1.061-1.287-1.25C17.008%204%2016.548%204%2015.627%204H6.5M22%2010H11.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/home-10.svg?color=%231a73e8&size=48