import React from "react"
import { IconProps } from "./types"

export default function Discord({
  height = 24,
  width = 24,
  color = "#A8ADB5",
}: IconProps) {
  return (
    <svg
      width={width}
      height={height}
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <g clipPath="url(#clip0_48260_99356)">
        <path
          d="M18.654 5.7268C17.4303 5.1653 16.118 4.7516 14.7459 4.51467C14.7209 4.51009 14.696 4.52152 14.6831 4.54438C14.5143 4.84455 14.3274 5.23615 14.1965 5.54394C12.7207 5.32301 11.2525 5.32301 9.80705 5.54394C9.67611 5.22931 9.48238 4.84455 9.31285 4.54438C9.29998 4.52228 9.27502 4.51086 9.25003 4.51467C7.87872 4.75085 6.56644 5.16454 5.34194 5.7268C5.33134 5.73137 5.32225 5.739 5.31622 5.7489C2.8271 9.46758 2.14523 13.0949 2.47973 16.6772C2.48125 16.6947 2.49109 16.7115 2.50471 16.7221C4.14696 17.9282 5.73776 18.6603 7.29901 19.1456C7.324 19.1533 7.35047 19.1441 7.36638 19.1235C7.73569 18.6192 8.0649 18.0874 8.34717 17.5282C8.36383 17.4954 8.34793 17.4566 8.31388 17.4436C7.7917 17.2455 7.29447 17.004 6.81617 16.7298C6.77834 16.7077 6.77531 16.6535 6.81012 16.6276C6.91077 16.5522 7.01145 16.4737 7.10755 16.3945C7.12494 16.38 7.14917 16.377 7.16962 16.3861C10.3118 17.8207 13.7136 17.8207 16.8188 16.3861C16.8392 16.3762 16.8634 16.3793 16.8816 16.3938C16.9777 16.473 17.0784 16.5522 17.1798 16.6276C17.2146 16.6535 17.2123 16.7077 17.1745 16.7298C16.6962 17.0093 16.1989 17.2455 15.676 17.4429C15.642 17.4558 15.6268 17.4954 15.6435 17.5282C15.9318 18.0866 16.261 18.6184 16.6235 19.1228C16.6387 19.1441 16.6659 19.1533 16.6909 19.1456C18.2597 18.6603 19.8505 17.9282 21.4927 16.7221C21.5071 16.7115 21.5162 16.6955 21.5177 16.6779C21.9181 12.5364 20.8472 8.93885 18.679 5.74965C18.6737 5.739 18.6646 5.73137 18.654 5.7268ZM8.81641 14.4959C7.87039 14.4959 7.0909 13.6274 7.0909 12.5608C7.0909 11.4942 7.85527 10.6256 8.81641 10.6256C9.78509 10.6256 10.557 11.5018 10.5419 12.5608C10.5419 13.6274 9.77752 14.4959 8.81641 14.4959ZM15.1962 14.4959C14.2502 14.4959 13.4707 13.6274 13.4707 12.5608C13.4707 11.4942 14.2351 10.6256 15.1962 10.6256C16.1649 10.6256 16.9368 11.5018 16.9217 12.5608C16.9217 13.6274 16.1649 14.4959 15.1962 14.4959Z"
          fill={color}
        />
      </g>
      <defs>
        <clipPath id="clip0_48260_99356">
          <rect
            width="19.2"
            height="19.2"
            fill="white"
            transform="translate(2.3999 2.40039)"
          />
        </clipPath>
      </defs>
    </svg>
  )
}