import * as React from 'react'
import type { SVGProps, Ref } from 'react'
import { withIconWrapper } from './utils/index'
const SvgArrowDown = (
    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 0c.368 0 .667.299.667.667v13.057l3.528-3.529.051-.045a.666.666 0 0 1 .938.937l-.046.051-4.666 4.667a.667.667 0 0 1-.943 0l-4.667-4.667-.045-.05a.666.666 0 0 1 .937-.938l.05.045 3.53 3.529V.667C7.334.298 7.632 0 8 0"
            fill="currentColor"
        />
    </svg>
)
export default withIconWrapper(React.forwardRef(SvgArrowDown), 'ArrowDown')
