import React from 'react';

const DragDropIcon = ({ width = 40, height = 40, color = '#fff' }) => (
  <svg
    width={width}
    height={height}
    viewBox="0 0 40 41"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M10.8195 20.5988L21.727 23.4337L21.0217 26.1739L10.1142 23.339L10.8195 20.5988ZM12.2301 15.1184L23.1376 17.9533L22.4323 20.6935L11.5248 17.8586L12.2301 15.1184ZM23.9371 3.54364L13.0296 0.708728C11.5298 0.318927 9.98536 1.23309 9.59745 2.74019L3.95518 24.6617C3.56728 26.1688 4.46336 27.7173 5.96314 28.1071L22.338 32.363C23.8378 32.7528 25.3823 31.8386 25.7702 30.3315L30.0019 13.8904L23.9371 3.54364ZM23.0433 29.6228L6.68206 25.3704L12.3243 3.44892L21.8684 5.92947L20.1052 12.7799L26.9224 14.5518L23.0433 29.6228Z"
      fill={color}
    />
    <path
      d="M22.3109 24.7223C22.9869 24.4675 24.3247 24.6232 24.6768 25.3874C25.0289 26.1516 25.2401 27.1422 25.2542 26.9016C25.2273 26.1704 25.2888 25.4386 25.4373 24.7223C25.5938 24.2635 25.9525 23.9031 26.409 23.7458C26.8278 23.6127 27.2723 23.5836 27.7047 23.6609C28.1418 23.7513 28.529 24.0039 28.7891 24.3685C29.1185 25.1937 29.3043 26.0697 29.3383 26.9582C29.3733 26.2001 29.501 25.4491 29.7186 24.7223C29.9539 24.3891 30.2976 24.1488 30.6903 24.043C31.1559 23.9574 31.633 23.9574 32.0986 24.043C32.4808 24.1704 32.815 24.4124 33.0562 24.7364C33.3553 25.4867 33.5359 26.2793 33.5914 27.0856C33.5914 27.2837 33.69 26.5337 33.9998 26.0384C34.2487 25.2959 35.0494 24.8967 35.7883 25.1468C36.5272 25.3969 36.9245 26.2016 36.6756 26.9441C36.6756 27.864 36.6756 27.8215 36.6756 28.4442C36.6756 29.0669 36.6756 29.6188 36.6756 30.1424C36.6248 30.9706 36.5118 31.7937 36.3376 32.6048C36.0931 33.3227 35.752 34.0037 35.3236 34.6285C34.64 35.3928 34.075 36.2563 33.6477 37.19C33.5435 37.6542 33.4962 38.1294 33.5069 38.6052C33.5055 39.0448 33.5623 39.4826 33.6759 39.9071C33.1001 39.9689 32.5194 39.9689 31.9437 39.9071C31.3944 39.8222 30.7184 38.7184 30.5354 38.3787C30.4448 38.1964 30.2594 38.0811 30.0565 38.0811C29.8537 38.0811 29.6683 38.1964 29.5777 38.3787C29.2679 38.9165 28.5778 39.893 28.1694 39.9496C27.2259 40.0628 25.2683 39.9496 23.7473 39.9496C23.7473 39.9496 24.0149 38.5344 23.4234 38.025C22.8319 37.5155 22.2545 36.9211 21.818 36.5249L20.6491 35.2229C19.8248 34.454 19.2216 33.4764 18.9028 32.3925C18.607 31.0623 18.6352 30.4254 18.9028 29.8877C19.1757 29.4436 19.6019 29.1161 20.0998 28.9678C20.5136 28.8924 20.9394 28.9216 21.3391 29.0527C21.6156 29.169 21.8544 29.36 22.0292 29.6046C22.3531 30.0433 22.4658 30.2556 22.325 29.7744C22.1841 29.2933 21.8743 28.9395 21.7194 28.3593C21.4178 27.674 21.2367 26.9414 21.1842 26.194C21.2419 25.5235 21.7079 24.9594 22.3531 24.7789"
      fill={color}
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M22.3109 24.7223C22.9869 24.4675 24.3247 24.6232 24.6768 25.3874C25.0289 26.1516 25.2401 27.1422 25.2542 26.9016C25.2273 26.1704 25.2888 25.4386 25.4373 24.7223C25.5938 24.2635 25.9525 23.9031 26.409 23.7458C26.8278 23.6127 27.2723 23.5836 27.7047 23.6609C28.1418 23.7513 28.529 24.0039 28.7891 24.3685C29.1185 25.1937 29.3043 26.0697 29.3383 26.9582C29.3733 26.2001 29.501 25.4491 29.7186 24.7223C29.9539 24.3891 30.2975 24.1488 30.6903 24.043C31.1559 23.9574 31.633 23.9574 32.0986 24.043C32.4808 24.1704 32.815 24.4124 33.0562 24.7364C33.3553 25.4867 33.5359 26.2793 33.5914 27.0856C33.5914 27.2837 33.69 26.5337 33.9998 26.0384C34.2487 25.2959 35.0494 24.8967 35.7883 25.1468C36.5272 25.3969 36.9245 26.2016 36.6756 26.9441C36.6756 27.864 36.6756 27.8215 36.6756 28.4442C36.6756 29.0669 36.6756 29.6188 36.6756 30.1424C36.6248 30.9706 36.5118 31.7937 36.3376 32.6048C36.0931 33.3227 35.752 34.0037 35.3236 34.6285C34.64 35.3928 34.075 36.2563 33.6477 37.19C33.5435 37.6542 33.4962 38.1294 33.5069 38.6052C33.5055 39.0448 33.5623 39.4826 33.6759 39.9071C33.1001 39.9689 32.5194 39.9689 31.9437 39.9071C31.3944 39.8222 30.7184 38.7184 30.5354 38.3787C30.4448 38.1964 30.2594 38.0811 30.0565 38.0811C29.8537 38.0811 29.6683 38.1964 29.5777 38.3787C29.2679 38.9165 28.5778 39.893 28.1694 39.9496C27.2259 40.0628 25.2683 39.9496 23.7473 39.9496C23.7473 39.9496 24.0149 38.5344 23.4234 38.025C22.8319 37.5155 22.2545 36.9211 21.818 36.5249L20.6491 35.2229C19.8248 34.454 19.2216 33.4764 18.9028 32.3925C18.607 31.0623 18.6352 30.4254 18.9028 29.8877C19.1757 29.4436 19.6019 29.1161 20.0998 28.9678C20.5136 28.8924 20.9394 28.9216 21.3391 29.0527C21.6156 29.169 21.8544 29.36 22.0292 29.6046C22.3531 30.0433 22.4658 30.2556 22.325 29.7744C22.1841 29.2933 21.8743 28.9395 21.7194 28.3593C21.4178 27.674 21.2367 26.9414 21.1842 26.194C21.213 25.5137 21.6639 24.9247 22.3109 24.7223Z"
      stroke="black"
      strokeWidth="1.5"
      strokeLinejoin="round"
    />
    <path
      d="M32.2183 34.573V29.6881C32.2183 29.3957 31.9819 29.1587 31.6902 29.1587C31.3986 29.1587 31.1621 29.3957 31.1621 29.6881V34.573C31.1621 34.8654 31.3986 35.1024 31.6902 35.1024C31.9819 35.1024 32.2183 34.8654 32.2183 34.573Z"
      fill="black"
    />
    <path
      d="M29.4301 34.5712L29.4019 29.6838C29.4002 29.3921 29.1624 29.157 28.8708 29.1587C28.5791 29.1604 28.344 29.3982 28.3457 29.6899L28.3739 34.5773C28.3756 34.869 28.6134 35.1041 28.905 35.1024C29.1967 35.1008 29.4318 34.8629 29.4301 34.5712Z"
      fill="black"
    />
    <path
      d="M25.5293 29.6963L25.5575 34.5711C25.5592 34.8663 25.797 35.1042 26.0887 35.1024C26.3803 35.1007 26.6154 34.86 26.6137 34.5648L26.5855 29.6901C26.5838 29.3949 26.346 29.157 26.0543 29.1587C25.7627 29.1604 25.5276 29.4011 25.5293 29.6963Z"
      fill="black"
    />
  </svg>
);

export default DragDropIcon;
