gistfile1.txt

import { chakra, HTMLChakraProps, useColorModeValue } from '@chakra-ui/react'

export const Logo: React.FC<HTMLChakraProps<'svg'>> = (props) => {
  const color = useColorModeValue('#231f20', '#fff')
  return (
    <chakra.svg
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 210.000000 84.000000"
      scale="0.100000,-0.100000"
      translate="0.000000,84.000000"
      {...props}
    >
      <path fill={color} d="M560 500 l0 -302 70 4 c60 3 74 8 98 31 l27 27 0 240 0 240 -27 27 c-24 23 -38 28 -98 31 l-70 4 0 -302z"/>
      <path fill={color} d="M1048 785 c-36 -20 -48 -44 -48 -99 l0 -46 65 0 c56 0 69 3 96 28 25 23 31 35 32 77 l2 50 -60 2 c-39 2 -70 -3 -87 -12z"/>
      <path fill={color} d="M1650 550 c0 -278 5 -307 59 -334 17 -9 55 -16 86 -16 l55 0 0 266 c0 163 -4 273 -10 285 -17 31 -64 49 -130 49 l-60 0 0 -250z"/>
      <path fill={color} d="M188 591 c-30 -26 -33 -35 -36 -100 l-4 -71 196 0 196 0 0 100 0 100 -160 0 -160 0 -32 -29z"/>
      <path fill={color} d="M780 440 c0 -177 0 -181 24 -205 27 -26 72 -38 131 -33 l40 3 0 178 0 179 -33 29 c-29 26 -40 29 -97 29 l-65 0 0 -180z"/>
      <path fill={color} d="M1000 410 l0 -211 98 3 97 3 0 178 0 179 -33 29 c-29 26 -40 29 -97 29 l-65 0 0 -210z"/>
      <path fill={color} d="M1249 591 l-29 -29 0 -269 0 -269 62 2 c33 1 71 7 83 14 48 25 50 39 53 318 l3 262 -71 0 c-66 0 -74 -2 -101 -29z"/>
      <path fill={color} d="M1430 520 l0 -100 100 0 100 0 0 71 c0 65 -2 73 -29 100 -27 27 -35 29 -100 29 l-71 0 0 -100z"/>
      <path fill={color} d="M1870 520 l0 -100 61 0 c106 0 138 31 139 133 l0 67 -100 0 -100 0 0 -100z"/>
      <path fill={color} d="M60 299 l0 -100 210 3 210 3 27 27 c23 24 28 38 31 98 l4 70 -241 0 -241 0 0 -101z"/>
      <path fill={color} d="M1432 303 l3 -98 98 -3 97 -3 0 101 0 100 -100 0 -101 0 3 -97z"/>
      <path fill={color} d="M1914 382 c-34 -27 -44 -56 -44 -121 l0 -61 56 0 c66 0 117 21 133 56 6 14 11 52 11 84 l0 60 -67 0 c-49 0 -74 -5 -89 -18z"/>
    </chakra.svg>
  )
}