import * as React from 'react'
import type { SVGProps, Ref } from 'react'
import { withIconWrapper } from './utils/index'
const SvgCrossCircle = (
    props: SVGProps<SVGSVGElement>,
    ref: Ref<SVGSVGElement>
) => (
    <svg
        viewBox="0 0 16 16"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        preserveAspectRatio="xMidYMid meet"
        focusable="false"
        ref={ref}
        {...props}
    >
        <path
            d="M8.942 8 11.3 5.643a.667.667 0 0 0-.944-.943L8 7.058 5.643 4.7a.666.666 0 1 0-.943.943L7.057 8 4.7 10.357a.666.666 0 1 0 .943.943L8 8.943l2.357 2.357a.667.667 0 1 0 .943-.943z"
            fill="currentColor"
        />
        <path
            fillRule="evenodd"
            clipRule="evenodd"
            d="M0 8c0 4.411 3.589 8 8 8s8-3.589 8-8-3.589-8-8-8-8 3.589-8 8m1.333 0A6.674 6.674 0 0 1 8 1.333 6.674 6.674 0 0 1 14.667 8 6.674 6.674 0 0 1 8 14.667 6.674 6.674 0 0 1 1.333 8"
            fill="currentColor"
        />
    </svg>
)
export default withIconWrapper(React.forwardRef(SvgCrossCircle), 'CrossCircle')
