import * as React from 'react'
import type { SVGProps, Ref } from 'react'
import { withIconWrapper } from './utils/index'
const SvgLogbook = (
    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.5 9a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1zM8 7.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5M8.5 5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1z"
            fill="currentColor"
        />
        <path
            fillRule="evenodd"
            clipRule="evenodd"
            d="M3.04 0A2.373 2.373 0 0 0 .667 2.373v11.294A2.334 2.334 0 0 0 3 16h11.336a.667.667 0 0 0 0-1.333H3a1 1 0 0 1 0-2h10.333a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM3 11.334c-.358 0-.697.08-1 .224V2.373c0-.574.466-1.04 1.04-1.04h10.293c.368 0 .667.299.667.667v8.667a.667.667 0 0 1-.667.666z"
            fill="currentColor"
        />
    </svg>
)
export default withIconWrapper(React.forwardRef(SvgLogbook), 'Logbook')
