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

const OnboardingGradient = createSvgIcon(
  <svg
    width="28"
    height="32"
    viewBox="0 0 28 32"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M4.41713 0.350853C6.44387 0.17727 9.52707 0 13.6667 0C14.3965 0 15.0935 0.00551067 15.7577 0.01554C16.3055 0.0238127 16.8836 0.121533 17.4352 0.3683C18.5722 0.876947 20.8079 2.06038 23.0405 4.29289C25.2097 6.46207 26.3883 8.6342 26.9199 9.79813C27.1761 10.359 27.2802 10.9478 27.2919 11.5088C27.318 12.762 27.3333 14.1457 27.3333 15.6667C27.3333 21.0043 27.1443 24.6507 26.9655 26.9052C26.7918 29.0956 25.1073 30.7948 22.9162 30.9825C20.8895 31.1561 17.8063 31.3333 13.6667 31.3333C9.52707 31.3333 6.44387 31.1561 4.41713 30.9825C2.22606 30.7948 0.541514 29.0956 0.367847 26.9052C0.1891 24.6507 0 21.0043 0 15.6667C0 10.329 0.1891 6.68267 0.367847 4.42814C0.541514 2.23771 2.22606 0.538507 4.41713 0.350853ZM6.33333 19C5.59693 19 5 19.5969 5 20.3333C5 21.0697 5.59693 21.6667 6.33333 21.6667H21C21.7364 21.6667 22.3333 21.0697 22.3333 20.3333C22.3333 19.5969 21.7364 19 21 19H6.33333ZM5 25.6667C5 24.9303 5.59693 24.3333 6.33333 24.3333H21C21.7364 24.3333 22.3333 24.9303 22.3333 25.6667C22.3333 26.4031 21.7364 27 21 27H6.33333C5.59693 27 5 26.4031 5 25.6667ZM15.9887 7.0314C17.3836 6.75507 18.8273 6.6818 20.2468 6.67847C21.0164 6.6766 21.656 7.2162 21.6553 8.05607C21.654 9.4862 21.5805 10.94 21.3022 12.3449C21.213 12.7953 20.9121 13.1262 20.5409 13.2816C20.0779 13.4755 19.5056 13.396 19.1024 12.9929L18.2429 12.1333C18.1984 12.1741 18.1532 12.2157 18.1074 12.2583C17.2903 13.0165 16.2875 14.0256 15.4746 15.0764L15.4641 15.0898L15.3858 15.1884C14.4723 16.3386 12.6719 16.1446 12.0245 14.8261L11.9673 14.7099L11.9599 14.6945L11.9563 14.6868L10.4923 11.5555C9.8034 12.1403 8.6184 13.2735 7.4324 15.0003C7.01553 15.6073 6.18553 15.7615 5.57847 15.3446C4.97147 14.9277 4.81733 14.0977 5.23427 13.4907C7.28327 10.5071 9.3616 9.037 9.58533 8.88327L9.59013 8.87993C10.6265 8.15267 12.1005 8.5528 12.5936 9.75387L13.9715 12.7007C14.7601 11.7776 15.6059 10.9417 16.2934 10.3037L16.3556 10.2461L15.3408 9.23127C14.9748 8.86527 14.8749 8.35807 15.0061 7.92113C15.1339 7.49513 15.4837 7.13147 15.9887 7.0314Z"
      fill="url(#paint0_linear_3090_280)"
    />
    <defs>
      <linearGradient
        id="paint0_linear_3090_280"
        x1="27.2407"
        y1="31.34"
        x2="-7.10067"
        y2="14.488"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FF51E3" />
        <stop
          offset="1"
          stopColor="#1B4DFF"
        />
      </linearGradient>
    </defs>
  </svg>,
  'OnboardingGradient',
);

export default OnboardingGradient;