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

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

const WaterGlass = ({ fill = '#FF6363', height = 24, width = 24 }: Props) => (
  <Svg width={width} height={height} fill="none" viewBox="0 0 17 19">
    <Path
      fill={fill}
      d="M6.5 2.5a1.667 1.667 0 0 1 1.644 1.945l1.644.276a3.343 3.343 0 0 0-.005-1.135 1.667 1.667 0 0 1 2.328 2.247H3.167a.833.833 0 1 1 .449-1.535.833.833 0 0 0 1.261-.512A1.668 1.668 0 0 1 6.5 2.5Zm1.264-1.419a3.331 3.331 0 0 0-4.171 1.455A2.5 2.5 0 0 0 1.5 6.863v9.804c0 .92.746 1.666 1.666 1.666H11.5c.92 0 1.667-.746 1.667-1.666h1.667c.92 0 1.666-.747 1.666-1.667V9.167c0-.92-.746-1.667-1.666-1.667h-1.667v-.295a3.333 3.333 0 0 0-4.08-5.14c-.35-.43-.803-.77-1.323-.984Zm5.403 8.086h1.667V15h-1.667V9.167ZM11.5 7.5v9.167H3.167V7.5H11.5ZM4.834 9.167V15H6.5V9.167H4.834Zm5 0V15H8.167V9.167h1.667Z"
    />
  </Svg>
);
export default WaterGlass;
