Gentleface › People & accounts › family

family icon

Family: family, family sharing, family plan, family members. 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="M2.176 2.58C2.303 2.259 2.488 1.976 2.732 1.732C2.976 1.488 3.259 1.303 3.58 1.176C3.875 1.059 4.182 1 4.5 1C4.818 1 5.125 1.059 5.42 1.176C5.741 1.303 6.024 1.488 6.268 1.732C6.512 1.976 6.697 2.259 6.824 2.58C6.941 2.875 7 3.182 7 3.5C7 3.818 6.941 4.125 6.824 4.42C6.697 4.741 6.512 5.024 6.268 5.268C6.024 5.512 5.741 5.697 5.42 5.824C5.125 5.941 4.818 6 4.5 6C4.182 6 3.875 5.941 3.58 5.824C3.259 5.697 2.976 5.512 2.732 5.268C2.488 5.024 2.303 4.741 2.176 4.42C2.059 4.125 2 3.818 2 3.5C2 3.182 2.059 2.875 2.176 2.58ZM9.732 1.732C9.976 1.488 10.259 1.303 10.58 1.176C10.875 1.059 11.182 1 11.5 1C11.818 1 12.125 1.059 12.42 1.176C12.741 1.303 13.024 1.488 13.268 1.732C13.512 1.976 13.697 2.259 13.824 2.58C13.941 2.875 14 3.182 14 3.5C14 3.818 13.941 4.125 13.824 4.42C13.697 4.741 13.512 5.024 13.268 5.268C13.024 5.512 12.741 5.697 12.42 5.824C12.125 5.941 11.818 6 11.5 6C11.182 6 10.875 5.941 10.58 5.824C10.259 5.697 9.976 5.512 9.732 5.268C9.488 5.024 9.303 4.741 9.176 4.42C9.059 4.125 9 3.818 9 3.5C9 3.182 9.059 2.875 9.176 2.58C9.303 2.259 9.488 1.976 9.732 1.732ZM3.105 4.052C3.182 4.245 3.293 4.414 3.439 4.561C3.586 4.707 3.755 4.818 3.948 4.895C4.125 4.965 4.309 5 4.5 5C4.691 5 4.875 4.965 5.052 4.895C5.245 4.818 5.414 4.707 5.561 4.561C5.707 4.414 5.818 4.245 5.895 4.052C5.965 3.875 6 3.691 6 3.5C6 3.309 5.965 3.125 5.895 2.948C5.818 2.755 5.707 2.586 5.561 2.439C5.414 2.293 5.245 2.182 5.052 2.105C4.875 2.035 4.691 2 4.5 2C4.309 2 4.125 2.035 3.948 2.105C3.755 2.182 3.586 2.293 3.439 2.439C3.293 2.586 3.182 2.755 3.105 2.948C3.035 3.125 3 3.309 3 3.5C3 3.691 3.035 3.875 3.105 4.052ZM10.439 4.561C10.586 4.707 10.755 4.818 10.948 4.895C11.125 4.965 11.309 5 11.5 5C11.691 5 11.875 4.965 12.052 4.895C12.245 4.818 12.414 4.707 12.561 4.561C12.707 4.414 12.818 4.245 12.895 4.052C12.965 3.875 13 3.691 13 3.5C13 3.309 12.965 3.125 12.895 2.948C12.818 2.755 12.707 2.586 12.561 2.439C12.414 2.293 12.245 2.182 12.052 2.105C11.875 2.035 11.691 2 11.5 2C11.309 2 11.125 2.035 10.948 2.105C10.755 2.182 10.586 2.293 10.439 2.439C10.293 2.586 10.182 2.755 10.105 2.948C10.035 3.125 10 3.309 10 3.5C10 3.691 10.035 3.875 10.105 4.052C10.182 4.245 10.293 4.414 10.439 4.561ZM8.736 7.14C8.993 7.242 9.219 7.391 9.414 7.586C9.609 7.781 9.758 8.007 9.86 8.264C9.953 8.5 10 8.746 10 9C10 9.254 9.953 9.5 9.86 9.736C9.758 9.993 9.609 10.219 9.414 10.414C9.219 10.609 8.993 10.758 8.736 10.86C8.5 10.953 8.254 11 8 11C7.746 11 7.5 10.953 7.264 10.86C7.007 10.758 6.781 10.609 6.586 10.414C6.391 10.219 6.242 9.993 6.14 9.736C6.047 9.5 6 9.254 6 9C6 8.746 6.047 8.5 6.14 8.264C6.242 8.007 6.391 7.781 6.586 7.586C6.781 7.391 7.007 7.242 7.264 7.14C7.5 7.047 7.746 7 8 7C8.254 7 8.5 7.047 8.736 7.14ZM1.856 14.856C1.759 14.952 1.641 15 1.5 15C1.359 15 1.241 14.952 1.144 14.856C1.048 14.759 1 14.641 1 14.5L1 10C1 9.63 1.087 9.272 1.261 8.928C1.44 8.572 1.7 8.254 2.04 7.975C2.368 7.705 2.75 7.487 3.187 7.322C3.588 7.171 4.012 7.072 4.459 7.027C4.596 7.013 4.718 7.05 4.825 7.137C4.932 7.225 4.993 7.337 5.006 7.474C5.02 7.612 4.984 7.734 4.896 7.841C4.809 7.948 4.697 8.008 4.559 8.022C4.199 8.059 3.86 8.137 3.54 8.258C3.207 8.384 2.918 8.547 2.675 8.747C2.443 8.937 2.27 9.148 2.154 9.378C2.051 9.581 2 9.788 2 10L2 14.5C2 14.641 1.952 14.759 1.856 14.856ZM13.846 9.378C13.73 9.148 13.557 8.937 13.325 8.747C13.082 8.547 12.793 8.384 12.46 8.258C12.14 8.137 11.801 8.059 11.441 8.022C11.3 8.008 11.187 7.948 11.101 7.843C11.015 7.737 10.979 7.615 10.994 7.474C11.007 7.337 11.068 7.225 11.175 7.137C11.282 7.05 11.404 7.013 11.541 7.027C11.988 7.072 12.412 7.171 12.813 7.322C13.25 7.487 13.632 7.705 13.96 7.975C14.3 8.254 14.56 8.572 14.739 8.928C14.913 9.272 15 9.63 15 10L15 14.5C15 14.641 14.952 14.759 14.856 14.856C14.759 14.952 14.641 15 14.5 15C14.359 15 14.241 14.952 14.144 14.856C14.048 14.759 14 14.641 14 14.5L14 10C14 9.788 13.949 9.581 13.846 9.378ZM5.879 12.879C6.172 12.586 6.511 12.363 6.896 12.211C7.25 12.07 7.619 12 8 12C8.381 12 8.75 12.07 9.104 12.211C9.489 12.363 9.828 12.586 10.121 12.879C10.414 13.172 10.637 13.511 10.789 13.896C10.864 14.083 10.918 14.275 10.953 14.471C10.997 14.715 10.834 14.949 10.59 14.993C10.564 14.998 10.537 15 10.51 15L5.49 15C5.241 15 5.04 14.799 5.04 14.55C5.04 14.523 5.042 14.497 5.047 14.471C5.082 14.275 5.136 14.083 5.211 13.896C5.363 13.511 5.586 13.172 5.879 12.879Z"/></svg>

React

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

export function FamilyIcon(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="M2.176 2.58C2.303 2.259 2.488 1.976 2.732 1.732C2.976 1.488 3.259 1.303 3.58 1.176C3.875 1.059 4.182 1 4.5 1C4.818 1 5.125 1.059 5.42 1.176C5.741 1.303 6.024 1.488 6.268 1.732C6.512 1.976 6.697 2.259 6.824 2.58C6.941 2.875 7 3.182 7 3.5C7 3.818 6.941 4.125 6.824 4.42C6.697 4.741 6.512 5.024 6.268 5.268C6.024 5.512 5.741 5.697 5.42 5.824C5.125 5.941 4.818 6 4.5 6C4.182 6 3.875 5.941 3.58 5.824C3.259 5.697 2.976 5.512 2.732 5.268C2.488 5.024 2.303 4.741 2.176 4.42C2.059 4.125 2 3.818 2 3.5C2 3.182 2.059 2.875 2.176 2.58ZM9.732 1.732C9.976 1.488 10.259 1.303 10.58 1.176C10.875 1.059 11.182 1 11.5 1C11.818 1 12.125 1.059 12.42 1.176C12.741 1.303 13.024 1.488 13.268 1.732C13.512 1.976 13.697 2.259 13.824 2.58C13.941 2.875 14 3.182 14 3.5C14 3.818 13.941 4.125 13.824 4.42C13.697 4.741 13.512 5.024 13.268 5.268C13.024 5.512 12.741 5.697 12.42 5.824C12.125 5.941 11.818 6 11.5 6C11.182 6 10.875 5.941 10.58 5.824C10.259 5.697 9.976 5.512 9.732 5.268C9.488 5.024 9.303 4.741 9.176 4.42C9.059 4.125 9 3.818 9 3.5C9 3.182 9.059 2.875 9.176 2.58C9.303 2.259 9.488 1.976 9.732 1.732ZM3.105 4.052C3.182 4.245 3.293 4.414 3.439 4.561C3.586 4.707 3.755 4.818 3.948 4.895C4.125 4.965 4.309 5 4.5 5C4.691 5 4.875 4.965 5.052 4.895C5.245 4.818 5.414 4.707 5.561 4.561C5.707 4.414 5.818 4.245 5.895 4.052C5.965 3.875 6 3.691 6 3.5C6 3.309 5.965 3.125 5.895 2.948C5.818 2.755 5.707 2.586 5.561 2.439C5.414 2.293 5.245 2.182 5.052 2.105C4.875 2.035 4.691 2 4.5 2C4.309 2 4.125 2.035 3.948 2.105C3.755 2.182 3.586 2.293 3.439 2.439C3.293 2.586 3.182 2.755 3.105 2.948C3.035 3.125 3 3.309 3 3.5C3 3.691 3.035 3.875 3.105 4.052ZM10.439 4.561C10.586 4.707 10.755 4.818 10.948 4.895C11.125 4.965 11.309 5 11.5 5C11.691 5 11.875 4.965 12.052 4.895C12.245 4.818 12.414 4.707 12.561 4.561C12.707 4.414 12.818 4.245 12.895 4.052C12.965 3.875 13 3.691 13 3.5C13 3.309 12.965 3.125 12.895 2.948C12.818 2.755 12.707 2.586 12.561 2.439C12.414 2.293 12.245 2.182 12.052 2.105C11.875 2.035 11.691 2 11.5 2C11.309 2 11.125 2.035 10.948 2.105C10.755 2.182 10.586 2.293 10.439 2.439C10.293 2.586 10.182 2.755 10.105 2.948C10.035 3.125 10 3.309 10 3.5C10 3.691 10.035 3.875 10.105 4.052C10.182 4.245 10.293 4.414 10.439 4.561ZM8.736 7.14C8.993 7.242 9.219 7.391 9.414 7.586C9.609 7.781 9.758 8.007 9.86 8.264C9.953 8.5 10 8.746 10 9C10 9.254 9.953 9.5 9.86 9.736C9.758 9.993 9.609 10.219 9.414 10.414C9.219 10.609 8.993 10.758 8.736 10.86C8.5 10.953 8.254 11 8 11C7.746 11 7.5 10.953 7.264 10.86C7.007 10.758 6.781 10.609 6.586 10.414C6.391 10.219 6.242 9.993 6.14 9.736C6.047 9.5 6 9.254 6 9C6 8.746 6.047 8.5 6.14 8.264C6.242 8.007 6.391 7.781 6.586 7.586C6.781 7.391 7.007 7.242 7.264 7.14C7.5 7.047 7.746 7 8 7C8.254 7 8.5 7.047 8.736 7.14ZM1.856 14.856C1.759 14.952 1.641 15 1.5 15C1.359 15 1.241 14.952 1.144 14.856C1.048 14.759 1 14.641 1 14.5L1 10C1 9.63 1.087 9.272 1.261 8.928C1.44 8.572 1.7 8.254 2.04 7.975C2.368 7.705 2.75 7.487 3.187 7.322C3.588 7.171 4.012 7.072 4.459 7.027C4.596 7.013 4.718 7.05 4.825 7.137C4.932 7.225 4.993 7.337 5.006 7.474C5.02 7.612 4.984 7.734 4.896 7.841C4.809 7.948 4.697 8.008 4.559 8.022C4.199 8.059 3.86 8.137 3.54 8.258C3.207 8.384 2.918 8.547 2.675 8.747C2.443 8.937 2.27 9.148 2.154 9.378C2.051 9.581 2 9.788 2 10L2 14.5C2 14.641 1.952 14.759 1.856 14.856ZM13.846 9.378C13.73 9.148 13.557 8.937 13.325 8.747C13.082 8.547 12.793 8.384 12.46 8.258C12.14 8.137 11.801 8.059 11.441 8.022C11.3 8.008 11.187 7.948 11.101 7.843C11.015 7.737 10.979 7.615 10.994 7.474C11.007 7.337 11.068 7.225 11.175 7.137C11.282 7.05 11.404 7.013 11.541 7.027C11.988 7.072 12.412 7.171 12.813 7.322C13.25 7.487 13.632 7.705 13.96 7.975C14.3 8.254 14.56 8.572 14.739 8.928C14.913 9.272 15 9.63 15 10L15 14.5C15 14.641 14.952 14.759 14.856 14.856C14.759 14.952 14.641 15 14.5 15C14.359 15 14.241 14.952 14.144 14.856C14.048 14.759 14 14.641 14 14.5L14 10C14 9.788 13.949 9.581 13.846 9.378ZM5.879 12.879C6.172 12.586 6.511 12.363 6.896 12.211C7.25 12.07 7.619 12 8 12C8.381 12 8.75 12.07 9.104 12.211C9.489 12.363 9.828 12.586 10.121 12.879C10.414 13.172 10.637 13.511 10.789 13.896C10.864 14.083 10.918 14.275 10.953 14.471C10.997 14.715 10.834 14.949 10.59 14.993C10.564 14.998 10.537 15 10.51 15L5.49 15C5.241 15 5.04 14.799 5.04 14.55C5.04 14.523 5.042 14.497 5.047 14.471C5.082 14.275 5.136 14.083 5.211 13.896C5.363 13.511 5.586 13.172 5.879 12.879Z" />
    </svg>
  );
}

Vue

Vue: see /icons/family.md

Svelte

Svelte: see /icons/family.md

HTML img

HTML img: see /icons/family.md

CSS

CSS: see /icons/family.md

Data URL

Data URL: see /icons/family.md

Sprite

Sprite: see /icons/family.md

SwiftUI

SwiftUI: see /icons/family.md

Compose

Compose: see /icons/family.md

Android XML

Android XML: see /icons/family.md

Flutter

Flutter: see /icons/family.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.

With npm: import { FamilyIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

family, family sharing, family plan, family members, family group, family account

Alternatives

users: people who are not a family: a team, members
home-user: household members of a smart home (home-user owns household-members)

Also fits

household members: a family
baby: a family or household with adults
kids: a family plan or household with adults and children
users: a family or household

Tags

family, parents, child, household, people, group, sharing

Category

People & accounts

Component name

FamilyIcon

History

2026-10-29 released in 0.2.0
2026-10-30 added

Since

version 0.2.0

Family 1

family-outline

More people & accounts icons

address-book baby baby-carriage contact-card diversity elderly gender-female gender-male gender-transgender id-badge id-card id-card-check id-card-mail id-card-phone log-in log-out · all people & accounts icons

For agents

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

family icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp