import { createIcon } from '../lib/create-icon'

const SvgFaceidKeyIcon = createIcon(props => {
  return (
    <svg
      {...props}
      xmlns="http://www.w3.org/2000/svg"
      width={props.width}
      height={props.height}
      fill="none"
      viewBox="0 0 20 20"
      focusable={false}
      aria-hidden={true}
    >
      <g clipPath="url(#faceid-key-icon_svg__a)">
        <path
          fill={props.color}
          fillRule="evenodd"
          d="M8 .833c-.998.038-1.867.114-2.619.252-1.222.224-2.206.625-2.939 1.358-.733.732-1.133 1.716-1.357 2.938C.947 6.133.87 7.002.832 8h1.401c.037-.93.108-1.71.229-2.366.197-1.074.515-1.747.97-2.202.455-.454 1.128-.773 2.202-.97.657-.12 1.436-.191 2.366-.228V.833Zm4 1.4v-1.4c.998.038 1.867.114 2.618.252 1.223.224 2.207.625 2.94 1.358.732.732 1.132 1.716 1.357 2.938.138.752.214 1.621.252 2.619h-1.4c-.038-.93-.109-1.71-.23-2.366-.197-1.074-.515-1.747-.97-2.202-.454-.454-1.127-.773-2.201-.97-.657-.12-1.436-.191-2.366-.228Zm0 15.533c.93-.037 1.709-.107 2.366-.228 1.074-.197 1.747-.516 2.201-.97.455-.455.773-1.128.97-2.202.121-.657.192-1.436.23-2.366h1.4c-.038.998-.114 1.867-.252 2.619-.225 1.222-.625 2.206-1.358 2.939-.732.732-1.716 1.133-2.939 1.357-.751.138-1.62.214-2.618.252v-1.4ZM2.233 12c.037.93.108 1.71.229 2.366.197 1.074.515 1.747.97 2.201.455.455 1.128.774 2.202.971.657.12 1.436.191 2.366.228v1.401c-.998-.038-1.867-.114-2.619-.252-1.222-.224-2.206-.625-2.939-1.357-.733-.733-1.133-1.717-1.357-2.94C.947 13.869.87 12.999.832 12h1.401ZM7 7.25C7 8.217 6.552 9 6 9c-.553 0-1-.783-1-1.75 0-.966.447-1.75 1-1.75.552 0 1 .784 1 1.75ZM9.3 6v4.79l.205.205 1 1 .99-.99-.795-.795V6H9.3ZM15 7.25C15 8.217 14.552 9 14 9c-.553 0-1-.783-1-1.75 0-.966.447-1.75 1-1.75.552 0 1 .784 1 1.75Zm-6.15 6.742a2.3 2.3 0 0 1-.842-.842l-1.212.7a3.7 3.7 0 0 0 6.408 0l-1.212-.7a2.3 2.3 0 0 1-3.142.842Z"
          clipRule="evenodd"
        />
      </g>
      <defs>
        <clipPath id="faceid-key-icon_svg__a">
          <path fill="#fff" d="M0 0h20v20H0z" />
        </clipPath>
      </defs>
    </svg>
  )
})

export default SvgFaceidKeyIcon
