system.svg62 lines · main
1<svg viewBox="0 0 163 88" fill="none" xmlns="http://www.w3.org/2000/svg">
2<g clip-path="url(#clip0_742_69895)">
3<rect x="0.742188" width="161.5" height="88" rx="6" fill="#1C1C1C"/>
4<mask id="path-3-inside-1_742_69895" fill="white">
5<path d="M0.742188 6C0.742188 2.68629 3.42848 0 6.74219 0H13.7422V88H6.74219C3.42848 88 0.742188 85.3137 0.742188 82V6Z"/>
6</mask>
7<path d="M0.742188 6C0.742188 2.68629 3.42848 0 6.74219 0H13.7422V88H6.74219C3.42848 88 0.742188 85.3137 0.742188 82V6Z" fill="#1C1C1C"/>
8<path d="M0.742188 0H13.7422H0.742188ZM13.7422 88H0.742188H13.7422ZM0.742188 88V0V88ZM14.7422 0V88H12.7422V0H14.7422Z" fill="#2E2E2E" mask="url(#path-3-inside-1_742_69895)"/>
9<mask id="path-5-inside-2_742_69895" fill="white">
10<path d="M156.242 -2.62268e-07C159.556 -1.17421e-07 162.242 2.68629 162.242 6L162.242 13L13.7422 13L13.7422 -6.49114e-06L156.242 -2.62268e-07Z"/>
11</mask>
12<path d="M156.242 -2.62268e-07C159.556 -1.17421e-07 162.242 2.68629 162.242 6L162.242 13L13.7422 13L13.7422 -6.49114e-06L156.242 -2.62268e-07Z" fill="#1C1C1C"/>
13<path d="M162.242 0L162.242 13L162.242 0ZM13.7422 13L13.7422 -6.49114e-06L13.7422 13ZM13.7422 -6.49114e-06L162.242 0L13.7422 -6.49114e-06ZM162.242 14L13.7422 14L13.7422 12L162.242 12L162.242 14Z" fill="#2E2E2E" mask="url(#path-5-inside-2_742_69895)"/>
14<rect x="44.7552" y="21.5" width="86.4738" height="23.5" rx="2.5" fill="#232323" stroke="#2E2E2E"/>
15<rect x="44.7552" y="51.5" width="86.4738" height="23.5" rx="2.5" fill="#232323" stroke="#2E2E2E"/>
16<rect x="52.9406" y="28" width="19.2318" height="1.5" rx="0.75" fill="#A0A0A0"/>
17<rect x="52.9406" y="56.5" width="19.2318" height="1.5" rx="0.75" fill="#A0A0A0"/>
18<rect x="78.3762" y="28" width="19.2318" height="1.5" rx="0.75" fill="#EDEDED"/>
19<rect x="78.3762" y="56.5" width="19.2318" height="1.5" rx="0.75" fill="#EDEDED"/>
20<rect x="78.3762" y="33.25" width="44.0471" height="1.5" rx="0.75" fill="#EDEDED"/>
21<rect x="78.3762" y="61.75" width="44.0471" height="1.5" rx="0.75" fill="#EDEDED"/>
22<rect x="18.4922" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#3ECF8E"/>
23<rect x="44.2552" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#707070"/>
24<rect x="69.5052" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#707070"/>
25<rect x="101.923" y="28" width="20.5" height="1.5" rx="0.75" fill="#FFB224"/>
26<rect x="5.36719" y="4.625" width="3.75" height="3.75" rx="1" fill="#707070"/>
27<rect x="5.36719" y="13.375" width="3.75" height="3.75" rx="1" fill="#707070"/>
28<rect x="5.36719" y="20.875" width="3.75" height="3.75" rx="1" fill="#707070"/>
29<rect x="5.36719" y="28.375" width="3.75" height="3.75" rx="1" fill="#707070"/>
30<rect x="5.36719" y="35.875" width="3.75" height="3.75" rx="1" fill="#707070"/>
31<rect x="5.36719" y="78.875" width="3.75" height="3.75" rx="1" fill="#707070"/>
32<mask id="mask0_742_69895" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="32" y="0" width="131" height="88">
33<path d="M130.534 2.34842e-05L32.4507 88H162.131V0L130.534 2.34842e-05Z" fill="black"/>
34</mask>
35<g mask="url(#mask0_742_69895)">
36<rect x="0.742188" width="161.5" height="88" fill="#F8F9FA"/>
37<mask id="path-27-inside-3_742_69895" fill="white">
38<path d="M156.242 -2.62268e-07C159.556 -1.17421e-07 162.242 2.68629 162.242 6L162.242 13L13.7422 13L13.7422 -6.49114e-06L156.242 -2.62268e-07Z"/>
39</mask>
40<path d="M156.242 -2.62268e-07C159.556 -1.17421e-07 162.242 2.68629 162.242 6L162.242 13L13.7422 13L13.7422 -6.49114e-06L156.242 -2.62268e-07Z" fill="#F8F9FA"/>
41<path d="M162.242 0L162.242 13L162.242 0ZM13.7422 13L13.7422 -6.49114e-06L13.7422 13ZM13.7422 -6.49114e-06L162.242 0L13.7422 -6.49114e-06ZM162.242 14L13.7422 14L13.7422 12L162.242 12L162.242 14Z" fill="#E6E8EB" mask="url(#path-27-inside-3_742_69895)"/>
42<rect x="44.7552" y="21.5" width="86.4738" height="23.5" rx="2.5" fill="#FCFCFC" stroke="#E6E8EB"/>
43<rect x="44.7552" y="51.5" width="86.4738" height="23.5" rx="2.5" fill="#FCFCFC" stroke="#E6E8EB"/>
44<rect x="52.9406" y="28" width="19.2318" height="1.5" rx="0.75" fill="#525252"/>
45<rect x="52.9406" y="56.5" width="19.2318" height="1.5" rx="0.75" fill="#525252"/>
46<rect x="78.3762" y="28" width="19.2318" height="1.5" rx="0.75" fill="#11181C"/>
47<rect x="78.3762" y="56.5" width="19.2318" height="1.5" rx="0.75" fill="#11181C"/>
48<rect x="78.3762" y="33.25" width="44.0471" height="1.5" rx="0.75" fill="#11181C"/>
49<rect x="78.3762" y="61.75" width="44.0471" height="1.5" rx="0.75" fill="#11181C"/>
50<rect x="18.4922" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#3FCF8E"/>
51<rect x="44.2552" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#B2B2B2"/>
52<rect x="69.5052" y="4.625" width="20.5" height="3.75" rx="1.875" fill="#B2B2B2"/>
53<rect x="101.923" y="28" width="20.5" height="1.5" rx="0.75" fill="#FFB224"/>
54</g>
55</g>
56<rect x="1.24219" y="0.5" width="160.5" height="87" rx="5.5" stroke="#2E2E2E"/>
57<defs>
58<clipPath id="clip0_742_69895">
59<rect x="0.742188" width="161.5" height="88" rx="6" fill="white"/>
60</clipPath>
61</defs>
62</svg>