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

const SvgComponent = (props: SvgProps) => (
  <Svg width={21} height={20} fill="none">
    <Path
      d="M20.917 4.425c0-2.402-1.92-4.357-4.284-4.357H4.369C2.005.068.083 2.023.083 4.425v11.08c0 2.402 1.922 4.358 4.286 4.358h12.264c2.364 0 4.284-1.956 4.284-4.358V4.425ZM4.37 1.364h12.264c1.66 0 3.01 1.373 3.01 3.062v.616a4.235 4.235 0 0 0-3.01-1.264H1.427c.294-1.379 1.5-2.414 2.942-2.414Zm12.264 17.203H4.369c-1.662 0-3.013-1.373-3.013-3.062V5.073h15.277c1.66 0 3.011 1.375 3.011 3.064v.693h-4.682c-1.027 0-1.859.848-1.859 1.891v2.201c0 1.043.833 1.89 1.859 1.89h4.682v.693c0 1.689-1.351 3.062-3.011 3.062Zm3.01-8.442v3.392h-4.681a.591.591 0 0 1-.585-.595v-2.2c0-.33.262-.597.585-.597h4.682Z"
      fill={props?.fill}
    />
    <Path
      d="M15.506 11.173h3.01v1.296h-3.01v-1.296Z"
      fill={props?.fill || '#4F58CF'}
    />
  </Svg>
);

export default SvgComponent;
