// This file is auto-generated. Do not edit it directly.
// To update the icon component, change the related icon.svg file and run "yarn build:icons" in the root directory.
import { type SVGProps } from 'react';

import toIcon from '../toIcon';

const MagicArrowIcon = (props: SVGProps<SVGSVGElement>) => (
  <svg {...props} viewBox="0 0 48 48">
    <path
      fill="none"
      stroke="currentColor"
      stroke-linecap="round"
      stroke-linejoin="round"
      stroke-width="4"
      d="m18 7v-3m-7.8787 6.1213-2.1213-2.1213m2.1213 18-2.1213 2.1213m18-18 2.1213-2.1213m-21.121 10h-3m27.729 14.379-4.9835 9.255c-0.5693 1.0573-0.854 1.5859-1.1965 1.7196-0.2972 0.1161-0.632 0.0833-0.901-0.0882-0.3101-0.1976-0.4869-0.7714-0.8404-1.919l-6.9172-22.456c-0.2888-0.9375-0.4332-1.4062-0.317-1.7228 0.1012-0.2758 0.3185-0.4931 0.5943-0.5943 0.3166-0.1162 0.7853 0.0282 1.7228 0.317l22.456 6.9173c1.1477 0.3535 1.7215 0.5303 1.919 0.8403 0.1715 0.2691 0.2043 0.6039 0.0882 0.9011-0.1337 0.3425-0.6623 0.6271-1.7196 1.1964l-9.2549 4.9835c-0.1571 0.0846-0.2356 0.1269-0.3044 0.1812-0.061 0.0483-0.1162 0.1035-0.1645 0.1645-0.0543 0.0688-0.0966 0.1473-0.1812 0.3044z"
    />
  </svg>
);

const MagicArrowIconWrapper = toIcon(MagicArrowIcon);
export default MagicArrowIconWrapper;