import * as React from 'react'
import type { SVGProps, Ref } from 'react'
import { withIconWrapper } from './utils/index'
const SvgUnread = (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="M13.667 0a2.333 2.333 0 1 0 0 4.667 2.333 2.333 0 0 0 0-4.667"
            fill="currentColor"
        />
        <path
            fillRule="evenodd"
            clipRule="evenodd"
            d="M9.333 4a.667.667 0 0 1 .078 1.329l-.078.004H1.75l6.255 6.056 4.91-4.7a.67.67 0 0 1 .882-.036l.061.057a.67.67 0 0 1 .037.881l-.057.062-2.867 2.743 3.696 3.578V6.667a.667.667 0 0 1 1.329-.078l.004.078v8c0 .703-.543 1.278-1.234 1.33l-.1.003H1.334a1.333 1.333 0 0 1-1.33-1.234l-.003-.1V5.334c0-.703.543-1.278 1.234-1.33l.1-.003zm.674 7.319-1.126 1.077a1.235 1.235 0 0 1-1.666.077l-.085-.076L6 11.303l-3.474 3.364h10.939zm-4.966-.944-3.708-3.59v7.18z"
            fill="currentColor"
        />
    </svg>
)
export default withIconWrapper(React.forwardRef(SvgUnread), 'Unread')
