import React from 'react';

import { Path, Rect, Svg } from 'react-native-svg';

import { IconProps } from './utils/base';

export const Imgur = ({ height, width, ...rest }: IconProps) => (
  <Svg fill='none' height={height} viewBox='0 0 20 20' width={width} {...rest}>
    <Rect width={20} height={20} rx={10} fill='black' />
    <Path
      d='M11.1337 14.2105C11.1337 14.7628 11.0416 15.1715 10.8577 15.4362C10.674 15.7008 10.3913 15.8332 10.0095 15.8332C9.62299 15.8332 9.33558 15.6995 9.147 15.4328C8.95842 15.1658 8.86426 14.7584 8.86426 14.2105V9.72928C8.86426 9.18138 8.95738 8.7755 9.14364 8.51061C9.32963 8.24571 9.61807 8.11353 10.0095 8.11353C10.3913 8.11353 10.674 8.24571 10.858 8.51061C11.0419 8.7755 11.1337 9.18138 11.1337 9.72928V14.2105Z'
      fill='white'
    />
    <Path
      d='M8.68848 5.45785C8.68848 5.10345 8.81782 4.79975 9.07702 4.5465C9.33623 4.29325 9.64743 4.16675 10.0104 4.16675C10.3684 4.16675 10.6752 4.2935 10.9292 4.5465C11.184 4.79975 11.311 5.10345 11.311 5.45785C11.311 5.81691 11.1848 6.12087 10.9328 6.36946C10.6806 6.6178 10.3733 6.74197 10.0104 6.74197C9.63811 6.74197 9.32485 6.6178 9.0703 6.36946C8.81575 6.12061 8.68848 5.81691 8.68848 5.45785Z'
      fill='#5BBF8C'
    />
  </Svg>
);