// 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 TagIcon = (props: SVGProps<SVGSVGElement>) => (
  <svg {...props} viewBox="0 0 24 24">
    <path
      fillRule="evenodd"
      d="M10.4 3H5.2a17 17 0 0 0-1.7.1 1 1 0 0 0-.4.4V4L3 5.2v5.2l.1.3.5.5 7.7 7.7a25.9 25.9 0 0 0 2 1.8h1.3c.2 0 .4-.2.7-.5l1.4-1.3 2.2-2.2a25.9 25.9 0 0 0 1.8-2 2 2 0 0 0 0-1.3c0-.2-.2-.4-.5-.7L19 11.3l-7.7-7.7-.5-.5h-.3Zm-.6-2h1l1 .4.8.8 7.7 7.7 1.4 1.5c.4.4.7.8.9 1.4a4 4 0 0 1 0 2.4 4 4 0 0 1-.9 1.4l-1.4 1.5-2.2 2.2-1.5 1.4a4 4 0 0 1-1.4.9 4 4 0 0 1-2.4 0 4 4 0 0 1-1.4-.9l-1.5-1.4-7.7-7.7-.8-.9a3 3 0 0 1-.3-.8L1 9.8v-6l.3-1.2c.3-.5.8-1 1.3-1.3A3 3 0 0 1 3.8 1h5.9ZM6.5 8a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z"
      clipRule="evenodd"
    />
  </svg>
);

const TagIconWrapper = toIcon(TagIcon);
export default TagIconWrapper;