import { Svg, Path } from "react-native-svg";
import { SVGIconProps } from "../types";

const IconFamilySharing = ({ size, style, ...props }: SVGIconProps) => (
  <Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
    <Path
      fill="currentColor"
      fillRule="evenodd"
      d="M9 6.5C9 7.32843 8.32843 8 7.5 8C6.67157 8 6 7.32843 6 6.5C6 5.67157 6.67157 5 7.5 5C8.32843 5 9 5.67157 9 6.5ZM11 6.5C11 8.433 9.433 10 7.5 10C5.567 10 4 8.433 4 6.5C4 4.567 5.567 3 7.5 3C9.433 3 11 4.567 11 6.5ZM18 6.5C18 7.32843 17.3284 8 16.5 8C15.6716 8 15 7.32843 15 6.5C15 5.67157 15.6716 5 16.5 5C17.3284 5 18 5.67157 18 6.5ZM20 6.5C20 8.433 18.433 10 16.5 10C14.567 10 13 8.433 13 6.5C13 4.567 14.567 3 16.5 3C18.433 3 20 4.567 20 6.5ZM15.3332 14.1252C15.4099 14.1085 15.4871 14.0935 15.5647 14.0801C16.6192 13.8981 17.704 14.0278 18.686 14.4531C19.6679 14.8785 20.5045 15.581 21.0931 16.4748C21.6818 17.3685 21.9969 18.4145 21.9999 19.4846C22.0014 20.0369 22.4504 20.4834 23.0027 20.4818C23.5549 20.4803 24.0014 20.0313 23.9999 19.4791C23.9958 18.0198 23.5661 16.5934 22.7634 15.3747C21.9607 14.156 20.82 13.1979 19.4809 12.6179C18.1418 12.0379 16.6626 11.8611 15.2246 12.1092C14.7671 12.1882 14.32 12.309 13.8887 12.4692C14.0005 12.5708 14.1101 12.6752 14.2174 12.7825C14.6327 13.1978 15.0056 13.6476 15.3332 14.1252ZM0 19.5C0 20.0523 0.447714 20.5 0.999999 20.5C1.55228 20.5 2 20.0523 2 19.5C2 18.0413 2.57946 16.6424 3.61091 15.6109C4.64236 14.5795 6.04131 14 7.5 14C8.95869 14 10.3576 14.5795 11.3891 15.6109C12.4205 16.6424 13 18.0413 13 19.5C13 20.0523 13.4477 20.5 14 20.5C14.5523 20.5 15 20.0523 15 19.5C15 17.5109 14.2098 15.6032 12.8033 14.1967C11.3968 12.7902 9.48912 12 7.5 12C5.51088 12 3.60322 12.7902 2.1967 14.1967C0.790176 15.6032 0 17.5109 0 19.5Z"
      clipRule="evenodd"
    />
  </Svg>
);

export default IconFamilySharing;