Cog.js

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

const Cog = ({ color, ...props }) => (
  <Svg viewBox="0 0 64 64" {...props}>
    <Path
      d="M57 32c0-3.7 2.6-6.9 6.1-7.8-.8-3.1-2-6-3.6-8.7-3.1 1.8-7.1 1.4-9.8-1.2s-3.1-6.7-1.2-9.8c-2.7-1.6-5.6-2.8-8.7-3.6C38.9 4.4 35.7 7 32 7S25.1 4.4 24.2.9c-3.1.8-6 2-8.7 3.6 1.8 3.1 1.4 7.1-1.2 9.8s-6.7 3.1-9.8 1.2c-1.6 2.7-2.8 5.6-3.6 8.7C4.4 25.1 7 28.3 7 32S4.4 38.9.9 39.8c.8 3.1 2 6 3.6 8.7 3.1-1.8 7.1-1.4 9.8 1.2s3.1 6.7 1.2 9.8c2.7 1.6 5.6 2.8 8.7 3.6.9-3.5 4-6.1 7.8-6.1s6.9 2.6 7.8 6.1c3.1-.8 6-2 8.7-3.6-1.8-3.1-1.4-7.1 1.2-9.8s6.7-3.1 9.8-1.2c1.6-2.7 2.8-5.6 3.6-8.7-3.5-.9-6.1-4.1-6.1-7.8zm.5 11.5c-3.8-.7-7.8.4-10.7 3.3s-4 6.9-3.3 10.7l-1.6.7C39.7 55 36.1 53 32 53s-7.7 2-9.9 5.2c-.6-.2-1.1-.4-1.6-.7.7-3.8-.4-7.8-3.3-10.7s-6.9-4-10.7-3.3c-.3-.5-.5-1.1-.7-1.6C9 39.7 11 36.1 11 32s-2-7.7-5.2-9.9c.2-.5.4-1.1.7-1.6 3.8.7 7.8-.4 10.7-3.3s4-6.9 3.3-10.7c.5-.3 1.1-.5 1.6-.7C24.3 9 27.9 11 32 11s7.7-2 9.9-5.2c.5.2 1.1.4 1.6.7-.7 3.8.4 7.8 3.3 10.7s6.9 4 10.7 3.3l.7 1.6C55 24.3 53 27.9 53 32s2 7.7 5.2 9.9c-.2.5-.4 1.1-.7 1.6zM32 18c-7.7 0-14 6.3-14 14s6.3 14 14 14 14-6.3 14-14-6.3-14-14-14zm0 24c-5.5 0-10-4.5-10-10s4.5-10 10-10 10 4.5 10 10-4.5 10-10 10z"
      fill={color}
    />
  </Svg>
);

export default Cog;