import React, { ForwardedRef, useContext } from 'react';
import { OriginIconProps } from '../type';
import { Context } from '../context';

function IconCancelingCircleFillComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
    const { prefix: prefixFromContext } = useContext(Context);
    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = false, spin, ...rest } = props;

    const prefix = prefixFromProps || prefixFromContext || 'hiagent';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-canceling-circle-fill${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 10 10" fill={useCurrentColor ? 'currentColor' : 'none'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><g clipPath="url(#svg_db6ad13b8d__clip0_3208_23853)" fillRule="evenodd" clipRule="evenodd"><path d="M5.75164 2.4279C5.21029 2.26054 4.62729 2.28146 4.08595 2.49067C3.5446 2.69987 3.08653 3.05553 2.77421 3.5367C2.46189 4.01788 2.31614 4.58274 2.33696 5.16852C2.35778 5.7543 2.58681 6.29824 2.9616 6.73758C3.33638 7.17691 3.8361 7.49072 4.39825 7.61625C4.96043 7.74177 5.54343 7.69993 6.06396 7.44888C6.43875 7.28152 6.87599 7.44888 7.04256 7.82545C7.20914 8.20203 7.04256 8.64136 6.66778 8.80873C5.85575 9.16438 4.93961 9.26898 4.06513 9.05978C3.19063 8.85057 2.39942 8.36939 1.81643 7.69993C1.25425 7.03047 0.900286 6.17272 0.837822 5.27313C0.79618 4.37354 1.02521 3.47394 1.50411 2.72079C2.00382 1.96765 2.71174 1.38187 3.56542 1.08898C4.39825 0.775167 5.33521 0.754246 6.18889 1.0053C7.04256 1.25634 7.81295 1.77936 8.33349 2.49067C8.87484 3.22289 9.16634 4.08065 9.16634 5.00116C9.16634 5.41957 8.8332 5.7543 8.41677 5.7543C8.00035 5.7543 7.6672 5.41957 7.6672 5.00116C7.6672 4.41538 7.47981 3.87143 7.14667 3.39026C6.79271 2.93 6.31382 2.59527 5.75164 2.4279Z" fill={useCurrentColor ? 'currentColor' : 'url(#svg_db6ad13b8d__paint0_linear_3208_23853)'}/><path d="M5.75164 2.4279C5.21029 2.26054 4.62729 2.28146 4.08595 2.49067C3.5446 2.69987 3.08653 3.05553 2.77421 3.5367C2.46189 4.01788 2.31614 4.58274 2.33696 5.16852C2.35778 5.7543 2.58681 6.29824 2.9616 6.73758C3.33638 7.17691 3.8361 7.49072 4.39825 7.61625C4.96043 7.74177 5.54343 7.69993 6.06396 7.44888C6.43875 7.28152 6.87599 7.44888 7.04256 7.82545C7.20914 8.20203 7.04256 8.64136 6.66778 8.80873C5.85575 9.16438 4.93961 9.26898 4.06513 9.05978C3.19063 8.85057 2.39942 8.36939 1.81643 7.69993C1.25425 7.03047 0.900286 6.17272 0.837822 5.27313C0.79618 4.37354 1.02521 3.47394 1.50411 2.72079C2.00382 1.96765 2.71174 1.38187 3.56542 1.08898C4.39825 0.775167 5.33521 0.754246 6.18889 1.0053C7.04256 1.25634 7.81295 1.77936 8.33349 2.49067C8.87484 3.22289 9.16634 4.08065 9.16634 5.00116C9.16634 5.41957 8.8332 5.7543 8.41677 5.7543C8.00035 5.7543 7.6672 5.41957 7.6672 5.00116C7.6672 4.41538 7.47981 3.87143 7.14667 3.39026C6.79271 2.93 6.31382 2.59527 5.75164 2.4279Z" fill={useCurrentColor ? 'currentColor' : 'url(#svg_db6ad13b8d__paint1_linear_3208_23853)'}/></g><defs><linearGradient id="svg_db6ad13b8d__paint0_linear_3208_23853" x1="5.508" y1="2.87" x2="4.458" y2="6.79" gradientUnits="userSpaceOnUse"><stop stopColor="#4E5969"/><stop offset="1" stopColor="#4E5969" stopOpacity="0"/></linearGradient><linearGradient id="svg_db6ad13b8d__paint1_linear_3208_23853" x1="-.234" y1="3.983" x2="7.837" y2="5.538" gradientUnits="userSpaceOnUse"><stop stopColor="#CCCFD4"/><stop offset="1" stopColor="#CCCFD4" stopOpacity="0"/></linearGradient><clipPath id="svg_db6ad13b8d__clip0_3208_23853"><path fill={useCurrentColor ? 'currentColor' : '#fff'} d="M0 0H10V10H0z"/></clipPath></defs></svg>;
}

const IconCancelingCircleFill = React.forwardRef(IconCancelingCircleFillComponent);
export default IconCancelingCircleFill;
