import * as React from 'react'
import type { SVGProps, Ref } from 'react'
import { withIconWrapper } from './utils/index'
const SvgUnderline = (
    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
            fillRule="evenodd"
            clipRule="evenodd"
            d="M15.333 14.667a.667.667 0 0 1 .078 1.329l-.078.004H.667a.667.667 0 0 1-.078-1.329l.078-.004zM12 0c.342 0 .624.257.662.589l.005.078v8.126c0 2.877-1.722 4.54-4.667 4.54-2.884 0-4.594-1.595-4.664-4.361l-.003-.179V.667a.667.667 0 0 1 1.33-.078l.004.078v8.126C4.667 10.923 5.78 12 8 12c2.159 0 3.272-1.02 3.33-3.036l.003-.17V.666c0-.369.299-.667.667-.667"
            fill="currentColor"
        />
    </svg>
)
export default withIconWrapper(React.forwardRef(SvgUnderline), 'Underline')
