import * as React from 'react';
import Svg, { Path } from 'react-native-svg';

interface Props {
  color: string;
  width?: number;
  height?: number;
}

const Logout = ({ color, height = 19, width = 20 }: Props) => (
  <Svg width={width} height={height} fill="none" viewBox="0 0 25 24">
    <Path
      fill={color}
      fillRule="evenodd"
      d="M7.491 11.25H21.77v1.5H7.491v-1.5Z"
      clipRule="evenodd"
    />
    <Path
      fill={color}
      fillRule="evenodd"
      d="M18.477 7.665 22.83 12l-4.354 4.337-1.059-1.063L20.706 12l-3.288-3.272 1.059-1.063ZM14.005 2v6.125h-1.5V3.5H3.481v17h9.024v-4.625h1.5V22H1.981V2h12.024Z"
      clipRule="evenodd"
    />
  </Svg>
);
export default Logout;
