Gentleface › Buildings › home-user

home-user icon

Home user: household members, home owner, household, residents. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M7.293 11.707C7.098 11.512 7 11.276 7 11L7 9L4 9L4 11C4 11.276 3.902 11.512 3.707 11.707C3.512 11.902 3.276 12 3 12L2.5 12C2.309 12 2.125 11.965 1.948 11.895C1.755 11.818 1.586 11.707 1.439 11.561C1.293 11.414 1.182 11.245 1.105 11.052C1.035 10.875 1 10.691 1 10.5L1 6.5C1 6.114 1.074 5.742 1.222 5.385C1.37 5.028 1.58 4.713 1.854 4.439L4.086 2.207C4.266 2.027 4.472 1.887 4.706 1.786C4.959 1.676 5.224 1.621 5.5 1.621C5.776 1.621 6.041 1.676 6.294 1.786C6.528 1.887 6.734 2.027 6.914 2.207L9.146 4.439C9.42 4.713 9.63 5.028 9.778 5.385C9.926 5.742 10 6.114 10 6.5C10 6.641 9.952 6.759 9.856 6.856C9.759 6.952 9.641 7 9.5 7C9.359 7 9.241 6.952 9.144 6.856C9.048 6.759 9 6.641 9 6.5C9 6.246 8.951 6.002 8.854 5.767C8.757 5.533 8.619 5.326 8.439 5.146L6.207 2.914C6.012 2.719 5.776 2.621 5.5 2.621C5.224 2.621 4.988 2.719 4.793 2.914L2.561 5.146C2.381 5.326 2.243 5.533 2.146 5.767C2.049 6.002 2 6.246 2 6.5L2 10.5C2 10.638 2.049 10.756 2.146 10.854C2.244 10.951 2.362 11 2.5 11L3 11L3 9C3 8.724 3.098 8.488 3.293 8.293C3.488 8.098 3.724 8 4 8L7 8C7.276 8 7.512 8.098 7.707 8.293C7.902 8.488 8 8.724 8 9L8 11L8.5 11C8.591 11 8.675 10.977 8.753 10.931C8.875 10.86 9.001 10.841 9.133 10.875C9.265 10.91 9.366 10.987 9.438 11.109C9.485 11.19 9.509 11.274 9.51 11.359C9.123 11.527 8.764 11.743 8.445 12L8 12C7.724 12 7.488 11.902 7.293 11.707ZM10.439 8.439C10.732 8.146 11.086 8 11.5 8C11.914 8 12.268 8.146 12.561 8.439C12.854 8.732 13 9.086 13 9.5C13 9.914 12.854 10.268 12.561 10.561C12.268 10.854 11.914 11 11.5 11C11.086 11 10.732 10.854 10.439 10.561C10.146 10.268 10 9.914 10 9.5C10 9.086 10.146 8.732 10.439 8.439ZM14.856 15.856C14.759 15.952 14.641 16 14.5 16L8.5 16C8.359 16 8.241 15.952 8.144 15.856C8.048 15.759 8 15.641 8 15.5L8 15C8 14.607 8.086 14.229 8.259 13.865C8.443 13.478 8.709 13.139 9.059 12.848C9.4 12.563 9.794 12.348 10.239 12.201C10.645 12.067 11.065 12 11.5 12C11.935 12 12.355 12.067 12.761 12.201C13.206 12.348 13.6 12.563 13.941 12.848C14.291 13.139 14.557 13.478 14.741 13.865C14.914 14.229 15 14.607 15 15L15 15.5C15 15.641 14.952 15.759 14.856 15.856Z"/></svg>

React

// Gentleface "home-user" (line-round), MIT. https://gentleface.com/icons/home-user
import type { SVGProps } from 'react';

export function HomeUserIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M7.293 11.707C7.098 11.512 7 11.276 7 11L7 9L4 9L4 11C4 11.276 3.902 11.512 3.707 11.707C3.512 11.902 3.276 12 3 12L2.5 12C2.309 12 2.125 11.965 1.948 11.895C1.755 11.818 1.586 11.707 1.439 11.561C1.293 11.414 1.182 11.245 1.105 11.052C1.035 10.875 1 10.691 1 10.5L1 6.5C1 6.114 1.074 5.742 1.222 5.385C1.37 5.028 1.58 4.713 1.854 4.439L4.086 2.207C4.266 2.027 4.472 1.887 4.706 1.786C4.959 1.676 5.224 1.621 5.5 1.621C5.776 1.621 6.041 1.676 6.294 1.786C6.528 1.887 6.734 2.027 6.914 2.207L9.146 4.439C9.42 4.713 9.63 5.028 9.778 5.385C9.926 5.742 10 6.114 10 6.5C10 6.641 9.952 6.759 9.856 6.856C9.759 6.952 9.641 7 9.5 7C9.359 7 9.241 6.952 9.144 6.856C9.048 6.759 9 6.641 9 6.5C9 6.246 8.951 6.002 8.854 5.767C8.757 5.533 8.619 5.326 8.439 5.146L6.207 2.914C6.012 2.719 5.776 2.621 5.5 2.621C5.224 2.621 4.988 2.719 4.793 2.914L2.561 5.146C2.381 5.326 2.243 5.533 2.146 5.767C2.049 6.002 2 6.246 2 6.5L2 10.5C2 10.638 2.049 10.756 2.146 10.854C2.244 10.951 2.362 11 2.5 11L3 11L3 9C3 8.724 3.098 8.488 3.293 8.293C3.488 8.098 3.724 8 4 8L7 8C7.276 8 7.512 8.098 7.707 8.293C7.902 8.488 8 8.724 8 9L8 11L8.5 11C8.591 11 8.675 10.977 8.753 10.931C8.875 10.86 9.001 10.841 9.133 10.875C9.265 10.91 9.366 10.987 9.438 11.109C9.485 11.19 9.509 11.274 9.51 11.359C9.123 11.527 8.764 11.743 8.445 12L8 12C7.724 12 7.488 11.902 7.293 11.707ZM10.439 8.439C10.732 8.146 11.086 8 11.5 8C11.914 8 12.268 8.146 12.561 8.439C12.854 8.732 13 9.086 13 9.5C13 9.914 12.854 10.268 12.561 10.561C12.268 10.854 11.914 11 11.5 11C11.086 11 10.732 10.854 10.439 10.561C10.146 10.268 10 9.914 10 9.5C10 9.086 10.146 8.732 10.439 8.439ZM14.856 15.856C14.759 15.952 14.641 16 14.5 16L8.5 16C8.359 16 8.241 15.952 8.144 15.856C8.048 15.759 8 15.641 8 15.5L8 15C8 14.607 8.086 14.229 8.259 13.865C8.443 13.478 8.709 13.139 9.059 12.848C9.4 12.563 9.794 12.348 10.239 12.201C10.645 12.067 11.065 12 11.5 12C11.935 12 12.355 12.067 12.761 12.201C13.206 12.348 13.6 12.563 13.941 12.848C14.291 13.139 14.557 13.478 14.741 13.865C14.914 14.229 15 14.607 15 15L15 15.5C15 15.641 14.952 15.759 14.856 15.856Z" />
    </svg>
  );
}

Vue

Vue: see /icons/home-user.md

Svelte

Svelte: see /icons/home-user.md

HTML img

HTML img: see /icons/home-user.md

CSS

CSS: see /icons/home-user.md

Data URL

Data URL: see /icons/home-user.md

Sprite

Sprite: see /icons/home-user.md

SwiftUI

SwiftUI: see /icons/home-user.md

Compose

Compose: see /icons/home-user.md

Android XML

Android XML: see /icons/home-user.md

Flutter

Flutter: see /icons/home-user.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

household members, home owner, household, residents, homeowner, property owner

Example

Household members

Alternatives

family: a family
users: people or a team

Also fits

family: household members of a smart home (home-user owns household-members)

Built from

home + user

Tags

house, main, user

Category

Buildings

Component name

HomeUserIcon

History

2026-10-15 added

Family 8

home home-gear home-heart home-plus home-search home-shield home-wifi houses

More buildings icons

building building-gear building-pencil building-plus building-search buildings castle city elevator factory fence garage hospital lighthouse school-building stairs · all buildings icons

For agents

Metadata: /icons/home-user.json · Markdown: /icons/home-user.md · SVG: https://gentleface.com/svg/{style}/16/home-user.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/home-user.png

home-user icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp