import * as React from 'react'
import type { SVGProps, Ref } from 'react'
import { withIconWrapper } from './utils/index'
const SvgKey = (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="M3.45 4.991a1.087 1.087 0 0 1 1.535-1.535 1.086 1.086 0 0 1-1.534 1.535"
            fill="currentColor"
        />
        <path
            fillRule="evenodd"
            clipRule="evenodd"
            d="m10.253 6.898 5.55 5.52a.67.67 0 0 1 .197.473v2.442a.667.667 0 0 1-.667.667h-2.388a.667.667 0 0 1-.667-.667V14.33l-1.095-.006a.667.667 0 0 1-.662-.667v-1.003l-1.003-.004a.67.67 0 0 1-.47-.198L6.882 10.27a5.22 5.22 0 0 1-5.337-1.272A5.24 5.24 0 0 1 0 5.271c0-1.408.548-2.732 1.544-3.727A5.23 5.23 0 0 1 5.271 0c1.408 0 2.731.548 3.727 1.544 1.414 1.414 1.875 3.47 1.255 5.354m3.358 7.769h1.056v-1.499L9.018 7.55l-.003-.005a.7.7 0 0 1-.111-.166l-.015-.022a.1.1 0 0 1-.018-.03q-.018-.049-.023-.103l-.005-.04-.01-.04q-.01-.032-.011-.067.001-.022.008-.043L8.837 7l.001-.013a.6.6 0 0 1 .036-.166v-.004l.001-.003a3.91 3.91 0 0 0-.82-4.328 3.9 3.9 0 0 0-2.784-1.154 3.9 3.9 0 0 0-2.784 1.154A3.9 3.9 0 0 0 1.333 5.27c0 1.051.41 2.04 1.154 2.784a3.915 3.915 0 0 0 4.308.829H6.8a.7.7 0 0 1 .205-.043.7.7 0 0 1 .301.04q.008.003.014.009l.01.007q.108.047.193.129l.004.003L9.8 11.317l1.39.006c.367.002.664.3.664.666v1.004l1.094.007c.367.002.663.3.663.667z"
            fill="currentColor"
        />
    </svg>
)
export default withIconWrapper(React.forwardRef(SvgKey), 'Key')
