import { Icon, IconProps } from '@chakra-ui/react'

export const JavascriptLogo = (props: IconProps) => (
  <Icon
    viewBox="0 0 448 448"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <rect width="448" height="448" fill="#2B2B2B" />
    <path
      d="M0 0V448H448V0H0ZM240 348C240 391.61 214.24 412.87 176.95 412.87C143.27 412.87 123.72 395.43 113.8 374.38L148.08 353.63C154.69 365.36 159.71 375.28 174.14 375.28C186.14 375.28 196 369.87 196 348.82V208H240V348ZM339.35 411.87C300.26 411.87 275 394.23 262.67 369.87L297 350C306 364.74 317.75 374.56 338.5 374.56C355.94 374.56 366.07 366.84 366.07 354.81C366.07 340.38 355.64 335.27 336.39 326.81L325.87 322.29C295.49 309.37 275.35 293.13 275.35 258.84C275.35 227.27 299.4 204.21 336.99 204.21C363.76 204.21 382.99 212.53 396.84 236.89L364 258C356.78 245.07 349 240 336.94 240C324.61 240 316.79 247.82 316.79 258C316.79 270.63 324.61 275.74 342.65 283.56L353.17 288.07C388.96 303.41 409.11 319.07 409.11 354.23C409.12 392.13 379.35 411.87 339.35 411.87Z"
      fill="#F7DF1E"
    />
  </Icon>
)
