import React from 'react'

const DiscordLogo: React.FC = () => (
  <svg
    viewBox="115.237 115.462 66.898 66.898"
    width="66.898"
    height="66.898"
    xmlns="http://www.w3.org/2000/svg"
  >
    <g
      transform="matrix(0.3344910442829132, 0, 0, 0.3344910442829132, 93.82939147949219, 109.77567291259766)"
    >
      <defs>
        <rect id="SVGID_1_" x="78" y="31" width="172" height="172" />
      </defs>
      <clipPath id="SVGID_2_">
        <rect x="78" y="31" width="172" height="172" style={{ overflow: 'visible' }} />
      </clipPath>
      <g className="st0" clipPath="url('#SVGID_2_')">
        <path
          className="st1"
          d="M78,116.8C78,69.4,116.4,31,163.8,31c47.4,0,85.8,38.4,85.8,85.8s-38.4,85.8-85.8,85.8c0,0,0,0,0,0    C116.4,202.5,78,164.1,78,116.8C78,116.8,78,116.8,78,116.8z"
          fill="rgb(88, 101, 242)"
        />
        <path
          className="st2"
          d="M202.4,81.9c-7.3-3.3-14.9-5.7-22.8-7c-1,1.8-2.1,4.1-2.9,6c-8.4-1.3-16.9-1.3-25.3,0c-0.9-2.1-1.9-4.1-3-6    c-7.9,1.3-15.6,3.7-22.8,7.1c-14.4,21.5-18.3,42.4-16.4,63.1c8.5,6.3,17.9,11.1,28,14.1c2.3-3.1,4.3-6.3,6-9.7    c-3.3-1.2-6.4-2.7-9.4-4.5c0.8-0.6,1.5-1.2,2.3-1.8c17.7,8.4,38.3,8.4,56,0c0.8,0.6,1.5,1.2,2.3,1.8c-3,1.8-6.2,3.3-9.5,4.5    c1.7,3.4,3.7,6.6,6,9.7c10.1-3.1,19.6-7.8,28-14.1C221.1,121.1,214.9,100.3,202.4,81.9z M145.6,132.3c-5.5,0-9.9-5-9.9-11.1    s4.4-11.2,9.9-11.2c5.6,0,10,5,10,11.2C155.5,127.3,151.2,132.3,145.6,132.3z M182.4,132.3c-5.5,0-9.9-5-9.9-11.1    s4.4-11.2,9.9-11.2c5.6,0,10,5,9.9,11.2S187.9,132.3,182.4,132.3z"
          fill="rgb(255, 255, 255)"
        />
      </g>
    </g>
    <rect x="115.237" y="115.462" className="st3" width="66.898" height="66.898" fill="none" />
  </svg>
)

export { DiscordLogo }
export default DiscordLogo