import * as React from 'react'
import type { SVGProps, Ref } from 'react'
import { withIconWrapper } from './utils/index'
const SvgH1 = (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="M7.333 0c.342 0 .624.257.663.589L8 .667v14.666a.667.667 0 0 1-1.329.078l-.004-.078V8.667H1.333v6.666a.667.667 0 0 1-1.329.078L0 15.333V.667A.667.667 0 0 1 1.329.589l.004.078v6.666h5.334V.667c0-.369.298-.667.666-.667M11 16a.667.667 0 0 1-.078-1.329l.078-.004h1.558V7.994l-1.542 1.148a.67.67 0 0 1-.88-.072l-.053-.064a.67.67 0 0 1 .072-.88l.065-.053 2.607-1.941a.667.667 0 0 1 1.06.462l.005.073v8h1.441a.667.667 0 0 1 .078 1.329l-.078.004z"
            fill="currentColor"
        />
    </svg>
)
export default withIconWrapper(React.forwardRef(SvgH1), 'H1')
