import * as React from 'react'
import type { SVGProps, Ref } from 'react'
import { withIconWrapper } from './utils/index'
const SvgPhone = (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="M7.333 13.667a.667.667 0 1 1 1.334 0 .667.667 0 0 1-1.334 0"
            fill="currentColor"
        />
        <path
            fillRule="evenodd"
            clipRule="evenodd"
            d="M5.333 0h5.334c1.102 0 2 .897 2 2v12c0 1.103-.898 2-2 2H5.333c-1.102 0-2-.897-2-2V2c0-1.103.898-2 2-2m0 14.667h5.334c.367 0 .666-.3.666-.667v-1.333H4.667V14c0 .367.299.667.666.667m5.334-13.334H5.333c-.367 0-.666.3-.666.667v.167h6.666V2a.67.67 0 0 0-.666-.667m.666 10.334H4.667v-8.5h6.666z"
            fill="currentColor"
        />
    </svg>
)
export default withIconWrapper(React.forwardRef(SvgPhone), 'Phone')
