import React from 'react';

const Arrow: React.FC<any> = (props) => (
  <svg
    width="67px"
    height="65px"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 67 65"
    {...props}
  >
    <path
      fill="#1D1D1B"
      style={{ opacity: 0.5 }}
      d="M63.4,16.2L63.4,16.2C63.4,16.2,63.4,16.2,63.4,16.2c0.2-0.2,0.3-0.4,0.4-0.7c0-0.1,0.1-0.1,0.1-0.2
      c0.1-0.2,0.1-0.4,0.1-0.6c0-0.1,0-0.1,0-0.2c0,0,0-0.1,0-0.1c0-0.2-0.1-0.5-0.1-0.7c0,0,0,0,0-0.1c-0.1-0.2-0.2-0.5-0.4-0.6
      c0,0,0-0.1,0-0.1L53.1,0.7c-0.8-0.9-2.1-0.9-2.9,0c-0.8,0.9-0.8,2.4,0,3.3l5.6,6.5c-8.1-1.1-16.1,0.6-16.5,0.7
      C14.6,15.7-2.8,38.5,0.4,62c0.2,1.2,1,2,2,2c0.1,0,0.2,0,0.3,0c1.1-0.2,1.9-1.4,1.7-2.7C1.6,40.3,17.5,20,40,15.9
      c0.1,0,8.4-1.8,16.1-0.6l-8.6,5.1c-1,0.6-1.4,2-0.9,3.2c0.5,1.2,1.7,1.6,2.8,1l13.5-8C63.1,16.5,63.2,16.4,63.4,16.2z"
    />
    <path
      fill="#FFFFFF"
      d="M66.4,17.2L66.4,17.2C66.4,17.2,66.4,17.2,66.4,17.2c0.2-0.2,0.3-0.4,0.4-0.7c0-0.1,0.1-0.1,0.1-0.2
      c0.1-0.2,0.1-0.4,0.1-0.6c0-0.1,0-0.1,0-0.2c0,0,0-0.1,0-0.1c0-0.2-0.1-0.5-0.1-0.7c0,0,0,0,0-0.1c-0.1-0.2-0.2-0.5-0.4-0.6
      c0,0,0-0.1-0.1-0.1L56.1,1.7c-0.8-0.9-2.1-0.9-2.9,0c-0.8,0.9-0.8,2.4,0,3.3l5.6,6.5c-8.1-1.1-16.1,0.6-16.5,0.7
      C17.6,16.7,0.2,39.5,3.4,63c0.2,1.2,1,2,2,2c0.1,0,0.2,0,0.3,0c1.1-0.2,1.9-1.4,1.7-2.7C4.6,41.3,20.5,21,43,16.9
      c0.1,0,8.4-1.8,16.1-0.6l-8.6,5.1c-1,0.6-1.4,2-0.9,3.2c0.5,1.2,1.7,1.6,2.8,1l13.5-8C66.1,17.5,66.2,17.4,66.4,17.2z"
    />
  </svg>
);

export default Arrow;
