# home-user icon

Home user. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/home-user

- Category: Buildings
- Use it for: household members, home owner, household, residents, homeowner, property owner
- Example: Household members
- Built from: home + user
- Tags: house, main, user
- Family: home, home-gear, home-heart, home-plus, home-search, home-shield, home-wifi, houses
- Component name: HomeUserIcon
- Added: 2026-10-15

## Alternatives

- `family`: a family
- `users`: people or a team

## Also fits

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

## Files

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.

- line-round: https://gentleface.com/svg/line-round/16/home-user.svg · PNG https://gentleface.com/png/line-round/16/home-user.png · https://gentleface.com/png/line-round/32/home-user.png · https://gentleface.com/png/line-round/48/home-user.png
- line-soft: https://gentleface.com/svg/line-soft/16/home-user.svg · PNG https://gentleface.com/png/line-soft/16/home-user.png · https://gentleface.com/png/line-soft/32/home-user.png · https://gentleface.com/png/line-soft/48/home-user.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/home-user.svg · PNG https://gentleface.com/png/line-sharp/16/home-user.png · https://gentleface.com/png/line-sharp/32/home-user.png · https://gentleface.com/png/line-sharp/48/home-user.png
- solid-round: https://gentleface.com/svg/solid-round/16/home-user.svg · PNG https://gentleface.com/png/solid-round/16/home-user.png · https://gentleface.com/png/solid-round/32/home-user.png · https://gentleface.com/png/solid-round/48/home-user.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/home-user.svg · PNG https://gentleface.com/png/solid-soft/16/home-user.png · https://gentleface.com/png/solid-soft/32/home-user.png · https://gentleface.com/png/solid-soft/48/home-user.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/home-user.svg · PNG https://gentleface.com/png/solid-sharp/16/home-user.png · https://gentleface.com/png/solid-sharp/32/home-user.png · https://gentleface.com/png/solid-sharp/48/home-user.png

The SVG of every style: https://gentleface.com/icons/home-user.json (`svg`).

## Code (line-round)

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. For another style, take its SVG from the JSON and swap the path `d`.

### SVG

```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

```tsx
// 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
<!-- Gentleface "home-user" (line-round), MIT. https://gentleface.com/icons/home-user -->
<template>
  <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>
</template>
```

### Svelte

```svelte
<!-- Gentleface "home-user" (line-round), MIT. https://gentleface.com/icons/home-user -->
<script>
  let props = $props();
</script>

<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>
```

### HTML img

```html
<!-- Gentleface "home-user" (line-round), MIT. https://gentleface.com/icons/home-user. An <img> can't take currentColor: it draws black. Inline the SVG or use the CSS mask to color it. -->
<img src="https://gentleface.com/svg/line-round/16/home-user.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "home-user" (line-round), MIT. https://gentleface.com/icons/home-user. Takes the text color. */
.icon-home-user {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
}
```

### Data URL

```text
data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E
```

### Sprite

```html
<!-- Gentleface "home-user" (line-round), MIT. https://gentleface.com/icons/home-user
     Every icon of this style in one file: https://gentleface.com/sprite/line-round.svg
     Serve it from your own origin: <use> does not load from another origin. -->
<svg width="16" height="16" aria-hidden="true"><use href="/sprite/line-round.svg#home-user"/></svg>
```

### SwiftUI

```swift
// Gentleface "home-user" (line-round), MIT. https://gentleface.com/icons/home-user
import SwiftUI

struct HomeUserIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 7.293, y: 11.707))
        p.addCurve(to: CGPoint(x: 7, y: 11), control1: CGPoint(x: 7.098, y: 11.512), control2: CGPoint(x: 7, y: 11.276))
        p.addLine(to: CGPoint(x: 7, y: 9))
        p.addLine(to: CGPoint(x: 4, y: 9))
        p.addLine(to: CGPoint(x: 4, y: 11))
        p.addCurve(to: CGPoint(x: 3.707, y: 11.707), control1: CGPoint(x: 4, y: 11.276), control2: CGPoint(x: 3.902, y: 11.512))
        p.addCurve(to: CGPoint(x: 3, y: 12), control1: CGPoint(x: 3.512, y: 11.902), control2: CGPoint(x: 3.276, y: 12))
        p.addLine(to: CGPoint(x: 2.5, y: 12))
        p.addCurve(to: CGPoint(x: 1.948, y: 11.895), control1: CGPoint(x: 2.309, y: 12), control2: CGPoint(x: 2.125, y: 11.965))
        p.addCurve(to: CGPoint(x: 1.439, y: 11.561), control1: CGPoint(x: 1.755, y: 11.818), control2: CGPoint(x: 1.586, y: 11.707))
        p.addCurve(to: CGPoint(x: 1.105, y: 11.052), control1: CGPoint(x: 1.293, y: 11.414), control2: CGPoint(x: 1.182, y: 11.245))
        p.addCurve(to: CGPoint(x: 1, y: 10.5), control1: CGPoint(x: 1.035, y: 10.875), control2: CGPoint(x: 1, y: 10.691))
        p.addLine(to: CGPoint(x: 1, y: 6.5))
        p.addCurve(to: CGPoint(x: 1.222, y: 5.385), control1: CGPoint(x: 1, y: 6.114), control2: CGPoint(x: 1.074, y: 5.742))
        p.addCurve(to: CGPoint(x: 1.854, y: 4.439), control1: CGPoint(x: 1.37, y: 5.028), control2: CGPoint(x: 1.58, y: 4.713))
        p.addLine(to: CGPoint(x: 4.086, y: 2.207))
        p.addCurve(to: CGPoint(x: 4.706, y: 1.786), control1: CGPoint(x: 4.266, y: 2.027), control2: CGPoint(x: 4.472, y: 1.887))
        p.addCurve(to: CGPoint(x: 5.5, y: 1.621), control1: CGPoint(x: 4.959, y: 1.676), control2: CGPoint(x: 5.224, y: 1.621))
        p.addCurve(to: CGPoint(x: 6.294, y: 1.786), control1: CGPoint(x: 5.776, y: 1.621), control2: CGPoint(x: 6.041, y: 1.676))
        p.addCurve(to: CGPoint(x: 6.914, y: 2.207), control1: CGPoint(x: 6.528, y: 1.887), control2: CGPoint(x: 6.734, y: 2.027))
        p.addLine(to: CGPoint(x: 9.146, y: 4.439))
        p.addCurve(to: CGPoint(x: 9.778, y: 5.385), control1: CGPoint(x: 9.42, y: 4.713), control2: CGPoint(x: 9.63, y: 5.028))
        p.addCurve(to: CGPoint(x: 10, y: 6.5), control1: CGPoint(x: 9.926, y: 5.742), control2: CGPoint(x: 10, y: 6.114))
        p.addCurve(to: CGPoint(x: 9.856, y: 6.856), control1: CGPoint(x: 10, y: 6.641), control2: CGPoint(x: 9.952, y: 6.759))
        p.addCurve(to: CGPoint(x: 9.5, y: 7), control1: CGPoint(x: 9.759, y: 6.952), control2: CGPoint(x: 9.641, y: 7))
        p.addCurve(to: CGPoint(x: 9.144, y: 6.856), control1: CGPoint(x: 9.359, y: 7), control2: CGPoint(x: 9.241, y: 6.952))
        p.addCurve(to: CGPoint(x: 9, y: 6.5), control1: CGPoint(x: 9.048, y: 6.759), control2: CGPoint(x: 9, y: 6.641))
        p.addCurve(to: CGPoint(x: 8.854, y: 5.767), control1: CGPoint(x: 9, y: 6.246), control2: CGPoint(x: 8.951, y: 6.002))
        p.addCurve(to: CGPoint(x: 8.439, y: 5.146), control1: CGPoint(x: 8.757, y: 5.533), control2: CGPoint(x: 8.619, y: 5.326))
        p.addLine(to: CGPoint(x: 6.207, y: 2.914))
        p.addCurve(to: CGPoint(x: 5.5, y: 2.621), control1: CGPoint(x: 6.012, y: 2.719), control2: CGPoint(x: 5.776, y: 2.621))
        p.addCurve(to: CGPoint(x: 4.793, y: 2.914), control1: CGPoint(x: 5.224, y: 2.621), control2: CGPoint(x: 4.988, y: 2.719))
        p.addLine(to: CGPoint(x: 2.561, y: 5.146))
        p.addCurve(to: CGPoint(x: 2.146, y: 5.767), control1: CGPoint(x: 2.381, y: 5.326), control2: CGPoint(x: 2.243, y: 5.533))
        p.addCurve(to: CGPoint(x: 2, y: 6.5), control1: CGPoint(x: 2.049, y: 6.002), control2: CGPoint(x: 2, y: 6.246))
        p.addLine(to: CGPoint(x: 2, y: 10.5))
        p.addCurve(to: CGPoint(x: 2.146, y: 10.854), control1: CGPoint(x: 2, y: 10.638), control2: CGPoint(x: 2.049, y: 10.756))
        p.addCurve(to: CGPoint(x: 2.5, y: 11), control1: CGPoint(x: 2.244, y: 10.951), control2: CGPoint(x: 2.362, y: 11))
        p.addLine(to: CGPoint(x: 3, y: 11))
        p.addLine(to: CGPoint(x: 3, y: 9))
        p.addCurve(to: CGPoint(x: 3.293, y: 8.293), control1: CGPoint(x: 3, y: 8.724), control2: CGPoint(x: 3.098, y: 8.488))
        p.addCurve(to: CGPoint(x: 4, y: 8), control1: CGPoint(x: 3.488, y: 8.098), control2: CGPoint(x: 3.724, y: 8))
        p.addLine(to: CGPoint(x: 7, y: 8))
        p.addCurve(to: CGPoint(x: 7.707, y: 8.293), control1: CGPoint(x: 7.276, y: 8), control2: CGPoint(x: 7.512, y: 8.098))
        p.addCurve(to: CGPoint(x: 8, y: 9), control1: CGPoint(x: 7.902, y: 8.488), control2: CGPoint(x: 8, y: 8.724))
        p.addLine(to: CGPoint(x: 8, y: 11))
        p.addLine(to: CGPoint(x: 8.5, y: 11))
        p.addCurve(to: CGPoint(x: 8.753, y: 10.931), control1: CGPoint(x: 8.591, y: 11), control2: CGPoint(x: 8.675, y: 10.977))
        p.addCurve(to: CGPoint(x: 9.133, y: 10.875), control1: CGPoint(x: 8.875, y: 10.86), control2: CGPoint(x: 9.001, y: 10.841))
        p.addCurve(to: CGPoint(x: 9.438, y: 11.109), control1: CGPoint(x: 9.265, y: 10.91), control2: CGPoint(x: 9.366, y: 10.987))
        p.addCurve(to: CGPoint(x: 9.51, y: 11.359), control1: CGPoint(x: 9.485, y: 11.19), control2: CGPoint(x: 9.509, y: 11.274))
        p.addCurve(to: CGPoint(x: 8.445, y: 12), control1: CGPoint(x: 9.123, y: 11.527), control2: CGPoint(x: 8.764, y: 11.743))
        p.addLine(to: CGPoint(x: 8, y: 12))
        p.addCurve(to: CGPoint(x: 7.293, y: 11.707), control1: CGPoint(x: 7.724, y: 12), control2: CGPoint(x: 7.488, y: 11.902))
        p.closeSubpath()
        p.move(to: CGPoint(x: 10.439, y: 8.439))
        p.addCurve(to: CGPoint(x: 11.5, y: 8), control1: CGPoint(x: 10.732, y: 8.146), control2: CGPoint(x: 11.086, y: 8))
        p.addCurve(to: CGPoint(x: 12.561, y: 8.439), control1: CGPoint(x: 11.914, y: 8), control2: CGPoint(x: 12.268, y: 8.146))
        p.addCurve(to: CGPoint(x: 13, y: 9.5), control1: CGPoint(x: 12.854, y: 8.732), control2: CGPoint(x: 13, y: 9.086))
        p.addCurve(to: CGPoint(x: 12.561, y: 10.561), control1: CGPoint(x: 13, y: 9.914), control2: CGPoint(x: 12.854, y: 10.268))
        p.addCurve(to: CGPoint(x: 11.5, y: 11), control1: CGPoint(x: 12.268, y: 10.854), control2: CGPoint(x: 11.914, y: 11))
        p.addCurve(to: CGPoint(x: 10.439, y: 10.561), control1: CGPoint(x: 11.086, y: 11), control2: CGPoint(x: 10.732, y: 10.854))
        p.addCurve(to: CGPoint(x: 10, y: 9.5), control1: CGPoint(x: 10.146, y: 10.268), control2: CGPoint(x: 10, y: 9.914))
        p.addCurve(to: CGPoint(x: 10.439, y: 8.439), control1: CGPoint(x: 10, y: 9.086), control2: CGPoint(x: 10.146, y: 8.732))
        p.closeSubpath()
        p.move(to: CGPoint(x: 14.856, y: 15.856))
        p.addCurve(to: CGPoint(x: 14.5, y: 16), control1: CGPoint(x: 14.759, y: 15.952), control2: CGPoint(x: 14.641, y: 16))
        p.addLine(to: CGPoint(x: 8.5, y: 16))
        p.addCurve(to: CGPoint(x: 8.144, y: 15.856), control1: CGPoint(x: 8.359, y: 16), control2: CGPoint(x: 8.241, y: 15.952))
        p.addCurve(to: CGPoint(x: 8, y: 15.5), control1: CGPoint(x: 8.048, y: 15.759), control2: CGPoint(x: 8, y: 15.641))
        p.addLine(to: CGPoint(x: 8, y: 15))
        p.addCurve(to: CGPoint(x: 8.259, y: 13.865), control1: CGPoint(x: 8, y: 14.607), control2: CGPoint(x: 8.086, y: 14.229))
        p.addCurve(to: CGPoint(x: 9.059, y: 12.848), control1: CGPoint(x: 8.443, y: 13.478), control2: CGPoint(x: 8.709, y: 13.139))
        p.addCurve(to: CGPoint(x: 10.239, y: 12.201), control1: CGPoint(x: 9.4, y: 12.563), control2: CGPoint(x: 9.794, y: 12.348))
        p.addCurve(to: CGPoint(x: 11.5, y: 12), control1: CGPoint(x: 10.645, y: 12.067), control2: CGPoint(x: 11.065, y: 12))
        p.addCurve(to: CGPoint(x: 12.761, y: 12.201), control1: CGPoint(x: 11.935, y: 12), control2: CGPoint(x: 12.355, y: 12.067))
        p.addCurve(to: CGPoint(x: 13.941, y: 12.848), control1: CGPoint(x: 13.206, y: 12.348), control2: CGPoint(x: 13.6, y: 12.563))
        p.addCurve(to: CGPoint(x: 14.741, y: 13.865), control1: CGPoint(x: 14.291, y: 13.139), control2: CGPoint(x: 14.557, y: 13.478))
        p.addCurve(to: CGPoint(x: 15, y: 15), control1: CGPoint(x: 14.914, y: 14.229), control2: CGPoint(x: 15, y: 14.607))
        p.addLine(to: CGPoint(x: 15, y: 15.5))
        p.addCurve(to: CGPoint(x: 14.856, y: 15.856), control1: CGPoint(x: 15, y: 15.641), control2: CGPoint(x: 14.952, y: 15.759))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

// HomeUserIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp.
```

### Compose

```kotlin
// Gentleface "home-user" (line-round), MIT. https://gentleface.com/icons/home-user
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.SolidColor
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.graphics.vector.addPathNodes
import androidx.compose.ui.unit.dp

val HomeUserIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "home-user", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("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"),
        fill = SolidColor(Color.Black),
    ).build()
}

// Icon(HomeUserIcon, contentDescription = null) tints it with LocalContentColor.
```

### Android XML

```xml
<!-- res/drawable/ic_home_user.xml · Gentleface "home-user" (line-round), MIT. https://gentleface.com/icons/home-user -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="16dp"
    android:height="16dp"
    android:viewportWidth="16"
    android:viewportHeight="16"
    android:tint="?attr/colorControlNormal">
  <path
      android:fillColor="@android:color/white"
      android:pathData="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"/>
</vector>
```

### Flutter

```dart
// Gentleface "home-user" (line-round), MIT. https://gentleface.com/icons/home-user
import 'package:flutter/widgets.dart';

class HomeUserIcon extends StatelessWidget {
  const HomeUserIcon({super.key, this.size = 16, this.color});
  final double size;
  final Color? color;

  @override
  Widget build(BuildContext context) => CustomPaint(
        size: Size.square(size),
        painter: _HomeUserIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)),
      );
}

class _HomeUserIconPainter extends CustomPainter {
  _HomeUserIconPainter(this.color);
  final Color color;

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(7.293, 11.707)
      ..cubicTo(7.098, 11.512, 7, 11.276, 7, 11)
      ..lineTo(7, 9)
      ..lineTo(4, 9)
      ..lineTo(4, 11)
      ..cubicTo(4, 11.276, 3.902, 11.512, 3.707, 11.707)
      ..cubicTo(3.512, 11.902, 3.276, 12, 3, 12)
      ..lineTo(2.5, 12)
      ..cubicTo(2.309, 12, 2.125, 11.965, 1.948, 11.895)
      ..cubicTo(1.755, 11.818, 1.586, 11.707, 1.439, 11.561)
      ..cubicTo(1.293, 11.414, 1.182, 11.245, 1.105, 11.052)
      ..cubicTo(1.035, 10.875, 1, 10.691, 1, 10.5)
      ..lineTo(1, 6.5)
      ..cubicTo(1, 6.114, 1.074, 5.742, 1.222, 5.385)
      ..cubicTo(1.37, 5.028, 1.58, 4.713, 1.854, 4.439)
      ..lineTo(4.086, 2.207)
      ..cubicTo(4.266, 2.027, 4.472, 1.887, 4.706, 1.786)
      ..cubicTo(4.959, 1.676, 5.224, 1.621, 5.5, 1.621)
      ..cubicTo(5.776, 1.621, 6.041, 1.676, 6.294, 1.786)
      ..cubicTo(6.528, 1.887, 6.734, 2.027, 6.914, 2.207)
      ..lineTo(9.146, 4.439)
      ..cubicTo(9.42, 4.713, 9.63, 5.028, 9.778, 5.385)
      ..cubicTo(9.926, 5.742, 10, 6.114, 10, 6.5)
      ..cubicTo(10, 6.641, 9.952, 6.759, 9.856, 6.856)
      ..cubicTo(9.759, 6.952, 9.641, 7, 9.5, 7)
      ..cubicTo(9.359, 7, 9.241, 6.952, 9.144, 6.856)
      ..cubicTo(9.048, 6.759, 9, 6.641, 9, 6.5)
      ..cubicTo(9, 6.246, 8.951, 6.002, 8.854, 5.767)
      ..cubicTo(8.757, 5.533, 8.619, 5.326, 8.439, 5.146)
      ..lineTo(6.207, 2.914)
      ..cubicTo(6.012, 2.719, 5.776, 2.621, 5.5, 2.621)
      ..cubicTo(5.224, 2.621, 4.988, 2.719, 4.793, 2.914)
      ..lineTo(2.561, 5.146)
      ..cubicTo(2.381, 5.326, 2.243, 5.533, 2.146, 5.767)
      ..cubicTo(2.049, 6.002, 2, 6.246, 2, 6.5)
      ..lineTo(2, 10.5)
      ..cubicTo(2, 10.638, 2.049, 10.756, 2.146, 10.854)
      ..cubicTo(2.244, 10.951, 2.362, 11, 2.5, 11)
      ..lineTo(3, 11)
      ..lineTo(3, 9)
      ..cubicTo(3, 8.724, 3.098, 8.488, 3.293, 8.293)
      ..cubicTo(3.488, 8.098, 3.724, 8, 4, 8)
      ..lineTo(7, 8)
      ..cubicTo(7.276, 8, 7.512, 8.098, 7.707, 8.293)
      ..cubicTo(7.902, 8.488, 8, 8.724, 8, 9)
      ..lineTo(8, 11)
      ..lineTo(8.5, 11)
      ..cubicTo(8.591, 11, 8.675, 10.977, 8.753, 10.931)
      ..cubicTo(8.875, 10.86, 9.001, 10.841, 9.133, 10.875)
      ..cubicTo(9.265, 10.91, 9.366, 10.987, 9.438, 11.109)
      ..cubicTo(9.485, 11.19, 9.509, 11.274, 9.51, 11.359)
      ..cubicTo(9.123, 11.527, 8.764, 11.743, 8.445, 12)
      ..lineTo(8, 12)
      ..cubicTo(7.724, 12, 7.488, 11.902, 7.293, 11.707)
      ..close()
      ..moveTo(10.439, 8.439)
      ..cubicTo(10.732, 8.146, 11.086, 8, 11.5, 8)
      ..cubicTo(11.914, 8, 12.268, 8.146, 12.561, 8.439)
      ..cubicTo(12.854, 8.732, 13, 9.086, 13, 9.5)
      ..cubicTo(13, 9.914, 12.854, 10.268, 12.561, 10.561)
      ..cubicTo(12.268, 10.854, 11.914, 11, 11.5, 11)
      ..cubicTo(11.086, 11, 10.732, 10.854, 10.439, 10.561)
      ..cubicTo(10.146, 10.268, 10, 9.914, 10, 9.5)
      ..cubicTo(10, 9.086, 10.146, 8.732, 10.439, 8.439)
      ..close()
      ..moveTo(14.856, 15.856)
      ..cubicTo(14.759, 15.952, 14.641, 16, 14.5, 16)
      ..lineTo(8.5, 16)
      ..cubicTo(8.359, 16, 8.241, 15.952, 8.144, 15.856)
      ..cubicTo(8.048, 15.759, 8, 15.641, 8, 15.5)
      ..lineTo(8, 15)
      ..cubicTo(8, 14.607, 8.086, 14.229, 8.259, 13.865)
      ..cubicTo(8.443, 13.478, 8.709, 13.139, 9.059, 12.848)
      ..cubicTo(9.4, 12.563, 9.794, 12.348, 10.239, 12.201)
      ..cubicTo(10.645, 12.067, 11.065, 12, 11.5, 12)
      ..cubicTo(11.935, 12, 12.355, 12.067, 12.761, 12.201)
      ..cubicTo(13.206, 12.348, 13.6, 12.563, 13.941, 12.848)
      ..cubicTo(14.291, 13.139, 14.557, 13.478, 14.741, 13.865)
      ..cubicTo(14.914, 14.229, 15, 14.607, 15, 15)
      ..lineTo(15, 15.5)
      ..cubicTo(15, 15.641, 14.952, 15.759, 14.856, 15.856)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

  @override
  bool shouldRepaint(_HomeUserIconPainter old) => old.color != color;
}
```