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

export default ({ color, size = 1 }) => (
  <Svg width={16 * size} height={16 * size} viewBox="0 0 16 16" fill="none">
    <Path
      d="M11.1704 1.3037C11.4948 1.58686 11.7658 1.92707 11.9777 2.32524L11.1956 3.10736C11.0205 2.67104 10.7746 2.3387 10.4865 2.08722C9.89036 1.56691 9.03094 1.32003 7.99999 1.32003C6.96904 1.32003 6.10962 1.56691 5.51351 2.08722C4.97085 2.56087 4.57787 3.32136 4.52586 4.52322H9.77976L8.73976 5.56322H3.59999C2.84889 5.56322 2.23999 6.17212 2.23999 6.92322V12.063L1.28129 13.0217C1.22826 12.8234 1.19999 12.615 1.19999 12.4V6.92322C1.19999 5.6363 2.21291 4.58595 3.48498 4.52593C3.53822 3.08328 4.01583 2.01401 4.82962 1.3037C5.68122 0.560392 6.8218 0.280029 7.99999 0.280029C9.17818 0.280029 10.3188 0.560392 11.1704 1.3037Z"
      fill={color || '#254898'}
    />
    <Path
      d="M7.47999 10.4397C7.42581 10.421 7.37295 10.3996 7.32157 10.3755L8.29489 9.40221C8.36838 9.3566 8.43053 9.29444 8.47615 9.22095L9.44946 8.24763C9.54603 8.4536 9.59999 8.68353 9.59999 8.92605C9.59999 9.62768 9.14838 10.2238 8.51999 10.4397V12C8.51999 12.2872 8.28718 12.52 7.99999 12.52C7.7128 12.52 7.47999 12.2872 7.47999 12V10.4397Z"
      fill={color || '#254898'}
    />
    <Path
      d="M12.4 13.76H3.93709L2.97837 14.7187C3.17663 14.7717 3.38501 14.8 3.59999 14.8H12.4C13.7255 14.8 14.8 13.7255 14.8 12.4V6.92322C14.8 5.83285 14.0729 4.91231 13.077 4.62005L12.1339 5.56322H12.4C13.1511 5.56322 13.76 6.17212 13.76 6.92322V12.4C13.76 13.1511 13.1511 13.76 12.4 13.76Z"
      fill={color || '#254898'}
    />
    <Path
      d="M14.7677 1.96774C14.9708 1.76467 14.9708 1.43543 14.7677 1.23235C14.5646 1.02928 14.2354 1.02928 14.0323 1.23235L0.832297 14.4324C0.629225 14.6354 0.629225 14.9647 0.832297 15.1677C1.03537 15.3708 1.36462 15.3708 1.56769 15.1677L14.7677 1.96774Z"
      fill={color || '#254898'}
    />
  </Svg>
);
