@janiscommerce/ui-native
Version:
components library for Janis app
36 lines (35 loc) • 3.97 kB
JavaScript
import Svg, { Path, Rect, G } from 'react-native-svg';
import React from 'react';
import { View } from 'react-native';
const ContainersIllustration = ({ ...props }) => (<View {...props}>
<Svg width="192" height="137" viewBox="0 0 192 137" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<Path d="M93.4984 74.0411L6.50551 92.2489C5.48634 92.4623 5.43115 93.8969 6.43092 94.1879L96.9292 120.527C97.1227 120.583 97.3287 120.58 97.5203 120.517L185.509 91.6566L93.8921 74.0379C93.762 74.0129 93.6281 74.014 93.4984 74.0411Z" fill="#0093FF"/>
<Path d="M10.7453 109.265C7.81873 108.411 6.13854 105.346 6.99248 102.42C7.84641 99.4932 10.9111 97.813 13.8377 98.6669L31.7357 103.889C34.6623 104.743 36.3424 107.808 35.4885 110.735C34.6346 113.661 31.5699 115.341 28.6433 114.487L10.7453 109.265Z" fill="#007AFF"/>
<Path d="M76.9925 130.029C74.0734 129.15 72.4196 126.071 73.2987 123.152C74.1777 120.233 77.2567 118.579 80.1758 119.458L95.7528 124.149C98.6719 125.028 100.326 128.107 99.4466 131.026C98.5676 133.945 95.4886 135.599 92.5695 134.72L76.9925 130.029Z" fill="#007AFF"/>
<Path d="M178.606 94.837C181.495 93.8613 184.627 95.4117 185.603 98.2999C186.578 101.188 185.028 104.321 182.14 105.296L166.728 110.503C163.839 111.479 160.707 109.928 159.731 107.04C158.756 104.152 160.306 101.019 163.194 100.044L178.606 94.837Z" fill="#007AFF"/>
<Path d="M109.493 117.653C112.547 116.557 115.912 118.144 117.009 121.199C118.105 124.253 116.518 127.618 113.463 128.714L96.8405 134.681C93.7861 135.778 90.4211 134.19 89.3247 131.136C88.2283 128.081 89.8156 124.716 92.8701 123.62L109.493 117.653Z" fill="#007AFF"/>
<G>
<Path d="M6.09536 99.4108C2.62371 97.3285 3.92934 92.5176 6.6562 92.3525C6.7514 92.3467 6.8473 92.3618 6.93881 92.3886L95.4955 118.393C95.6877 118.45 95.8505 118.461 96.0413 118.399C105.722 115.303 184.11 90.9578 185.51 91.6553C189.041 93.4153 187.629 98.0136 184.078 98.819L96.0705 126.981C95.8903 127.039 95.7041 127.046 95.5209 126.998C65.5563 119.194 9.98991 101.747 6.09536 99.4108Z" fill="#007AFF"/>
</G>
<Rect width="1.41253" height="1.41253" transform="translate(112.764 21.1875)" fill="white"/>
<Path d="M66.7416 38.1805L25.1875 47.2498L70.7529 58.1855L109.939 46.4213L67.144 38.1756C67.0109 38.1499 66.874 38.1516 66.7416 38.1805Z" fill="white"/>
<Path d="M25.1875 91.691V47.2539L70.7529 57.4374V105.578L25.1875 91.691Z" fill="#F0F1F8"/>
<Path d="M109.695 90.9978L109.939 46.3438L70.7529 57.2794V105.579L109.695 90.9978Z" fill="#DDDFED"/>
<Path d="M91.9532 0.0438049L59.7939 7.06264L95.1071 15.5378L125.476 6.42058L92.3556 0.038868C92.2225 0.0132238 92.0856 0.0149032 91.9532 0.0438049Z" fill="white"/>
<Path d="M60.5002 44.1371L59.7939 7.0625L95.1071 14.9547V52.2634L60.5002 44.1371Z" fill="#F8F8F8"/>
<Path d="M125.288 40.9663L125.477 6.35938L95.1074 14.8345V52.2665L125.288 40.9663Z" fill="#DDDFED"/>
<Path d="M74.0591 19L73.8213 10L80.3213 11.5V21L74.0591 19Z" fill="#DDDFED"/>
<G>
<Path d="M130.193 35.3563L90.1641 44.0927L134.065 54.6289L171.82 43.2945L130.595 35.3514C130.462 35.3257 130.325 35.3274 130.193 35.3563Z" fill="white"/>
<Path d="M90.1641 86.9115V44.0977L134.065 53.9092V100.291L90.1641 86.9115Z" fill="#F8F8F8"/>
<Path d="M171.585 89L171.82 43.2227L134.065 53.7589V100.294L171.585 89Z" fill="#DDDFED"/>
<Path d="M151.821 58V48.5L158.321 47V56L151.821 58Z" fill="#0093FF"/>
</G>
<Path d="M91.9532 60.7821L59.7939 67.8009L95.1071 76.2761L125.476 67.1589L92.3556 60.7771C92.2225 60.7515 92.0856 60.7532 91.9532 60.7821Z" fill="white"/>
<Path d="M59.7939 102.24V67.8008L95.1071 75.693V113.002L59.7939 102.24Z" fill="white"/>
<Path d="M125.288 103L125.477 67.0938L95.1074 75.5689V113.001L125.288 103Z" fill="#DDDFED"/>
<Path d="M109.821 96.9992V87L118.321 85V94.8877L109.821 96.9992Z" fill="white"/>
<Path d="M24.8213 73.625V64L41.8213 68.375V78L24.8213 73.625Z" fill="#0093FF"/>
</Svg>
</View>);
export default ContainersIllustration;