import Svg, { G, Circle, Path, Defs, ClipPath, type SvgProps } from 'react-native-svg';
const SvgDiscord = (props: SvgProps) => (
  <Svg viewBox="0 0 40 40" {...props} fill="none">
    <G clipPath="url(#Discord_svg__a)">
      <G clipPath="url(#Discord_svg__b)">
        <Circle cx={20} cy={19.886} r={20} fill="#5865F2" />
        <Circle cx={20} cy={19.886} r={19.5} stroke="#fff" strokeOpacity={0.1} />
        <Path
          fill="#fff"
          fillRule="evenodd"
          d="M25.712 28.146C30.253 28.002 32 25.023 32 25.023c0-6.616-2.959-11.98-2.959-11.98-2.959-2.219-5.774-2.157-5.774-2.157l-.287.329c3.493 1.068 5.116 2.61 5.116 2.61a16.748 16.748 0 0 0-6.185-1.973 17.384 17.384 0 0 0-4.15.04l-.35.042c-.72.062-2.466.329-4.664 1.294-.76.35-1.213.596-1.213.596s1.706-1.623 5.404-2.691l-.205-.247s-2.815-.062-5.774 2.157c0 0-2.959 5.364-2.959 11.98 0 0 1.726 2.98 6.267 3.123 0 0 .76-.925 1.377-1.705-2.61-.781-3.596-2.425-3.596-2.425l.575.35.083.061.08.046.024.01.08.047c.514.287 1.028.513 1.5.698.843.33 1.85.658 3.021.884 1.541.288 3.35.39 5.322.02a13.526 13.526 0 0 0 2.98-.883c.718-.267 1.52-.658 2.362-1.212 0 0-1.027 1.684-3.719 2.445a88.14 88.14 0 0 0 1.356 1.664Zm-9.555-9.596c-1.17 0-2.095 1.028-2.095 2.281 0 1.253.945 2.28 2.095 2.28 1.172 0 2.096-1.027 2.096-2.28.021-1.253-.924-2.28-2.096-2.28Zm7.5 0c-1.17 0-2.095 1.028-2.095 2.281 0 1.253.945 2.28 2.095 2.28 1.172 0 2.096-1.027 2.096-2.28s-.924-2.28-2.096-2.28Z"
          clipRule="evenodd"
        />
      </G>
    </G>
    <Defs>
      <ClipPath id="Discord_svg__a">
        <Path
          fill="#fff"
          d="M0 20C0 8.954 8.954 0 20 0s20 8.954 20 20-8.954 20-20 20S0 31.046 0 20Z"
        />
      </ClipPath>
      <ClipPath id="Discord_svg__b">
        <Path fill="#fff" d="M0 0h40v40H0z" />
      </ClipPath>
    </Defs>
  </Svg>
);
export default SvgDiscord;
