# family-outline icon Family outline. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/family-outline - Category: People & accounts - Use it for: family, family sharing, family plan - Built from: variant of family - Tags: family, parents, child, household, people, group, sharing - Family: family - Component name: FamilyOutlineIcon - Added: 2026-10-30 ## 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/family-outline.svg · PNG https://gentleface.com/png/line-round/16/family-outline.png · https://gentleface.com/png/line-round/32/family-outline.png · https://gentleface.com/png/line-round/48/family-outline.png - line-soft: https://gentleface.com/svg/line-soft/16/family-outline.svg · PNG https://gentleface.com/png/line-soft/16/family-outline.png · https://gentleface.com/png/line-soft/32/family-outline.png · https://gentleface.com/png/line-soft/48/family-outline.png - line-sharp: https://gentleface.com/svg/line-sharp/16/family-outline.svg · PNG https://gentleface.com/png/line-sharp/16/family-outline.png · https://gentleface.com/png/line-sharp/32/family-outline.png · https://gentleface.com/png/line-sharp/48/family-outline.png - solid-round: https://gentleface.com/svg/solid-round/16/family-outline.svg · PNG https://gentleface.com/png/solid-round/16/family-outline.png · https://gentleface.com/png/solid-round/32/family-outline.png · https://gentleface.com/png/solid-round/48/family-outline.png - solid-soft: https://gentleface.com/svg/solid-soft/16/family-outline.svg · PNG https://gentleface.com/png/solid-soft/16/family-outline.png · https://gentleface.com/png/solid-soft/32/family-outline.png · https://gentleface.com/png/solid-soft/48/family-outline.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/family-outline.svg · PNG https://gentleface.com/png/solid-sharp/16/family-outline.png · https://gentleface.com/png/solid-sharp/32/family-outline.png · https://gentleface.com/png/solid-sharp/48/family-outline.png The SVG of every style: https://gentleface.com/icons/family-outline.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 ``` ### React ```tsx // Gentleface "family-outline" (line-round), MIT. https://gentleface.com/icons/family-outline import type { SVGProps } from 'react'; export function FamilyOutlineIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "family-outline" (line-round), MIT. https://gentleface.com/icons/family-outline. Takes the text color. */ .icon-family-outline { 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='M1.176 2.58C1.303 2.259 1.488 1.976 1.732 1.732C1.976 1.488 2.259 1.303 2.58 1.176C2.875 1.059 3.182 1 3.5 1C3.818 1 4.125 1.059 4.42 1.176C4.741 1.303 5.024 1.488 5.268 1.732C5.512 1.976 5.697 2.259 5.824 2.58C5.941 2.875 6 3.182 6 3.5C6 3.818 5.941 4.125 5.824 4.42C5.697 4.741 5.512 5.024 5.268 5.268C5.024 5.512 4.741 5.697 4.42 5.824C4.125 5.941 3.818 6 3.5 6C3.182 6 2.875 5.941 2.58 5.824C2.259 5.697 1.976 5.512 1.732 5.268C1.488 5.024 1.303 4.741 1.176 4.42C1.059 4.125 1 3.818 1 3.5C1 3.182 1.059 2.875 1.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.732ZM2.105 4.052C2.182 4.245 2.293 4.414 2.439 4.561C2.586 4.707 2.755 4.818 2.948 4.895C3.125 4.965 3.309 5 3.5 5C3.691 5 3.875 4.965 4.052 4.895C4.245 4.818 4.414 4.707 4.561 4.561C4.707 4.414 4.818 4.245 4.895 4.052C4.965 3.875 5 3.691 5 3.5C5 3.309 4.965 3.125 4.895 2.948C4.818 2.755 4.707 2.586 4.561 2.439C4.414 2.293 4.245 2.182 4.052 2.105C3.875 2.035 3.691 2 3.5 2C3.309 2 3.125 2.035 2.948 2.105C2.755 2.182 2.586 2.293 2.439 2.439C2.293 2.586 2.182 2.755 2.105 2.948C2.035 3.125 2 3.309 2 3.5C2 3.691 2.035 3.875 2.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.561ZM6.58 6.176C6.875 6.059 7.182 6 7.5 6C7.818 6 8.125 6.059 8.42 6.176C8.741 6.303 9.024 6.488 9.268 6.732C9.512 6.976 9.697 7.259 9.824 7.58C9.941 7.875 10 8.182 10 8.5C10 8.818 9.941 9.125 9.824 9.42C9.697 9.741 9.512 10.024 9.268 10.268C9.024 10.512 8.741 10.697 8.42 10.824C8.125 10.941 7.818 11 7.5 11C7.182 11 6.875 10.941 6.58 10.824C6.259 10.697 5.976 10.512 5.732 10.268C5.488 10.024 5.303 9.741 5.176 9.42C5.059 9.125 5 8.818 5 8.5C5 8.182 5.059 7.875 5.176 7.58C5.303 7.259 5.488 6.976 5.732 6.732C5.976 6.488 6.259 6.303 6.58 6.176ZM6.948 9.895C7.125 9.965 7.309 10 7.5 10C7.691 10 7.875 9.965 8.052 9.895C8.245 9.818 8.414 9.707 8.561 9.561C8.707 9.414 8.818 9.245 8.895 9.052C8.965 8.875 9 8.691 9 8.5C9 8.309 8.965 8.125 8.895 7.948C8.818 7.755 8.707 7.586 8.561 7.439C8.414 7.293 8.245 7.182 8.052 7.105C7.875 7.035 7.691 7 7.5 7C7.309 7 7.125 7.035 6.948 7.105C6.755 7.182 6.586 7.293 6.439 7.439C6.293 7.586 6.182 7.755 6.105 7.948C6.035 8.125 6 8.309 6 8.5C6 8.691 6.035 8.875 6.105 9.052C6.182 9.245 6.293 9.414 6.439 9.561C6.586 9.707 6.755 9.818 6.948 9.895ZM10.994 8.711C11.003 8.686 11.014 8.661 11.027 8.636C11.093 8.511 11.191 8.429 11.321 8.389C11.451 8.349 11.578 8.362 11.703 8.427C12.409 8.801 12.97 9.359 13.385 10.101C13.795 10.834 14 11.634 14 12.5L14 14.5C14 14.641 13.952 14.759 13.856 14.856C13.759 14.952 13.641 15 13.5 15C13.359 15 13.241 14.952 13.144 14.856C13.048 14.759 13 14.641 13 14.5L13 12.5C13 11.807 12.838 11.171 12.513 10.59C12.193 10.019 11.768 9.593 11.236 9.312C11.111 9.246 11.029 9.148 10.988 9.018C10.981 8.994 10.976 8.97 10.972 8.947C10.982 8.869 10.989 8.79 10.994 8.711ZM4.027 8.937C4.023 8.963 4.017 8.99 4.009 9.017C3.968 9.149 3.887 9.247 3.764 9.312C3.232 9.593 2.807 10.019 2.487 10.59C2.162 11.171 2 11.807 2 12.5L2 14.5C2 14.641 1.952 14.759 1.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 12.5C1 11.634 1.205 10.834 1.615 10.101C2.03 9.359 2.591 8.801 3.297 8.427C3.419 8.363 3.546 8.351 3.678 8.392C3.81 8.432 3.908 8.514 3.973 8.636C3.986 8.661 3.997 8.687 4.006 8.713C4.011 8.788 4.018 8.863 4.027 8.937ZM4.281 13.509C4.472 13.187 4.745 12.907 5.101 12.67C5.44 12.444 5.829 12.273 6.268 12.157C6.665 12.052 7.075 12 7.5 12C7.925 12 8.335 12.052 8.732 12.157C9.171 12.273 9.56 12.444 9.899 12.67C10.255 12.907 10.528 13.187 10.719 13.509C10.906 13.824 11 14.154 11 14.5C11 14.641 10.952 14.759 10.856 14.856C10.759 14.952 10.641 15 10.5 15C10.359 15 10.241 14.952 10.144 14.856C10.048 14.759 10 14.641 10 14.5C10 14.337 9.953 14.177 9.859 14.019C9.746 13.827 9.574 13.655 9.344 13.502C9.097 13.337 8.808 13.211 8.477 13.124C8.164 13.041 7.838 13 7.5 13C7.162 13 6.836 13.041 6.523 13.124C6.192 13.211 5.903 13.337 5.656 13.502C5.426 13.655 5.254 13.827 5.141 14.019C5.047 14.177 5 14.337 5 14.5C5 14.641 4.952 14.759 4.856 14.856C4.759 14.952 4.641 15 4.5 15C4.359 15 4.241 14.952 4.144 14.856C4.048 14.759 4 14.641 4 14.5C4 14.154 4.094 13.824 4.281 13.509Z'/%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='M1.176 2.58C1.303 2.259 1.488 1.976 1.732 1.732C1.976 1.488 2.259 1.303 2.58 1.176C2.875 1.059 3.182 1 3.5 1C3.818 1 4.125 1.059 4.42 1.176C4.741 1.303 5.024 1.488 5.268 1.732C5.512 1.976 5.697 2.259 5.824 2.58C5.941 2.875 6 3.182 6 3.5C6 3.818 5.941 4.125 5.824 4.42C5.697 4.741 5.512 5.024 5.268 5.268C5.024 5.512 4.741 5.697 4.42 5.824C4.125 5.941 3.818 6 3.5 6C3.182 6 2.875 5.941 2.58 5.824C2.259 5.697 1.976 5.512 1.732 5.268C1.488 5.024 1.303 4.741 1.176 4.42C1.059 4.125 1 3.818 1 3.5C1 3.182 1.059 2.875 1.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.732ZM2.105 4.052C2.182 4.245 2.293 4.414 2.439 4.561C2.586 4.707 2.755 4.818 2.948 4.895C3.125 4.965 3.309 5 3.5 5C3.691 5 3.875 4.965 4.052 4.895C4.245 4.818 4.414 4.707 4.561 4.561C4.707 4.414 4.818 4.245 4.895 4.052C4.965 3.875 5 3.691 5 3.5C5 3.309 4.965 3.125 4.895 2.948C4.818 2.755 4.707 2.586 4.561 2.439C4.414 2.293 4.245 2.182 4.052 2.105C3.875 2.035 3.691 2 3.5 2C3.309 2 3.125 2.035 2.948 2.105C2.755 2.182 2.586 2.293 2.439 2.439C2.293 2.586 2.182 2.755 2.105 2.948C2.035 3.125 2 3.309 2 3.5C2 3.691 2.035 3.875 2.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.561ZM6.58 6.176C6.875 6.059 7.182 6 7.5 6C7.818 6 8.125 6.059 8.42 6.176C8.741 6.303 9.024 6.488 9.268 6.732C9.512 6.976 9.697 7.259 9.824 7.58C9.941 7.875 10 8.182 10 8.5C10 8.818 9.941 9.125 9.824 9.42C9.697 9.741 9.512 10.024 9.268 10.268C9.024 10.512 8.741 10.697 8.42 10.824C8.125 10.941 7.818 11 7.5 11C7.182 11 6.875 10.941 6.58 10.824C6.259 10.697 5.976 10.512 5.732 10.268C5.488 10.024 5.303 9.741 5.176 9.42C5.059 9.125 5 8.818 5 8.5C5 8.182 5.059 7.875 5.176 7.58C5.303 7.259 5.488 6.976 5.732 6.732C5.976 6.488 6.259 6.303 6.58 6.176ZM6.948 9.895C7.125 9.965 7.309 10 7.5 10C7.691 10 7.875 9.965 8.052 9.895C8.245 9.818 8.414 9.707 8.561 9.561C8.707 9.414 8.818 9.245 8.895 9.052C8.965 8.875 9 8.691 9 8.5C9 8.309 8.965 8.125 8.895 7.948C8.818 7.755 8.707 7.586 8.561 7.439C8.414 7.293 8.245 7.182 8.052 7.105C7.875 7.035 7.691 7 7.5 7C7.309 7 7.125 7.035 6.948 7.105C6.755 7.182 6.586 7.293 6.439 7.439C6.293 7.586 6.182 7.755 6.105 7.948C6.035 8.125 6 8.309 6 8.5C6 8.691 6.035 8.875 6.105 9.052C6.182 9.245 6.293 9.414 6.439 9.561C6.586 9.707 6.755 9.818 6.948 9.895ZM10.994 8.711C11.003 8.686 11.014 8.661 11.027 8.636C11.093 8.511 11.191 8.429 11.321 8.389C11.451 8.349 11.578 8.362 11.703 8.427C12.409 8.801 12.97 9.359 13.385 10.101C13.795 10.834 14 11.634 14 12.5L14 14.5C14 14.641 13.952 14.759 13.856 14.856C13.759 14.952 13.641 15 13.5 15C13.359 15 13.241 14.952 13.144 14.856C13.048 14.759 13 14.641 13 14.5L13 12.5C13 11.807 12.838 11.171 12.513 10.59C12.193 10.019 11.768 9.593 11.236 9.312C11.111 9.246 11.029 9.148 10.988 9.018C10.981 8.994 10.976 8.97 10.972 8.947C10.982 8.869 10.989 8.79 10.994 8.711ZM4.027 8.937C4.023 8.963 4.017 8.99 4.009 9.017C3.968 9.149 3.887 9.247 3.764 9.312C3.232 9.593 2.807 10.019 2.487 10.59C2.162 11.171 2 11.807 2 12.5L2 14.5C2 14.641 1.952 14.759 1.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 12.5C1 11.634 1.205 10.834 1.615 10.101C2.03 9.359 2.591 8.801 3.297 8.427C3.419 8.363 3.546 8.351 3.678 8.392C3.81 8.432 3.908 8.514 3.973 8.636C3.986 8.661 3.997 8.687 4.006 8.713C4.011 8.788 4.018 8.863 4.027 8.937ZM4.281 13.509C4.472 13.187 4.745 12.907 5.101 12.67C5.44 12.444 5.829 12.273 6.268 12.157C6.665 12.052 7.075 12 7.5 12C7.925 12 8.335 12.052 8.732 12.157C9.171 12.273 9.56 12.444 9.899 12.67C10.255 12.907 10.528 13.187 10.719 13.509C10.906 13.824 11 14.154 11 14.5C11 14.641 10.952 14.759 10.856 14.856C10.759 14.952 10.641 15 10.5 15C10.359 15 10.241 14.952 10.144 14.856C10.048 14.759 10 14.641 10 14.5C10 14.337 9.953 14.177 9.859 14.019C9.746 13.827 9.574 13.655 9.344 13.502C9.097 13.337 8.808 13.211 8.477 13.124C8.164 13.041 7.838 13 7.5 13C7.162 13 6.836 13.041 6.523 13.124C6.192 13.211 5.903 13.337 5.656 13.502C5.426 13.655 5.254 13.827 5.141 14.019C5.047 14.177 5 14.337 5 14.5C5 14.641 4.952 14.759 4.856 14.856C4.759 14.952 4.641 15 4.5 15C4.359 15 4.241 14.952 4.144 14.856C4.048 14.759 4 14.641 4 14.5C4 14.154 4.094 13.824 4.281 13.509Z'/%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='M1.176 2.58C1.303 2.259 1.488 1.976 1.732 1.732C1.976 1.488 2.259 1.303 2.58 1.176C2.875 1.059 3.182 1 3.5 1C3.818 1 4.125 1.059 4.42 1.176C4.741 1.303 5.024 1.488 5.268 1.732C5.512 1.976 5.697 2.259 5.824 2.58C5.941 2.875 6 3.182 6 3.5C6 3.818 5.941 4.125 5.824 4.42C5.697 4.741 5.512 5.024 5.268 5.268C5.024 5.512 4.741 5.697 4.42 5.824C4.125 5.941 3.818 6 3.5 6C3.182 6 2.875 5.941 2.58 5.824C2.259 5.697 1.976 5.512 1.732 5.268C1.488 5.024 1.303 4.741 1.176 4.42C1.059 4.125 1 3.818 1 3.5C1 3.182 1.059 2.875 1.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.732ZM2.105 4.052C2.182 4.245 2.293 4.414 2.439 4.561C2.586 4.707 2.755 4.818 2.948 4.895C3.125 4.965 3.309 5 3.5 5C3.691 5 3.875 4.965 4.052 4.895C4.245 4.818 4.414 4.707 4.561 4.561C4.707 4.414 4.818 4.245 4.895 4.052C4.965 3.875 5 3.691 5 3.5C5 3.309 4.965 3.125 4.895 2.948C4.818 2.755 4.707 2.586 4.561 2.439C4.414 2.293 4.245 2.182 4.052 2.105C3.875 2.035 3.691 2 3.5 2C3.309 2 3.125 2.035 2.948 2.105C2.755 2.182 2.586 2.293 2.439 2.439C2.293 2.586 2.182 2.755 2.105 2.948C2.035 3.125 2 3.309 2 3.5C2 3.691 2.035 3.875 2.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.561ZM6.58 6.176C6.875 6.059 7.182 6 7.5 6C7.818 6 8.125 6.059 8.42 6.176C8.741 6.303 9.024 6.488 9.268 6.732C9.512 6.976 9.697 7.259 9.824 7.58C9.941 7.875 10 8.182 10 8.5C10 8.818 9.941 9.125 9.824 9.42C9.697 9.741 9.512 10.024 9.268 10.268C9.024 10.512 8.741 10.697 8.42 10.824C8.125 10.941 7.818 11 7.5 11C7.182 11 6.875 10.941 6.58 10.824C6.259 10.697 5.976 10.512 5.732 10.268C5.488 10.024 5.303 9.741 5.176 9.42C5.059 9.125 5 8.818 5 8.5C5 8.182 5.059 7.875 5.176 7.58C5.303 7.259 5.488 6.976 5.732 6.732C5.976 6.488 6.259 6.303 6.58 6.176ZM6.948 9.895C7.125 9.965 7.309 10 7.5 10C7.691 10 7.875 9.965 8.052 9.895C8.245 9.818 8.414 9.707 8.561 9.561C8.707 9.414 8.818 9.245 8.895 9.052C8.965 8.875 9 8.691 9 8.5C9 8.309 8.965 8.125 8.895 7.948C8.818 7.755 8.707 7.586 8.561 7.439C8.414 7.293 8.245 7.182 8.052 7.105C7.875 7.035 7.691 7 7.5 7C7.309 7 7.125 7.035 6.948 7.105C6.755 7.182 6.586 7.293 6.439 7.439C6.293 7.586 6.182 7.755 6.105 7.948C6.035 8.125 6 8.309 6 8.5C6 8.691 6.035 8.875 6.105 9.052C6.182 9.245 6.293 9.414 6.439 9.561C6.586 9.707 6.755 9.818 6.948 9.895ZM10.994 8.711C11.003 8.686 11.014 8.661 11.027 8.636C11.093 8.511 11.191 8.429 11.321 8.389C11.451 8.349 11.578 8.362 11.703 8.427C12.409 8.801 12.97 9.359 13.385 10.101C13.795 10.834 14 11.634 14 12.5L14 14.5C14 14.641 13.952 14.759 13.856 14.856C13.759 14.952 13.641 15 13.5 15C13.359 15 13.241 14.952 13.144 14.856C13.048 14.759 13 14.641 13 14.5L13 12.5C13 11.807 12.838 11.171 12.513 10.59C12.193 10.019 11.768 9.593 11.236 9.312C11.111 9.246 11.029 9.148 10.988 9.018C10.981 8.994 10.976 8.97 10.972 8.947C10.982 8.869 10.989 8.79 10.994 8.711ZM4.027 8.937C4.023 8.963 4.017 8.99 4.009 9.017C3.968 9.149 3.887 9.247 3.764 9.312C3.232 9.593 2.807 10.019 2.487 10.59C2.162 11.171 2 11.807 2 12.5L2 14.5C2 14.641 1.952 14.759 1.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 12.5C1 11.634 1.205 10.834 1.615 10.101C2.03 9.359 2.591 8.801 3.297 8.427C3.419 8.363 3.546 8.351 3.678 8.392C3.81 8.432 3.908 8.514 3.973 8.636C3.986 8.661 3.997 8.687 4.006 8.713C4.011 8.788 4.018 8.863 4.027 8.937ZM4.281 13.509C4.472 13.187 4.745 12.907 5.101 12.67C5.44 12.444 5.829 12.273 6.268 12.157C6.665 12.052 7.075 12 7.5 12C7.925 12 8.335 12.052 8.732 12.157C9.171 12.273 9.56 12.444 9.899 12.67C10.255 12.907 10.528 13.187 10.719 13.509C10.906 13.824 11 14.154 11 14.5C11 14.641 10.952 14.759 10.856 14.856C10.759 14.952 10.641 15 10.5 15C10.359 15 10.241 14.952 10.144 14.856C10.048 14.759 10 14.641 10 14.5C10 14.337 9.953 14.177 9.859 14.019C9.746 13.827 9.574 13.655 9.344 13.502C9.097 13.337 8.808 13.211 8.477 13.124C8.164 13.041 7.838 13 7.5 13C7.162 13 6.836 13.041 6.523 13.124C6.192 13.211 5.903 13.337 5.656 13.502C5.426 13.655 5.254 13.827 5.141 14.019C5.047 14.177 5 14.337 5 14.5C5 14.641 4.952 14.759 4.856 14.856C4.759 14.952 4.641 15 4.5 15C4.359 15 4.241 14.952 4.144 14.856C4.048 14.759 4 14.641 4 14.5C4 14.154 4.094 13.824 4.281 13.509Z'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "family-outline" (line-round), MIT. https://gentleface.com/icons/family-outline import SwiftUI struct FamilyOutlineIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 1.176, y: 2.58)) p.addCurve(to: CGPoint(x: 1.732, y: 1.732), control1: CGPoint(x: 1.303, y: 2.259), control2: CGPoint(x: 1.488, y: 1.976)) p.addCurve(to: CGPoint(x: 2.58, y: 1.176), control1: CGPoint(x: 1.976, y: 1.488), control2: CGPoint(x: 2.259, y: 1.303)) p.addCurve(to: CGPoint(x: 3.5, y: 1), control1: CGPoint(x: 2.875, y: 1.059), control2: CGPoint(x: 3.182, y: 1)) p.addCurve(to: CGPoint(x: 4.42, y: 1.176), control1: CGPoint(x: 3.818, y: 1), control2: CGPoint(x: 4.125, y: 1.059)) p.addCurve(to: CGPoint(x: 5.268, y: 1.732), control1: CGPoint(x: 4.741, y: 1.303), control2: CGPoint(x: 5.024, y: 1.488)) p.addCurve(to: CGPoint(x: 5.824, y: 2.58), control1: CGPoint(x: 5.512, y: 1.976), control2: CGPoint(x: 5.697, y: 2.259)) p.addCurve(to: CGPoint(x: 6, y: 3.5), control1: CGPoint(x: 5.941, y: 2.875), control2: CGPoint(x: 6, y: 3.182)) p.addCurve(to: CGPoint(x: 5.824, y: 4.42), control1: CGPoint(x: 6, y: 3.818), control2: CGPoint(x: 5.941, y: 4.125)) p.addCurve(to: CGPoint(x: 5.268, y: 5.268), control1: CGPoint(x: 5.697, y: 4.741), control2: CGPoint(x: 5.512, y: 5.024)) p.addCurve(to: CGPoint(x: 4.42, y: 5.824), control1: CGPoint(x: 5.024, y: 5.512), control2: CGPoint(x: 4.741, y: 5.697)) p.addCurve(to: CGPoint(x: 3.5, y: 6), control1: CGPoint(x: 4.125, y: 5.941), control2: CGPoint(x: 3.818, y: 6)) p.addCurve(to: CGPoint(x: 2.58, y: 5.824), control1: CGPoint(x: 3.182, y: 6), control2: CGPoint(x: 2.875, y: 5.941)) p.addCurve(to: CGPoint(x: 1.732, y: 5.268), control1: CGPoint(x: 2.259, y: 5.697), control2: CGPoint(x: 1.976, y: 5.512)) p.addCurve(to: CGPoint(x: 1.176, y: 4.42), control1: CGPoint(x: 1.488, y: 5.024), control2: CGPoint(x: 1.303, y: 4.741)) p.addCurve(to: CGPoint(x: 1, y: 3.5), control1: CGPoint(x: 1.059, y: 4.125), control2: CGPoint(x: 1, y: 3.818)) p.addCurve(to: CGPoint(x: 1.176, y: 2.58), control1: CGPoint(x: 1, y: 3.182), control2: CGPoint(x: 1.059, y: 2.875)) p.closeSubpath() p.move(to: CGPoint(x: 9.732, y: 1.732)) p.addCurve(to: CGPoint(x: 10.58, y: 1.176), control1: CGPoint(x: 9.976, y: 1.488), control2: CGPoint(x: 10.259, y: 1.303)) p.addCurve(to: CGPoint(x: 11.5, y: 1), control1: CGPoint(x: 10.875, y: 1.059), control2: CGPoint(x: 11.182, y: 1)) p.addCurve(to: CGPoint(x: 12.42, y: 1.176), control1: CGPoint(x: 11.818, y: 1), control2: CGPoint(x: 12.125, y: 1.059)) p.addCurve(to: CGPoint(x: 13.268, y: 1.732), control1: CGPoint(x: 12.741, y: 1.303), control2: CGPoint(x: 13.024, y: 1.488)) p.addCurve(to: CGPoint(x: 13.824, y: 2.58), control1: CGPoint(x: 13.512, y: 1.976), control2: CGPoint(x: 13.697, y: 2.259)) p.addCurve(to: CGPoint(x: 14, y: 3.5), control1: CGPoint(x: 13.941, y: 2.875), control2: CGPoint(x: 14, y: 3.182)) p.addCurve(to: CGPoint(x: 13.824, y: 4.42), control1: CGPoint(x: 14, y: 3.818), control2: CGPoint(x: 13.941, y: 4.125)) p.addCurve(to: CGPoint(x: 13.268, y: 5.268), control1: CGPoint(x: 13.697, y: 4.741), control2: CGPoint(x: 13.512, y: 5.024)) p.addCurve(to: CGPoint(x: 12.42, y: 5.824), control1: CGPoint(x: 13.024, y: 5.512), control2: CGPoint(x: 12.741, y: 5.697)) p.addCurve(to: CGPoint(x: 11.5, y: 6), control1: CGPoint(x: 12.125, y: 5.941), control2: CGPoint(x: 11.818, y: 6)) p.addCurve(to: CGPoint(x: 10.58, y: 5.824), control1: CGPoint(x: 11.182, y: 6), control2: CGPoint(x: 10.875, y: 5.941)) p.addCurve(to: CGPoint(x: 9.732, y: 5.268), control1: CGPoint(x: 10.259, y: 5.697), control2: CGPoint(x: 9.976, y: 5.512)) p.addCurve(to: CGPoint(x: 9.176, y: 4.42), control1: CGPoint(x: 9.488, y: 5.024), control2: CGPoint(x: 9.303, y: 4.741)) p.addCurve(to: CGPoint(x: 9, y: 3.5), control1: CGPoint(x: 9.059, y: 4.125), control2: CGPoint(x: 9, y: 3.818)) p.addCurve(to: CGPoint(x: 9.176, y: 2.58), control1: CGPoint(x: 9, y: 3.182), control2: CGPoint(x: 9.059, y: 2.875)) p.addCurve(to: CGPoint(x: 9.732, y: 1.732), control1: CGPoint(x: 9.303, y: 2.259), control2: CGPoint(x: 9.488, y: 1.976)) p.closeSubpath() p.move(to: CGPoint(x: 2.105, y: 4.052)) p.addCurve(to: CGPoint(x: 2.439, y: 4.561), control1: CGPoint(x: 2.182, y: 4.245), control2: CGPoint(x: 2.293, y: 4.414)) p.addCurve(to: CGPoint(x: 2.948, y: 4.895), control1: CGPoint(x: 2.586, y: 4.707), control2: CGPoint(x: 2.755, y: 4.818)) p.addCurve(to: CGPoint(x: 3.5, y: 5), control1: CGPoint(x: 3.125, y: 4.965), control2: CGPoint(x: 3.309, y: 5)) p.addCurve(to: CGPoint(x: 4.052, y: 4.895), control1: CGPoint(x: 3.691, y: 5), control2: CGPoint(x: 3.875, y: 4.965)) p.addCurve(to: CGPoint(x: 4.561, y: 4.561), control1: CGPoint(x: 4.245, y: 4.818), control2: CGPoint(x: 4.414, y: 4.707)) p.addCurve(to: CGPoint(x: 4.895, y: 4.052), control1: CGPoint(x: 4.707, y: 4.414), control2: CGPoint(x: 4.818, y: 4.245)) p.addCurve(to: CGPoint(x: 5, y: 3.5), control1: CGPoint(x: 4.965, y: 3.875), control2: CGPoint(x: 5, y: 3.691)) p.addCurve(to: CGPoint(x: 4.895, y: 2.948), control1: CGPoint(x: 5, y: 3.309), control2: CGPoint(x: 4.965, y: 3.125)) p.addCurve(to: CGPoint(x: 4.561, y: 2.439), control1: CGPoint(x: 4.818, y: 2.755), control2: CGPoint(x: 4.707, y: 2.586)) p.addCurve(to: CGPoint(x: 4.052, y: 2.105), control1: CGPoint(x: 4.414, y: 2.293), control2: CGPoint(x: 4.245, y: 2.182)) p.addCurve(to: CGPoint(x: 3.5, y: 2), control1: CGPoint(x: 3.875, y: 2.035), control2: CGPoint(x: 3.691, y: 2)) p.addCurve(to: CGPoint(x: 2.948, y: 2.105), control1: CGPoint(x: 3.309, y: 2), control2: CGPoint(x: 3.125, y: 2.035)) p.addCurve(to: CGPoint(x: 2.439, y: 2.439), control1: CGPoint(x: 2.755, y: 2.182), control2: CGPoint(x: 2.586, y: 2.293)) p.addCurve(to: CGPoint(x: 2.105, y: 2.948), control1: CGPoint(x: 2.293, y: 2.586), control2: CGPoint(x: 2.182, y: 2.755)) p.addCurve(to: CGPoint(x: 2, y: 3.5), control1: CGPoint(x: 2.035, y: 3.125), control2: CGPoint(x: 2, y: 3.309)) p.addCurve(to: CGPoint(x: 2.105, y: 4.052), control1: CGPoint(x: 2, y: 3.691), control2: CGPoint(x: 2.035, y: 3.875)) p.closeSubpath() p.move(to: CGPoint(x: 10.439, y: 4.561)) p.addCurve(to: CGPoint(x: 10.948, y: 4.895), control1: CGPoint(x: 10.586, y: 4.707), control2: CGPoint(x: 10.755, y: 4.818)) p.addCurve(to: CGPoint(x: 11.5, y: 5), control1: CGPoint(x: 11.125, y: 4.965), control2: CGPoint(x: 11.309, y: 5)) p.addCurve(to: CGPoint(x: 12.052, y: 4.895), control1: CGPoint(x: 11.691, y: 5), control2: CGPoint(x: 11.875, y: 4.965)) p.addCurve(to: CGPoint(x: 12.561, y: 4.561), control1: CGPoint(x: 12.245, y: 4.818), control2: CGPoint(x: 12.414, y: 4.707)) p.addCurve(to: CGPoint(x: 12.895, y: 4.052), control1: CGPoint(x: 12.707, y: 4.414), control2: CGPoint(x: 12.818, y: 4.245)) p.addCurve(to: CGPoint(x: 13, y: 3.5), control1: CGPoint(x: 12.965, y: 3.875), control2: CGPoint(x: 13, y: 3.691)) p.addCurve(to: CGPoint(x: 12.895, y: 2.948), control1: CGPoint(x: 13, y: 3.309), control2: CGPoint(x: 12.965, y: 3.125)) p.addCurve(to: CGPoint(x: 12.561, y: 2.439), control1: CGPoint(x: 12.818, y: 2.755), control2: CGPoint(x: 12.707, y: 2.586)) p.addCurve(to: CGPoint(x: 12.052, y: 2.105), control1: CGPoint(x: 12.414, y: 2.293), control2: CGPoint(x: 12.245, y: 2.182)) p.addCurve(to: CGPoint(x: 11.5, y: 2), control1: CGPoint(x: 11.875, y: 2.035), control2: CGPoint(x: 11.691, y: 2)) p.addCurve(to: CGPoint(x: 10.948, y: 2.105), control1: CGPoint(x: 11.309, y: 2), control2: CGPoint(x: 11.125, y: 2.035)) p.addCurve(to: CGPoint(x: 10.439, y: 2.439), control1: CGPoint(x: 10.755, y: 2.182), control2: CGPoint(x: 10.586, y: 2.293)) p.addCurve(to: CGPoint(x: 10.105, y: 2.948), control1: CGPoint(x: 10.293, y: 2.586), control2: CGPoint(x: 10.182, y: 2.755)) p.addCurve(to: CGPoint(x: 10, y: 3.5), control1: CGPoint(x: 10.035, y: 3.125), control2: CGPoint(x: 10, y: 3.309)) p.addCurve(to: CGPoint(x: 10.105, y: 4.052), control1: CGPoint(x: 10, y: 3.691), control2: CGPoint(x: 10.035, y: 3.875)) p.addCurve(to: CGPoint(x: 10.439, y: 4.561), control1: CGPoint(x: 10.182, y: 4.245), control2: CGPoint(x: 10.293, y: 4.414)) p.closeSubpath() p.move(to: CGPoint(x: 6.58, y: 6.176)) p.addCurve(to: CGPoint(x: 7.5, y: 6), control1: CGPoint(x: 6.875, y: 6.059), control2: CGPoint(x: 7.182, y: 6)) p.addCurve(to: CGPoint(x: 8.42, y: 6.176), control1: CGPoint(x: 7.818, y: 6), control2: CGPoint(x: 8.125, y: 6.059)) p.addCurve(to: CGPoint(x: 9.268, y: 6.732), control1: CGPoint(x: 8.741, y: 6.303), control2: CGPoint(x: 9.024, y: 6.488)) p.addCurve(to: CGPoint(x: 9.824, y: 7.58), control1: CGPoint(x: 9.512, y: 6.976), control2: CGPoint(x: 9.697, y: 7.259)) p.addCurve(to: CGPoint(x: 10, y: 8.5), control1: CGPoint(x: 9.941, y: 7.875), control2: CGPoint(x: 10, y: 8.182)) p.addCurve(to: CGPoint(x: 9.824, y: 9.42), control1: CGPoint(x: 10, y: 8.818), control2: CGPoint(x: 9.941, y: 9.125)) p.addCurve(to: CGPoint(x: 9.268, y: 10.268), control1: CGPoint(x: 9.697, y: 9.741), control2: CGPoint(x: 9.512, y: 10.024)) p.addCurve(to: CGPoint(x: 8.42, y: 10.824), control1: CGPoint(x: 9.024, y: 10.512), control2: CGPoint(x: 8.741, y: 10.697)) p.addCurve(to: CGPoint(x: 7.5, y: 11), control1: CGPoint(x: 8.125, y: 10.941), control2: CGPoint(x: 7.818, y: 11)) p.addCurve(to: CGPoint(x: 6.58, y: 10.824), control1: CGPoint(x: 7.182, y: 11), control2: CGPoint(x: 6.875, y: 10.941)) p.addCurve(to: CGPoint(x: 5.732, y: 10.268), control1: CGPoint(x: 6.259, y: 10.697), control2: CGPoint(x: 5.976, y: 10.512)) p.addCurve(to: CGPoint(x: 5.176, y: 9.42), control1: CGPoint(x: 5.488, y: 10.024), control2: CGPoint(x: 5.303, y: 9.741)) p.addCurve(to: CGPoint(x: 5, y: 8.5), control1: CGPoint(x: 5.059, y: 9.125), control2: CGPoint(x: 5, y: 8.818)) p.addCurve(to: CGPoint(x: 5.176, y: 7.58), control1: CGPoint(x: 5, y: 8.182), control2: CGPoint(x: 5.059, y: 7.875)) p.addCurve(to: CGPoint(x: 5.732, y: 6.732), control1: CGPoint(x: 5.303, y: 7.259), control2: CGPoint(x: 5.488, y: 6.976)) p.addCurve(to: CGPoint(x: 6.58, y: 6.176), control1: CGPoint(x: 5.976, y: 6.488), control2: CGPoint(x: 6.259, y: 6.303)) p.closeSubpath() p.move(to: CGPoint(x: 6.948, y: 9.895)) p.addCurve(to: CGPoint(x: 7.5, y: 10), control1: CGPoint(x: 7.125, y: 9.965), control2: CGPoint(x: 7.309, y: 10)) p.addCurve(to: CGPoint(x: 8.052, y: 9.895), control1: CGPoint(x: 7.691, y: 10), control2: CGPoint(x: 7.875, y: 9.965)) p.addCurve(to: CGPoint(x: 8.561, y: 9.561), control1: CGPoint(x: 8.245, y: 9.818), control2: CGPoint(x: 8.414, y: 9.707)) p.addCurve(to: CGPoint(x: 8.895, y: 9.052), control1: CGPoint(x: 8.707, y: 9.414), control2: CGPoint(x: 8.818, y: 9.245)) p.addCurve(to: CGPoint(x: 9, y: 8.5), control1: CGPoint(x: 8.965, y: 8.875), control2: CGPoint(x: 9, y: 8.691)) p.addCurve(to: CGPoint(x: 8.895, y: 7.948), control1: CGPoint(x: 9, y: 8.309), control2: CGPoint(x: 8.965, y: 8.125)) p.addCurve(to: CGPoint(x: 8.561, y: 7.439), control1: CGPoint(x: 8.818, y: 7.755), control2: CGPoint(x: 8.707, y: 7.586)) p.addCurve(to: CGPoint(x: 8.052, y: 7.105), control1: CGPoint(x: 8.414, y: 7.293), control2: CGPoint(x: 8.245, y: 7.182)) p.addCurve(to: CGPoint(x: 7.5, y: 7), control1: CGPoint(x: 7.875, y: 7.035), control2: CGPoint(x: 7.691, y: 7)) p.addCurve(to: CGPoint(x: 6.948, y: 7.105), control1: CGPoint(x: 7.309, y: 7), control2: CGPoint(x: 7.125, y: 7.035)) p.addCurve(to: CGPoint(x: 6.439, y: 7.439), control1: CGPoint(x: 6.755, y: 7.182), control2: CGPoint(x: 6.586, y: 7.293)) p.addCurve(to: CGPoint(x: 6.105, y: 7.948), control1: CGPoint(x: 6.293, y: 7.586), control2: CGPoint(x: 6.182, y: 7.755)) p.addCurve(to: CGPoint(x: 6, y: 8.5), control1: CGPoint(x: 6.035, y: 8.125), control2: CGPoint(x: 6, y: 8.309)) p.addCurve(to: CGPoint(x: 6.105, y: 9.052), control1: CGPoint(x: 6, y: 8.691), control2: CGPoint(x: 6.035, y: 8.875)) p.addCurve(to: CGPoint(x: 6.439, y: 9.561), control1: CGPoint(x: 6.182, y: 9.245), control2: CGPoint(x: 6.293, y: 9.414)) p.addCurve(to: CGPoint(x: 6.948, y: 9.895), control1: CGPoint(x: 6.586, y: 9.707), control2: CGPoint(x: 6.755, y: 9.818)) p.closeSubpath() p.move(to: CGPoint(x: 10.994, y: 8.711)) p.addCurve(to: CGPoint(x: 11.027, y: 8.636), control1: CGPoint(x: 11.003, y: 8.686), control2: CGPoint(x: 11.014, y: 8.661)) p.addCurve(to: CGPoint(x: 11.321, y: 8.389), control1: CGPoint(x: 11.093, y: 8.511), control2: CGPoint(x: 11.191, y: 8.429)) p.addCurve(to: CGPoint(x: 11.703, y: 8.427), control1: CGPoint(x: 11.451, y: 8.349), control2: CGPoint(x: 11.578, y: 8.362)) p.addCurve(to: CGPoint(x: 13.385, y: 10.101), control1: CGPoint(x: 12.409, y: 8.801), control2: CGPoint(x: 12.97, y: 9.359)) p.addCurve(to: CGPoint(x: 14, y: 12.5), control1: CGPoint(x: 13.795, y: 10.834), control2: CGPoint(x: 14, y: 11.634)) p.addLine(to: CGPoint(x: 14, y: 14.5)) p.addCurve(to: CGPoint(x: 13.856, y: 14.856), control1: CGPoint(x: 14, y: 14.641), control2: CGPoint(x: 13.952, y: 14.759)) p.addCurve(to: CGPoint(x: 13.5, y: 15), control1: CGPoint(x: 13.759, y: 14.952), control2: CGPoint(x: 13.641, y: 15)) p.addCurve(to: CGPoint(x: 13.144, y: 14.856), control1: CGPoint(x: 13.359, y: 15), control2: CGPoint(x: 13.241, y: 14.952)) p.addCurve(to: CGPoint(x: 13, y: 14.5), control1: CGPoint(x: 13.048, y: 14.759), control2: CGPoint(x: 13, y: 14.641)) p.addLine(to: CGPoint(x: 13, y: 12.5)) p.addCurve(to: CGPoint(x: 12.513, y: 10.59), control1: CGPoint(x: 13, y: 11.807), control2: CGPoint(x: 12.838, y: 11.171)) p.addCurve(to: CGPoint(x: 11.236, y: 9.312), control1: CGPoint(x: 12.193, y: 10.019), control2: CGPoint(x: 11.768, y: 9.593)) p.addCurve(to: CGPoint(x: 10.988, y: 9.018), control1: CGPoint(x: 11.111, y: 9.246), control2: CGPoint(x: 11.029, y: 9.148)) p.addCurve(to: CGPoint(x: 10.972, y: 8.947), control1: CGPoint(x: 10.981, y: 8.994), control2: CGPoint(x: 10.976, y: 8.97)) p.addCurve(to: CGPoint(x: 10.994, y: 8.711), control1: CGPoint(x: 10.982, y: 8.869), control2: CGPoint(x: 10.989, y: 8.79)) p.closeSubpath() p.move(to: CGPoint(x: 4.027, y: 8.937)) p.addCurve(to: CGPoint(x: 4.009, y: 9.017), control1: CGPoint(x: 4.023, y: 8.963), control2: CGPoint(x: 4.017, y: 8.99)) p.addCurve(to: CGPoint(x: 3.764, y: 9.312), control1: CGPoint(x: 3.968, y: 9.149), control2: CGPoint(x: 3.887, y: 9.247)) p.addCurve(to: CGPoint(x: 2.487, y: 10.59), control1: CGPoint(x: 3.232, y: 9.593), control2: CGPoint(x: 2.807, y: 10.019)) p.addCurve(to: CGPoint(x: 2, y: 12.5), control1: CGPoint(x: 2.162, y: 11.171), control2: CGPoint(x: 2, y: 11.807)) p.addLine(to: CGPoint(x: 2, y: 14.5)) p.addCurve(to: CGPoint(x: 1.856, y: 14.856), control1: CGPoint(x: 2, y: 14.641), control2: CGPoint(x: 1.952, y: 14.759)) p.addCurve(to: CGPoint(x: 1.5, y: 15), control1: CGPoint(x: 1.759, y: 14.952), control2: CGPoint(x: 1.641, y: 15)) p.addCurve(to: CGPoint(x: 1.144, y: 14.856), control1: CGPoint(x: 1.359, y: 15), control2: CGPoint(x: 1.241, y: 14.952)) p.addCurve(to: CGPoint(x: 1, y: 14.5), control1: CGPoint(x: 1.048, y: 14.759), control2: CGPoint(x: 1, y: 14.641)) p.addLine(to: CGPoint(x: 1, y: 12.5)) p.addCurve(to: CGPoint(x: 1.615, y: 10.101), control1: CGPoint(x: 1, y: 11.634), control2: CGPoint(x: 1.205, y: 10.834)) p.addCurve(to: CGPoint(x: 3.297, y: 8.427), control1: CGPoint(x: 2.03, y: 9.359), control2: CGPoint(x: 2.591, y: 8.801)) p.addCurve(to: CGPoint(x: 3.678, y: 8.392), control1: CGPoint(x: 3.419, y: 8.363), control2: CGPoint(x: 3.546, y: 8.351)) p.addCurve(to: CGPoint(x: 3.973, y: 8.636), control1: CGPoint(x: 3.81, y: 8.432), control2: CGPoint(x: 3.908, y: 8.514)) p.addCurve(to: CGPoint(x: 4.006, y: 8.713), control1: CGPoint(x: 3.986, y: 8.661), control2: CGPoint(x: 3.997, y: 8.687)) p.addCurve(to: CGPoint(x: 4.027, y: 8.937), control1: CGPoint(x: 4.011, y: 8.788), control2: CGPoint(x: 4.018, y: 8.863)) p.closeSubpath() p.move(to: CGPoint(x: 4.281, y: 13.509)) p.addCurve(to: CGPoint(x: 5.101, y: 12.67), control1: CGPoint(x: 4.472, y: 13.187), control2: CGPoint(x: 4.745, y: 12.907)) p.addCurve(to: CGPoint(x: 6.268, y: 12.157), control1: CGPoint(x: 5.44, y: 12.444), control2: CGPoint(x: 5.829, y: 12.273)) p.addCurve(to: CGPoint(x: 7.5, y: 12), control1: CGPoint(x: 6.665, y: 12.052), control2: CGPoint(x: 7.075, y: 12)) p.addCurve(to: CGPoint(x: 8.732, y: 12.157), control1: CGPoint(x: 7.925, y: 12), control2: CGPoint(x: 8.335, y: 12.052)) p.addCurve(to: CGPoint(x: 9.899, y: 12.67), control1: CGPoint(x: 9.171, y: 12.273), control2: CGPoint(x: 9.56, y: 12.444)) p.addCurve(to: CGPoint(x: 10.719, y: 13.509), control1: CGPoint(x: 10.255, y: 12.907), control2: CGPoint(x: 10.528, y: 13.187)) p.addCurve(to: CGPoint(x: 11, y: 14.5), control1: CGPoint(x: 10.906, y: 13.824), control2: CGPoint(x: 11, y: 14.154)) p.addCurve(to: CGPoint(x: 10.856, y: 14.856), control1: CGPoint(x: 11, y: 14.641), control2: CGPoint(x: 10.952, y: 14.759)) p.addCurve(to: CGPoint(x: 10.5, y: 15), control1: CGPoint(x: 10.759, y: 14.952), control2: CGPoint(x: 10.641, y: 15)) p.addCurve(to: CGPoint(x: 10.144, y: 14.856), control1: CGPoint(x: 10.359, y: 15), control2: CGPoint(x: 10.241, y: 14.952)) p.addCurve(to: CGPoint(x: 10, y: 14.5), control1: CGPoint(x: 10.048, y: 14.759), control2: CGPoint(x: 10, y: 14.641)) p.addCurve(to: CGPoint(x: 9.859, y: 14.019), control1: CGPoint(x: 10, y: 14.337), control2: CGPoint(x: 9.953, y: 14.177)) p.addCurve(to: CGPoint(x: 9.344, y: 13.502), control1: CGPoint(x: 9.746, y: 13.827), control2: CGPoint(x: 9.574, y: 13.655)) p.addCurve(to: CGPoint(x: 8.477, y: 13.124), control1: CGPoint(x: 9.097, y: 13.337), control2: CGPoint(x: 8.808, y: 13.211)) p.addCurve(to: CGPoint(x: 7.5, y: 13), control1: CGPoint(x: 8.164, y: 13.041), control2: CGPoint(x: 7.838, y: 13)) p.addCurve(to: CGPoint(x: 6.523, y: 13.124), control1: CGPoint(x: 7.162, y: 13), control2: CGPoint(x: 6.836, y: 13.041)) p.addCurve(to: CGPoint(x: 5.656, y: 13.502), control1: CGPoint(x: 6.192, y: 13.211), control2: CGPoint(x: 5.903, y: 13.337)) p.addCurve(to: CGPoint(x: 5.141, y: 14.019), control1: CGPoint(x: 5.426, y: 13.655), control2: CGPoint(x: 5.254, y: 13.827)) p.addCurve(to: CGPoint(x: 5, y: 14.5), control1: CGPoint(x: 5.047, y: 14.177), control2: CGPoint(x: 5, y: 14.337)) p.addCurve(to: CGPoint(x: 4.856, y: 14.856), control1: CGPoint(x: 5, y: 14.641), control2: CGPoint(x: 4.952, y: 14.759)) p.addCurve(to: CGPoint(x: 4.5, y: 15), control1: CGPoint(x: 4.759, y: 14.952), control2: CGPoint(x: 4.641, y: 15)) p.addCurve(to: CGPoint(x: 4.144, y: 14.856), control1: CGPoint(x: 4.359, y: 15), control2: CGPoint(x: 4.241, y: 14.952)) p.addCurve(to: CGPoint(x: 4, y: 14.5), control1: CGPoint(x: 4.048, y: 14.759), control2: CGPoint(x: 4, y: 14.641)) p.addCurve(to: CGPoint(x: 4.281, y: 13.509), control1: CGPoint(x: 4, y: 14.154), control2: CGPoint(x: 4.094, y: 13.824)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // FamilyOutlineIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "family-outline" (line-round), MIT. https://gentleface.com/icons/family-outline 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 FamilyOutlineIcon: ImageVector by lazy { ImageVector.Builder( name = "family-outline", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("M1.176 2.58C1.303 2.259 1.488 1.976 1.732 1.732C1.976 1.488 2.259 1.303 2.58 1.176C2.875 1.059 3.182 1 3.5 1C3.818 1 4.125 1.059 4.42 1.176C4.741 1.303 5.024 1.488 5.268 1.732C5.512 1.976 5.697 2.259 5.824 2.58C5.941 2.875 6 3.182 6 3.5C6 3.818 5.941 4.125 5.824 4.42C5.697 4.741 5.512 5.024 5.268 5.268C5.024 5.512 4.741 5.697 4.42 5.824C4.125 5.941 3.818 6 3.5 6C3.182 6 2.875 5.941 2.58 5.824C2.259 5.697 1.976 5.512 1.732 5.268C1.488 5.024 1.303 4.741 1.176 4.42C1.059 4.125 1 3.818 1 3.5C1 3.182 1.059 2.875 1.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.732ZM2.105 4.052C2.182 4.245 2.293 4.414 2.439 4.561C2.586 4.707 2.755 4.818 2.948 4.895C3.125 4.965 3.309 5 3.5 5C3.691 5 3.875 4.965 4.052 4.895C4.245 4.818 4.414 4.707 4.561 4.561C4.707 4.414 4.818 4.245 4.895 4.052C4.965 3.875 5 3.691 5 3.5C5 3.309 4.965 3.125 4.895 2.948C4.818 2.755 4.707 2.586 4.561 2.439C4.414 2.293 4.245 2.182 4.052 2.105C3.875 2.035 3.691 2 3.5 2C3.309 2 3.125 2.035 2.948 2.105C2.755 2.182 2.586 2.293 2.439 2.439C2.293 2.586 2.182 2.755 2.105 2.948C2.035 3.125 2 3.309 2 3.5C2 3.691 2.035 3.875 2.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.561ZM6.58 6.176C6.875 6.059 7.182 6 7.5 6C7.818 6 8.125 6.059 8.42 6.176C8.741 6.303 9.024 6.488 9.268 6.732C9.512 6.976 9.697 7.259 9.824 7.58C9.941 7.875 10 8.182 10 8.5C10 8.818 9.941 9.125 9.824 9.42C9.697 9.741 9.512 10.024 9.268 10.268C9.024 10.512 8.741 10.697 8.42 10.824C8.125 10.941 7.818 11 7.5 11C7.182 11 6.875 10.941 6.58 10.824C6.259 10.697 5.976 10.512 5.732 10.268C5.488 10.024 5.303 9.741 5.176 9.42C5.059 9.125 5 8.818 5 8.5C5 8.182 5.059 7.875 5.176 7.58C5.303 7.259 5.488 6.976 5.732 6.732C5.976 6.488 6.259 6.303 6.58 6.176ZM6.948 9.895C7.125 9.965 7.309 10 7.5 10C7.691 10 7.875 9.965 8.052 9.895C8.245 9.818 8.414 9.707 8.561 9.561C8.707 9.414 8.818 9.245 8.895 9.052C8.965 8.875 9 8.691 9 8.5C9 8.309 8.965 8.125 8.895 7.948C8.818 7.755 8.707 7.586 8.561 7.439C8.414 7.293 8.245 7.182 8.052 7.105C7.875 7.035 7.691 7 7.5 7C7.309 7 7.125 7.035 6.948 7.105C6.755 7.182 6.586 7.293 6.439 7.439C6.293 7.586 6.182 7.755 6.105 7.948C6.035 8.125 6 8.309 6 8.5C6 8.691 6.035 8.875 6.105 9.052C6.182 9.245 6.293 9.414 6.439 9.561C6.586 9.707 6.755 9.818 6.948 9.895ZM10.994 8.711C11.003 8.686 11.014 8.661 11.027 8.636C11.093 8.511 11.191 8.429 11.321 8.389C11.451 8.349 11.578 8.362 11.703 8.427C12.409 8.801 12.97 9.359 13.385 10.101C13.795 10.834 14 11.634 14 12.5L14 14.5C14 14.641 13.952 14.759 13.856 14.856C13.759 14.952 13.641 15 13.5 15C13.359 15 13.241 14.952 13.144 14.856C13.048 14.759 13 14.641 13 14.5L13 12.5C13 11.807 12.838 11.171 12.513 10.59C12.193 10.019 11.768 9.593 11.236 9.312C11.111 9.246 11.029 9.148 10.988 9.018C10.981 8.994 10.976 8.97 10.972 8.947C10.982 8.869 10.989 8.79 10.994 8.711ZM4.027 8.937C4.023 8.963 4.017 8.99 4.009 9.017C3.968 9.149 3.887 9.247 3.764 9.312C3.232 9.593 2.807 10.019 2.487 10.59C2.162 11.171 2 11.807 2 12.5L2 14.5C2 14.641 1.952 14.759 1.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 12.5C1 11.634 1.205 10.834 1.615 10.101C2.03 9.359 2.591 8.801 3.297 8.427C3.419 8.363 3.546 8.351 3.678 8.392C3.81 8.432 3.908 8.514 3.973 8.636C3.986 8.661 3.997 8.687 4.006 8.713C4.011 8.788 4.018 8.863 4.027 8.937ZM4.281 13.509C4.472 13.187 4.745 12.907 5.101 12.67C5.44 12.444 5.829 12.273 6.268 12.157C6.665 12.052 7.075 12 7.5 12C7.925 12 8.335 12.052 8.732 12.157C9.171 12.273 9.56 12.444 9.899 12.67C10.255 12.907 10.528 13.187 10.719 13.509C10.906 13.824 11 14.154 11 14.5C11 14.641 10.952 14.759 10.856 14.856C10.759 14.952 10.641 15 10.5 15C10.359 15 10.241 14.952 10.144 14.856C10.048 14.759 10 14.641 10 14.5C10 14.337 9.953 14.177 9.859 14.019C9.746 13.827 9.574 13.655 9.344 13.502C9.097 13.337 8.808 13.211 8.477 13.124C8.164 13.041 7.838 13 7.5 13C7.162 13 6.836 13.041 6.523 13.124C6.192 13.211 5.903 13.337 5.656 13.502C5.426 13.655 5.254 13.827 5.141 14.019C5.047 14.177 5 14.337 5 14.5C5 14.641 4.952 14.759 4.856 14.856C4.759 14.952 4.641 15 4.5 15C4.359 15 4.241 14.952 4.144 14.856C4.048 14.759 4 14.641 4 14.5C4 14.154 4.094 13.824 4.281 13.509Z"), fill = SolidColor(Color.Black), ).build() } // Icon(FamilyOutlineIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "family-outline" (line-round), MIT. https://gentleface.com/icons/family-outline import 'package:flutter/widgets.dart'; class FamilyOutlineIcon extends StatelessWidget { const FamilyOutlineIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _FamilyOutlineIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _FamilyOutlineIconPainter extends CustomPainter { _FamilyOutlineIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(1.176, 2.58) ..cubicTo(1.303, 2.259, 1.488, 1.976, 1.732, 1.732) ..cubicTo(1.976, 1.488, 2.259, 1.303, 2.58, 1.176) ..cubicTo(2.875, 1.059, 3.182, 1, 3.5, 1) ..cubicTo(3.818, 1, 4.125, 1.059, 4.42, 1.176) ..cubicTo(4.741, 1.303, 5.024, 1.488, 5.268, 1.732) ..cubicTo(5.512, 1.976, 5.697, 2.259, 5.824, 2.58) ..cubicTo(5.941, 2.875, 6, 3.182, 6, 3.5) ..cubicTo(6, 3.818, 5.941, 4.125, 5.824, 4.42) ..cubicTo(5.697, 4.741, 5.512, 5.024, 5.268, 5.268) ..cubicTo(5.024, 5.512, 4.741, 5.697, 4.42, 5.824) ..cubicTo(4.125, 5.941, 3.818, 6, 3.5, 6) ..cubicTo(3.182, 6, 2.875, 5.941, 2.58, 5.824) ..cubicTo(2.259, 5.697, 1.976, 5.512, 1.732, 5.268) ..cubicTo(1.488, 5.024, 1.303, 4.741, 1.176, 4.42) ..cubicTo(1.059, 4.125, 1, 3.818, 1, 3.5) ..cubicTo(1, 3.182, 1.059, 2.875, 1.176, 2.58) ..close() ..moveTo(9.732, 1.732) ..cubicTo(9.976, 1.488, 10.259, 1.303, 10.58, 1.176) ..cubicTo(10.875, 1.059, 11.182, 1, 11.5, 1) ..cubicTo(11.818, 1, 12.125, 1.059, 12.42, 1.176) ..cubicTo(12.741, 1.303, 13.024, 1.488, 13.268, 1.732) ..cubicTo(13.512, 1.976, 13.697, 2.259, 13.824, 2.58) ..cubicTo(13.941, 2.875, 14, 3.182, 14, 3.5) ..cubicTo(14, 3.818, 13.941, 4.125, 13.824, 4.42) ..cubicTo(13.697, 4.741, 13.512, 5.024, 13.268, 5.268) ..cubicTo(13.024, 5.512, 12.741, 5.697, 12.42, 5.824) ..cubicTo(12.125, 5.941, 11.818, 6, 11.5, 6) ..cubicTo(11.182, 6, 10.875, 5.941, 10.58, 5.824) ..cubicTo(10.259, 5.697, 9.976, 5.512, 9.732, 5.268) ..cubicTo(9.488, 5.024, 9.303, 4.741, 9.176, 4.42) ..cubicTo(9.059, 4.125, 9, 3.818, 9, 3.5) ..cubicTo(9, 3.182, 9.059, 2.875, 9.176, 2.58) ..cubicTo(9.303, 2.259, 9.488, 1.976, 9.732, 1.732) ..close() ..moveTo(2.105, 4.052) ..cubicTo(2.182, 4.245, 2.293, 4.414, 2.439, 4.561) ..cubicTo(2.586, 4.707, 2.755, 4.818, 2.948, 4.895) ..cubicTo(3.125, 4.965, 3.309, 5, 3.5, 5) ..cubicTo(3.691, 5, 3.875, 4.965, 4.052, 4.895) ..cubicTo(4.245, 4.818, 4.414, 4.707, 4.561, 4.561) ..cubicTo(4.707, 4.414, 4.818, 4.245, 4.895, 4.052) ..cubicTo(4.965, 3.875, 5, 3.691, 5, 3.5) ..cubicTo(5, 3.309, 4.965, 3.125, 4.895, 2.948) ..cubicTo(4.818, 2.755, 4.707, 2.586, 4.561, 2.439) ..cubicTo(4.414, 2.293, 4.245, 2.182, 4.052, 2.105) ..cubicTo(3.875, 2.035, 3.691, 2, 3.5, 2) ..cubicTo(3.309, 2, 3.125, 2.035, 2.948, 2.105) ..cubicTo(2.755, 2.182, 2.586, 2.293, 2.439, 2.439) ..cubicTo(2.293, 2.586, 2.182, 2.755, 2.105, 2.948) ..cubicTo(2.035, 3.125, 2, 3.309, 2, 3.5) ..cubicTo(2, 3.691, 2.035, 3.875, 2.105, 4.052) ..close() ..moveTo(10.439, 4.561) ..cubicTo(10.586, 4.707, 10.755, 4.818, 10.948, 4.895) ..cubicTo(11.125, 4.965, 11.309, 5, 11.5, 5) ..cubicTo(11.691, 5, 11.875, 4.965, 12.052, 4.895) ..cubicTo(12.245, 4.818, 12.414, 4.707, 12.561, 4.561) ..cubicTo(12.707, 4.414, 12.818, 4.245, 12.895, 4.052) ..cubicTo(12.965, 3.875, 13, 3.691, 13, 3.5) ..cubicTo(13, 3.309, 12.965, 3.125, 12.895, 2.948) ..cubicTo(12.818, 2.755, 12.707, 2.586, 12.561, 2.439) ..cubicTo(12.414, 2.293, 12.245, 2.182, 12.052, 2.105) ..cubicTo(11.875, 2.035, 11.691, 2, 11.5, 2) ..cubicTo(11.309, 2, 11.125, 2.035, 10.948, 2.105) ..cubicTo(10.755, 2.182, 10.586, 2.293, 10.439, 2.439) ..cubicTo(10.293, 2.586, 10.182, 2.755, 10.105, 2.948) ..cubicTo(10.035, 3.125, 10, 3.309, 10, 3.5) ..cubicTo(10, 3.691, 10.035, 3.875, 10.105, 4.052) ..cubicTo(10.182, 4.245, 10.293, 4.414, 10.439, 4.561) ..close() ..moveTo(6.58, 6.176) ..cubicTo(6.875, 6.059, 7.182, 6, 7.5, 6) ..cubicTo(7.818, 6, 8.125, 6.059, 8.42, 6.176) ..cubicTo(8.741, 6.303, 9.024, 6.488, 9.268, 6.732) ..cubicTo(9.512, 6.976, 9.697, 7.259, 9.824, 7.58) ..cubicTo(9.941, 7.875, 10, 8.182, 10, 8.5) ..cubicTo(10, 8.818, 9.941, 9.125, 9.824, 9.42) ..cubicTo(9.697, 9.741, 9.512, 10.024, 9.268, 10.268) ..cubicTo(9.024, 10.512, 8.741, 10.697, 8.42, 10.824) ..cubicTo(8.125, 10.941, 7.818, 11, 7.5, 11) ..cubicTo(7.182, 11, 6.875, 10.941, 6.58, 10.824) ..cubicTo(6.259, 10.697, 5.976, 10.512, 5.732, 10.268) ..cubicTo(5.488, 10.024, 5.303, 9.741, 5.176, 9.42) ..cubicTo(5.059, 9.125, 5, 8.818, 5, 8.5) ..cubicTo(5, 8.182, 5.059, 7.875, 5.176, 7.58) ..cubicTo(5.303, 7.259, 5.488, 6.976, 5.732, 6.732) ..cubicTo(5.976, 6.488, 6.259, 6.303, 6.58, 6.176) ..close() ..moveTo(6.948, 9.895) ..cubicTo(7.125, 9.965, 7.309, 10, 7.5, 10) ..cubicTo(7.691, 10, 7.875, 9.965, 8.052, 9.895) ..cubicTo(8.245, 9.818, 8.414, 9.707, 8.561, 9.561) ..cubicTo(8.707, 9.414, 8.818, 9.245, 8.895, 9.052) ..cubicTo(8.965, 8.875, 9, 8.691, 9, 8.5) ..cubicTo(9, 8.309, 8.965, 8.125, 8.895, 7.948) ..cubicTo(8.818, 7.755, 8.707, 7.586, 8.561, 7.439) ..cubicTo(8.414, 7.293, 8.245, 7.182, 8.052, 7.105) ..cubicTo(7.875, 7.035, 7.691, 7, 7.5, 7) ..cubicTo(7.309, 7, 7.125, 7.035, 6.948, 7.105) ..cubicTo(6.755, 7.182, 6.586, 7.293, 6.439, 7.439) ..cubicTo(6.293, 7.586, 6.182, 7.755, 6.105, 7.948) ..cubicTo(6.035, 8.125, 6, 8.309, 6, 8.5) ..cubicTo(6, 8.691, 6.035, 8.875, 6.105, 9.052) ..cubicTo(6.182, 9.245, 6.293, 9.414, 6.439, 9.561) ..cubicTo(6.586, 9.707, 6.755, 9.818, 6.948, 9.895) ..close() ..moveTo(10.994, 8.711) ..cubicTo(11.003, 8.686, 11.014, 8.661, 11.027, 8.636) ..cubicTo(11.093, 8.511, 11.191, 8.429, 11.321, 8.389) ..cubicTo(11.451, 8.349, 11.578, 8.362, 11.703, 8.427) ..cubicTo(12.409, 8.801, 12.97, 9.359, 13.385, 10.101) ..cubicTo(13.795, 10.834, 14, 11.634, 14, 12.5) ..lineTo(14, 14.5) ..cubicTo(14, 14.641, 13.952, 14.759, 13.856, 14.856) ..cubicTo(13.759, 14.952, 13.641, 15, 13.5, 15) ..cubicTo(13.359, 15, 13.241, 14.952, 13.144, 14.856) ..cubicTo(13.048, 14.759, 13, 14.641, 13, 14.5) ..lineTo(13, 12.5) ..cubicTo(13, 11.807, 12.838, 11.171, 12.513, 10.59) ..cubicTo(12.193, 10.019, 11.768, 9.593, 11.236, 9.312) ..cubicTo(11.111, 9.246, 11.029, 9.148, 10.988, 9.018) ..cubicTo(10.981, 8.994, 10.976, 8.97, 10.972, 8.947) ..cubicTo(10.982, 8.869, 10.989, 8.79, 10.994, 8.711) ..close() ..moveTo(4.027, 8.937) ..cubicTo(4.023, 8.963, 4.017, 8.99, 4.009, 9.017) ..cubicTo(3.968, 9.149, 3.887, 9.247, 3.764, 9.312) ..cubicTo(3.232, 9.593, 2.807, 10.019, 2.487, 10.59) ..cubicTo(2.162, 11.171, 2, 11.807, 2, 12.5) ..lineTo(2, 14.5) ..cubicTo(2, 14.641, 1.952, 14.759, 1.856, 14.856) ..cubicTo(1.759, 14.952, 1.641, 15, 1.5, 15) ..cubicTo(1.359, 15, 1.241, 14.952, 1.144, 14.856) ..cubicTo(1.048, 14.759, 1, 14.641, 1, 14.5) ..lineTo(1, 12.5) ..cubicTo(1, 11.634, 1.205, 10.834, 1.615, 10.101) ..cubicTo(2.03, 9.359, 2.591, 8.801, 3.297, 8.427) ..cubicTo(3.419, 8.363, 3.546, 8.351, 3.678, 8.392) ..cubicTo(3.81, 8.432, 3.908, 8.514, 3.973, 8.636) ..cubicTo(3.986, 8.661, 3.997, 8.687, 4.006, 8.713) ..cubicTo(4.011, 8.788, 4.018, 8.863, 4.027, 8.937) ..close() ..moveTo(4.281, 13.509) ..cubicTo(4.472, 13.187, 4.745, 12.907, 5.101, 12.67) ..cubicTo(5.44, 12.444, 5.829, 12.273, 6.268, 12.157) ..cubicTo(6.665, 12.052, 7.075, 12, 7.5, 12) ..cubicTo(7.925, 12, 8.335, 12.052, 8.732, 12.157) ..cubicTo(9.171, 12.273, 9.56, 12.444, 9.899, 12.67) ..cubicTo(10.255, 12.907, 10.528, 13.187, 10.719, 13.509) ..cubicTo(10.906, 13.824, 11, 14.154, 11, 14.5) ..cubicTo(11, 14.641, 10.952, 14.759, 10.856, 14.856) ..cubicTo(10.759, 14.952, 10.641, 15, 10.5, 15) ..cubicTo(10.359, 15, 10.241, 14.952, 10.144, 14.856) ..cubicTo(10.048, 14.759, 10, 14.641, 10, 14.5) ..cubicTo(10, 14.337, 9.953, 14.177, 9.859, 14.019) ..cubicTo(9.746, 13.827, 9.574, 13.655, 9.344, 13.502) ..cubicTo(9.097, 13.337, 8.808, 13.211, 8.477, 13.124) ..cubicTo(8.164, 13.041, 7.838, 13, 7.5, 13) ..cubicTo(7.162, 13, 6.836, 13.041, 6.523, 13.124) ..cubicTo(6.192, 13.211, 5.903, 13.337, 5.656, 13.502) ..cubicTo(5.426, 13.655, 5.254, 13.827, 5.141, 14.019) ..cubicTo(5.047, 14.177, 5, 14.337, 5, 14.5) ..cubicTo(5, 14.641, 4.952, 14.759, 4.856, 14.856) ..cubicTo(4.759, 14.952, 4.641, 15, 4.5, 15) ..cubicTo(4.359, 15, 4.241, 14.952, 4.144, 14.856) ..cubicTo(4.048, 14.759, 4, 14.641, 4, 14.5) ..cubicTo(4, 14.154, 4.094, 13.824, 4.281, 13.509) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_FamilyOutlineIconPainter old) => old.color != color; } ```