import { createSvgIcon } from '@mui/material';

const ChatsGradient = createSvgIcon(
  <svg
    width="32"
    height="32"
    viewBox="0 0 32 32"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M17 6.33333C17 4.02418 17.9783 1.94353 19.5431 0.48328C18.3034 0.16772 17.0046 0 15.6667 0C7.0142 0 0 7.0142 0 15.6667C0 18.4457 0.723847 21.0565 1.9935 23.3201C1.32685 25.0844 0.701633 27.1254 0.298055 29.1604C0.0763633 30.2783 1.0661 31.2249 2.17162 30.9687C4.11704 30.518 6.0961 29.8851 7.83987 29.2411C10.143 30.5719 12.8164 31.3333 15.6667 31.3333C24.3191 31.3333 31.3333 24.3191 31.3333 15.6667C31.3333 14.3287 31.1656 13.0299 30.8501 11.7902C29.3898 13.355 27.3091 14.3333 25 14.3333C20.5817 14.3333 17 10.7516 17 6.33333ZM18.6667 6.33333C18.6667 2.83553 21.5022 0 25 0C28.4978 0 31.3333 2.83553 31.3333 6.33333C31.3333 9.83113 28.4978 12.6667 25 12.6667C21.5022 12.6667 18.6667 9.83113 18.6667 6.33333Z"
      fill="url(#paint0_linear_3055_16861)"
    />
    <defs>
      <linearGradient
        id="paint0_linear_3055_16861"
        x1="31.2273"
        y1="31.34"
        x2="-5.878"
        y2="10.4673"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FF51E3" />
        <stop
          offset="1"
          stopColor="#1B4DFF"
        />
      </linearGradient>
    </defs>
  </svg>,
  'ChatsGradient',
);

export default ChatsGradient;