import React, { SVGProps } from 'react'

export const FacebookPixelLogo = (props: SVGProps<SVGSVGElement>) => (
  <svg
    viewBox="0 0 470 512"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path
      d="M464.291 129.408L240.291 1.40775C237.006 -0.46925 232.995 -0.46925 229.71 1.40775L5.70998 129.408C2.38198 131.307 0.333984 134.848 0.333984 138.667V373.334C0.333984 377.153 2.38198 380.694 5.70998 382.593L229.71 510.593C231.353 511.532 233.166 512.001 235.001 512.001C236.836 512.001 238.649 511.532 240.292 510.593L464.292 382.593C467.62 380.694 469.668 377.153 469.668 373.334V138.667C469.667 134.848 467.619 131.307 464.291 129.408ZM448.333 367.147L235 489.045L21.667 367.147V144.853L235 22.9548L448.333 144.854V367.147Z"
      fill="#3C5A99"
    />
    <path
      d="M460 140L235 12L17 140V371L235 494L463.5 373.5L460 140Z"
      fill="#3C5A99"
    />
    <g clipPath="url(#clip0)">
      <path
        d="M411.329 251.264L328.31 163.309C323.207 157.897 314.69 157.65 309.278 162.757C303.875 167.86 303.624 176.381 308.731 181.788L383.031 260.5L308.731 339.22C303.624 344.627 303.875 353.145 309.278 358.251C311.881 360.706 315.206 361.922 318.518 361.922C322.095 361.922 325.667 360.504 328.31 357.708L411.33 269.748C416.225 264.557 416.225 256.452 411.329 251.264Z"
        fill="white"
      />
      <path
        d="M162.274 339.217L87.9789 260.501L162.274 181.785C167.377 176.378 167.13 167.856 161.722 162.754C156.319 157.652 147.793 157.898 142.691 163.306L59.6717 251.261C54.7761 256.449 54.7761 264.558 59.6717 269.746L142.695 357.705C145.343 360.51 148.91 361.924 152.487 361.924C155.799 361.924 159.124 360.703 161.722 358.248C167.135 353.146 167.377 344.624 162.274 339.217Z"
        fill="white"
      />
      <path
        d="M257.28 117.95C249.934 116.837 243.059 121.881 241.937 129.227L202.447 387.708C201.325 395.059 206.374 401.929 213.724 403.051C214.415 403.154 215.097 403.204 215.775 403.204C222.313 403.204 228.048 398.434 229.067 391.774L268.557 133.293C269.679 125.942 264.631 119.072 257.28 117.95Z"
        fill="white"
      />
    </g>
    <defs>
      <clipPath id="clip0">
        <rect
          width="359"
          height="359"
          fill="white"
          transform="translate(56 81)"
        />
      </clipPath>
    </defs>
  </svg>
)
