Baseball.js

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

const Baseball = ({ 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-.2zm-3-2.6c-1.6-1.6-3-3.5-4.2-5.5l1.8-.8c1-.5 1.4-1.7 1-2.7l-.8-1.8c-.5-1-1.7-1.4-2.7-1l-1.7.8c-.6-1.8-1-3.7-1.2-5.6H46c1.1 0 2-.9 2-2v-2c0-1.1-.9-2-2-2h-1.8c.2-1.8.5-3.5 1.1-5.2l1.8.9c1 .5 2.2 0 2.7-1l.8-1.8c.5-1 0-2.2-1-2.7l-2-.9c1.2-2.2 2.7-4.1 4.4-5.9 4.9 5 8 12 8 19.6s-3.1 14.5-8 19.6zM12 12.4c1.8 1.8 3.3 3.8 4.5 6l-1.7.8c-1 .5-1.4 1.7-1 2.7l.8 1.8c.5 1 1.7 1.4 2.7 1l1.5-.7c.5 1.6.8 3.3 1 5H18c-1.1 0-2 .9-2 2v2c0 1.1.9 2 2 2h1.8c-.2 1.9-.6 3.7-1.1 5.5l-1.3-.6c-1-.5-2.2 0-2.7 1l-.8 1.8c-.5 1 0 2.2 1 2.7l1.5.7c-1.2 2.1-2.6 3.9-4.3 5.6-4.9-5-8-12-8-19.6-.1-7.7 3-14.6 7.9-19.7zm3 41.8c1.9-2 3.6-4.2 4.9-6.6l2.2 1c1 .5 2.2 0 2.7-1l.8-1.8c.5-1 0-2.2-1-2.7L22.3 42c.8-2.3 1.3-4.7 1.5-7.2H26c1.1 0 2-.9 2-2v-2c0-1.1-.9-2-2-2h-2.2c-.2-2.3-.7-4.6-1.4-6.7l2.1-1c1-.5 1.4-1.7 1-2.7l-.8-1.8c-.5-1-1.7-1.4-2.7-1l-1.9.9c-1.4-2.6-3.1-4.9-5.1-7C19.7 6.1 25.6 4 32 4s12.3 2.2 17 5.8c-2 2-3.7 4.3-5.1 6.8l-1.6-.7c-1-.5-2.2 0-2.7 1l-.8 1.8c-.5 1 0 2.2 1 2.7l1.8.8c-.7 2.2-1.2 4.5-1.4 6.9H38c-1.1 0-2 .9-2 2v2c0 1.1.9 2 2 2h2.2c.2 2.5.8 5 1.6 7.3l-1.9.9c-1 .5-1.4 1.7-1 2.7l.8 1.8c.5 1 1.7 1.4 2.7 1l1.8-.9c1.3 2.3 3 4.5 4.8 6.4-4.7 3.5-10.6 5.7-17 5.7s-12.3-2.2-17-5.8z"
      fill={color}
    />
  </Svg>
);

export default Baseball;