websites/packages/auth/icons/DiscordIcon.tsx

import type { SVGAttributes } from '@session/ui/icons/types';
import { forwardRef } from 'react';

export const DiscordIcon = forwardRef<SVGSVGElement, SVGAttributes>((props, ref) => (
  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 37 28" {...props} ref={ref}>
    <title>Discord</title>
    <mask
      id="a"
      width="37"
      height="28"
      x="0"
      y="0"
      maskUnits="userSpaceOnUse"
      style={{ maskType: 'luminance' }}
    >
      <path fill="#fff" d="M36.78 0H.97v27.74h35.8V0Z" />
    </mask>
    <g mask="url(#a)">
      <path
        fill="#0A0A0A"
        d="M31.28 2.47A29.53 29.53 0 0 0 24 .21c-.04 0-.09.01-.11.06a20.6 20.6 0 0 0-.91 1.86c-2.75-.41-5.5-.41-8.19 0-.24-.59-.6-1.3-.92-1.86a.12.12 0 0 0-.12-.06 29.45 29.45 0 0 0-7.33 2.3C1.76 9.45.49 16.21 1.1 22.9l.05.08a29.7 29.7 0 0 0 8.95 4.52c.04.01.1 0 .12-.04.69-.94 1.3-1.93 1.83-2.98a.11.11 0 0 0-.06-.16 18.9 18.9 0 0 1-2.8-1.33.11.11 0 0 1 0-.19l.55-.43a.11.11 0 0 1 .11-.02 21.18 21.18 0 0 0 18 0 .11.11 0 0 1 .12.02c.18.14.36.3.55.43.07.05.06.15 0 .2-.9.51-1.83.96-2.8 1.32-.06.03-.1.1-.06.16a23.83 23.83 0 0 0 1.83 2.98c.02.04.08.05.12.04a29.6 29.6 0 0 0 8.96-4.52.11.11 0 0 0 .04-.08 30.02 30.02 0 0 0-5.34-20.43ZM12.94 18.83c-1.77 0-3.22-1.62-3.22-3.61 0-2 1.42-3.61 3.22-3.61 1.8 0 3.24 1.63 3.21 3.6 0 2-1.42 3.62-3.21 3.62Zm11.9 0c-1.77 0-3.22-1.62-3.22-3.61 0-2 1.42-3.61 3.21-3.61 1.81 0 3.25 1.63 3.22 3.6 0 2-1.4 3.62-3.22 3.62Z"
      />
    </g>
  </svg>
));