import * as React from 'react'
import type { SVGProps, Ref } from 'react'
import { withIconWrapper } from './utils/index'
const SvgTarget = (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="M4.667 8a3.333 3.333 0 1 1 6.666 0 3.333 3.333 0 0 1-6.666 0"
            fill="currentColor"
        />
        <path
            fillRule="evenodd"
            clipRule="evenodd"
            d="M14.297 7.333h1.036a.667.667 0 1 1 0 1.334h-1.036a6.344 6.344 0 0 1-5.63 5.63v1.036a.666.666 0 1 1-1.334 0v-1.036a6.344 6.344 0 0 1-5.63-5.63H.667a.666.666 0 1 1 0-1.334h1.036a6.344 6.344 0 0 1 5.63-5.63V.667a.666.666 0 1 1 1.334 0v1.036a6.344 6.344 0 0 1 5.63 5.63M3 8c0 2.757 2.243 5 5 5s5-2.243 5-5-2.243-5-5-5-5 2.243-5 5"
            fill="currentColor"
        />
    </svg>
)
export default withIconWrapper(React.forwardRef(SvgTarget), 'Target')