Basketball.js

import React from "react";
import Svg, { Path } from "react-native-svg";

const Basketball = ({ color, ...props }) => (
  <Svg viewBox="0 0 64 64" {...props}>
    <Path
      d="M55 54.2c5.6-5.8 9-13.6 9-22.2s-3.4-16.5-9-22.2c0-.1-.1-.1-.2-.1l-1.2-1.2-.1-.1-1.4-1.2-.1-.1c-5.5-4.4-12.4-7-20-7s-14.5 2.6-20 7c-1.1.8-2.1 1.8-3 2.7C3.4 15.5 0 23.3 0 32c0 17.7 14.3 32 32 32 7.6 0 14.5-2.6 20-7l.1-.1 1.4-1.2.1-.1 1.2-1.2.2-.2zM4.1 34h15.8c-.5 6.8-3.4 13-7.9 17.6C7.5 47 4.6 40.8 4.1 34zM52 12.4c4.5 4.6 7.4 10.8 7.9 17.6H44.1c.5-6.8 3.4-13 7.9-17.6zM40.1 30H34V4.1c5.6.4 10.8 2.5 15 5.7-5.1 5.3-8.5 12.3-8.9 20.2zM30 30h-6.1c-.5-7.9-3.8-14.9-8.9-20.2 4.2-3.2 9.4-5.3 15-5.7V30zm-10.1 0H4.1c.5-6.8 3.4-13 7.9-17.6 4.5 4.6 7.4 10.8 7.9 17.6zm4 4H30v25.9c-5.6-.4-10.8-2.5-15-5.7 5.1-5.3 8.4-12.4 8.9-20.2zM34 34h6.1c.5 7.9 3.8 14.9 8.9 20.2-4.2 3.2-9.4 5.3-15 5.7V34zm10.1 0h15.8c-.5 6.8-3.4 13-7.9 17.6-4.5-4.6-7.4-10.8-7.9-17.6z"
      fill={color}
    />
  </Svg>
);

export default Basketball;