Files
front/build/assets/svg/design-system/snippets-ecommerce.svg
2021-12-29 13:15:44 +01:00

56 lines
13 KiB
XML

<svg width="200" height="144" viewBox="0 0 200 144" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M196 0H4C1.79086 0 0 1.79086 0 4V140C0 142.209 1.79086 144 4 144H196C198.209 144 200 142.209 200 140V4C200 1.79086 198.209 0 196 0Z" fill="#F3F4F6"/>
<g filter="url(#filter0_d)">
<path d="M27 24C27 21.7909 28.7909 20 31 20H169C171.209 20 173 21.7909 173 24V144H27V24Z" fill="white"/>
<path d="M31 20.5H169C170.933 20.5 172.5 22.067 172.5 24V143.5H27.5V24C27.5 22.067 29.067 20.5 31 20.5Z" stroke="#E7EAF3"/>
</g>
<rect x="39.5" y="36.5" width="36" height="24" rx="2.5" fill="white" stroke="#E7EAF3"/>
<path d="M55.3179 43.0523C55.4955 43.1565 55.5531 43.3817 55.4466 43.5554L53.5373 46.6667H60.4627L58.5534 43.5554C58.4469 43.3817 58.5045 43.1565 58.6821 43.0523C58.8597 42.9481 59.09 43.0044 59.1966 43.1781L61.3373 46.6667H62.25C62.6642 46.6667 63 46.995 63 47.4V48.1334C63 48.5384 62.6642 48.8667 62.25 48.8667V52.1669C62.25 53.1794 61.4105 54 60.375 54H53.625C52.5895 54 51.75 53.1794 51.75 52.1669V48.8667C51.3358 48.8667 51 48.5384 51 48.1334V47.4C51 46.995 51.3358 46.6667 51.75 46.6667H52.6627L54.8034 43.1781C54.91 43.0044 55.1403 42.9481 55.3179 43.0523ZM52.5 48.8667V52.1669C52.5 52.7743 53.0036 53.2667 53.625 53.2667H60.375C60.9964 53.2667 61.5 52.7743 61.5 52.1669V48.8667H52.5ZM51.75 47.4V48.1334H62.25V47.4H51.75ZM54 49.6C54.2071 49.6 54.375 49.7642 54.375 49.9667V52.1667C54.375 52.3692 54.2071 52.5333 54 52.5333C53.7929 52.5333 53.625 52.3692 53.625 52.1667V49.9667C53.625 49.7642 53.7929 49.6 54 49.6ZM55.5 49.6C55.7071 49.6 55.875 49.7642 55.875 49.9667V52.1667C55.875 52.3692 55.7071 52.5333 55.5 52.5333C55.2929 52.5333 55.125 52.3692 55.125 52.1667V49.9667C55.125 49.7642 55.2929 49.6 55.5 49.6ZM57 49.6C57.2071 49.6 57.375 49.7642 57.375 49.9667V52.1667C57.375 52.3692 57.2071 52.5333 57 52.5333C56.7929 52.5333 56.625 52.3692 56.625 52.1667V49.9667C56.625 49.7642 56.7929 49.6 57 49.6ZM58.5 49.6C58.7071 49.6 58.875 49.7642 58.875 49.9667V52.1667C58.875 52.3692 58.7071 52.5333 58.5 52.5333C58.2929 52.5333 58.125 52.3692 58.125 52.1667V49.9667C58.125 49.7642 58.2929 49.6 58.5 49.6ZM60 49.6C60.2071 49.6 60.375 49.7642 60.375 49.9667V52.1667C60.375 52.3692 60.2071 52.5333 60 52.5333C59.7929 52.5333 59.625 52.3692 59.625 52.1667V49.9667C59.625 49.7642 59.7929 49.6 60 49.6Z" fill="#71869D"/>
<rect x="39" y="71" width="24" height="2" rx="1" fill="#D9DDEA"/>
<rect x="39" y="65" width="10" height="2" rx="1" fill="#D9DDEA"/>
<rect x="42" y="39" width="5" height="2" rx="1" fill="#377dff"/>
<rect x="82.5" y="36.5" width="36" height="24" rx="2.5" fill="white" stroke="#E7EAF3"/>
<path d="M98.3179 43.0523C98.4955 43.1565 98.5531 43.3817 98.4466 43.5554L96.5373 46.6667H103.463L101.553 43.5554C101.447 43.3817 101.504 43.1565 101.682 43.0523C101.86 42.9481 102.09 43.0044 102.197 43.1781L104.337 46.6667H105.25C105.664 46.6667 106 46.995 106 47.4V48.1334C106 48.5384 105.664 48.8667 105.25 48.8667V52.1669C105.25 53.1794 104.41 54 103.375 54H96.625C95.5895 54 94.75 53.1794 94.75 52.1669V48.8667C94.3358 48.8667 94 48.5384 94 48.1334V47.4C94 46.995 94.3358 46.6667 94.75 46.6667H95.6627L97.8034 43.1781C97.91 43.0044 98.1403 42.9481 98.3179 43.0523ZM95.5 48.8667V52.1669C95.5 52.7743 96.0036 53.2667 96.625 53.2667H103.375C103.996 53.2667 104.5 52.7743 104.5 52.1669V48.8667H95.5ZM94.75 47.4V48.1334H105.25V47.4H94.75ZM97 49.6C97.2071 49.6 97.375 49.7642 97.375 49.9667V52.1667C97.375 52.3692 97.2071 52.5333 97 52.5333C96.7929 52.5333 96.625 52.3692 96.625 52.1667V49.9667C96.625 49.7642 96.7929 49.6 97 49.6ZM98.5 49.6C98.7071 49.6 98.875 49.7642 98.875 49.9667V52.1667C98.875 52.3692 98.7071 52.5333 98.5 52.5333C98.2929 52.5333 98.125 52.3692 98.125 52.1667V49.9667C98.125 49.7642 98.2929 49.6 98.5 49.6ZM100 49.6C100.207 49.6 100.375 49.7642 100.375 49.9667V52.1667C100.375 52.3692 100.207 52.5333 100 52.5333C99.7929 52.5333 99.625 52.3692 99.625 52.1667V49.9667C99.625 49.7642 99.7929 49.6 100 49.6ZM101.5 49.6C101.707 49.6 101.875 49.7642 101.875 49.9667V52.1667C101.875 52.3692 101.707 52.5333 101.5 52.5333C101.293 52.5333 101.125 52.3692 101.125 52.1667V49.9667C101.125 49.7642 101.293 49.6 101.5 49.6ZM103 49.6C103.207 49.6 103.375 49.7642 103.375 49.9667V52.1667C103.375 52.3692 103.207 52.5333 103 52.5333C102.793 52.5333 102.625 52.3692 102.625 52.1667V49.9667C102.625 49.7642 102.793 49.6 103 49.6Z" fill="#71869D"/>
<rect x="82" y="71" width="24" height="2" rx="1" fill="#D9DDEA"/>
<rect x="82" y="65" width="10" height="2" rx="1" fill="#D9DDEA"/>
<rect x="125.5" y="36.5" width="36" height="24" rx="2.5" fill="white" stroke="#E7EAF3"/>
<path d="M142.318 43.0523C142.496 43.1565 142.553 43.3817 142.447 43.5554L140.537 46.6667H147.463L145.553 43.5554C145.447 43.3817 145.504 43.1565 145.682 43.0523C145.86 42.9481 146.09 43.0044 146.197 43.1781L148.337 46.6667H149.25C149.664 46.6667 150 46.995 150 47.4V48.1334C150 48.5384 149.664 48.8667 149.25 48.8667V52.1669C149.25 53.1794 148.41 54 147.375 54H140.625C139.59 54 138.75 53.1794 138.75 52.1669V48.8667C138.336 48.8667 138 48.5384 138 48.1334V47.4C138 46.995 138.336 46.6667 138.75 46.6667H139.663L141.803 43.1781C141.91 43.0044 142.14 42.9481 142.318 43.0523ZM139.5 48.8667V52.1669C139.5 52.7743 140.004 53.2667 140.625 53.2667H147.375C147.996 53.2667 148.5 52.7743 148.5 52.1669V48.8667H139.5ZM138.75 47.4V48.1334H149.25V47.4H138.75ZM141 49.6C141.207 49.6 141.375 49.7642 141.375 49.9667V52.1667C141.375 52.3692 141.207 52.5333 141 52.5333C140.793 52.5333 140.625 52.3692 140.625 52.1667V49.9667C140.625 49.7642 140.793 49.6 141 49.6ZM142.5 49.6C142.707 49.6 142.875 49.7642 142.875 49.9667V52.1667C142.875 52.3692 142.707 52.5333 142.5 52.5333C142.293 52.5333 142.125 52.3692 142.125 52.1667V49.9667C142.125 49.7642 142.293 49.6 142.5 49.6ZM144 49.6C144.207 49.6 144.375 49.7642 144.375 49.9667V52.1667C144.375 52.3692 144.207 52.5333 144 52.5333C143.793 52.5333 143.625 52.3692 143.625 52.1667V49.9667C143.625 49.7642 143.793 49.6 144 49.6ZM145.5 49.6C145.707 49.6 145.875 49.7642 145.875 49.9667V52.1667C145.875 52.3692 145.707 52.5333 145.5 52.5333C145.293 52.5333 145.125 52.3692 145.125 52.1667V49.9667C145.125 49.7642 145.293 49.6 145.5 49.6ZM147 49.6C147.207 49.6 147.375 49.7642 147.375 49.9667V52.1667C147.375 52.3692 147.207 52.5333 147 52.5333C146.793 52.5333 146.625 52.3692 146.625 52.1667V49.9667C146.625 49.7642 146.793 49.6 147 49.6Z" fill="#71869D"/>
<rect x="125" y="71" width="24" height="2" rx="1" fill="#D9DDEA"/>
<rect x="125" y="65" width="10" height="2" rx="1" fill="#D9DDEA"/>
<rect x="38.5" y="79.5" width="36" height="24" rx="2.5" fill="white" stroke="#E7EAF3"/>
<path d="M54.3179 86.0523C54.4955 86.1565 54.5531 86.3817 54.4466 86.5554L52.5373 89.6667H59.4627L57.5534 86.5554C57.4469 86.3817 57.5045 86.1565 57.6821 86.0523C57.8597 85.9481 58.09 86.0044 58.1966 86.1781L60.3373 89.6667H61.25C61.6642 89.6667 62 89.995 62 90.4V91.1334C62 91.5384 61.6642 91.8667 61.25 91.8667V95.1669C61.25 96.1794 60.4105 97 59.375 97H52.625C51.5895 97 50.75 96.1794 50.75 95.1669V91.8667C50.3358 91.8667 50 91.5384 50 91.1334V90.4C50 89.995 50.3358 89.6667 50.75 89.6667H51.6627L53.8034 86.1781C53.91 86.0044 54.1403 85.9481 54.3179 86.0523ZM51.5 91.8667V95.1669C51.5 95.7743 52.0036 96.2667 52.625 96.2667H59.375C59.9964 96.2667 60.5 95.7743 60.5 95.1669V91.8667H51.5ZM50.75 90.4V91.1334H61.25V90.4H50.75ZM53 92.6C53.2071 92.6 53.375 92.7642 53.375 92.9667V95.1667C53.375 95.3692 53.2071 95.5333 53 95.5333C52.7929 95.5333 52.625 95.3692 52.625 95.1667V92.9667C52.625 92.7642 52.7929 92.6 53 92.6ZM54.5 92.6C54.7071 92.6 54.875 92.7642 54.875 92.9667V95.1667C54.875 95.3692 54.7071 95.5333 54.5 95.5333C54.2929 95.5333 54.125 95.3692 54.125 95.1667V92.9667C54.125 92.7642 54.2929 92.6 54.5 92.6ZM56 92.6C56.2071 92.6 56.375 92.7642 56.375 92.9667V95.1667C56.375 95.3692 56.2071 95.5333 56 95.5333C55.7929 95.5333 55.625 95.3692 55.625 95.1667V92.9667C55.625 92.7642 55.7929 92.6 56 92.6ZM57.5 92.6C57.7071 92.6 57.875 92.7642 57.875 92.9667V95.1667C57.875 95.3692 57.7071 95.5333 57.5 95.5333C57.2929 95.5333 57.125 95.3692 57.125 95.1667V92.9667C57.125 92.7642 57.2929 92.6 57.5 92.6ZM59 92.6C59.2071 92.6 59.375 92.7642 59.375 92.9667V95.1667C59.375 95.3692 59.2071 95.5333 59 95.5333C58.7929 95.5333 58.625 95.3692 58.625 95.1667V92.9667C58.625 92.7642 58.7929 92.6 59 92.6Z" fill="#71869D"/>
<rect x="38" y="114" width="24" height="2" rx="1" fill="#D9DDEA"/>
<rect x="38" y="114" width="10" height="2" rx="1" fill="#D9DDEA"/>
<rect x="38" y="108" width="10" height="2" rx="1" fill="#D9DDEA"/>
<rect x="81.5" y="79.5" width="36" height="24" rx="2.5" fill="white" stroke="#E7EAF3"/>
<path d="M98.3179 86.0523C98.4955 86.1565 98.5531 86.3817 98.4466 86.5554L96.5373 89.6667H103.463L101.553 86.5554C101.447 86.3817 101.504 86.1565 101.682 86.0523C101.86 85.9481 102.09 86.0044 102.197 86.1781L104.337 89.6667H105.25C105.664 89.6667 106 89.995 106 90.4V91.1334C106 91.5384 105.664 91.8667 105.25 91.8667V95.1669C105.25 96.1794 104.41 97 103.375 97H96.625C95.5895 97 94.75 96.1794 94.75 95.1669V91.8667C94.3358 91.8667 94 91.5384 94 91.1334V90.4C94 89.995 94.3358 89.6667 94.75 89.6667H95.6627L97.8034 86.1781C97.91 86.0044 98.1403 85.9481 98.3179 86.0523ZM95.5 91.8667V95.1669C95.5 95.7743 96.0036 96.2667 96.625 96.2667H103.375C103.996 96.2667 104.5 95.7743 104.5 95.1669V91.8667H95.5ZM94.75 90.4V91.1334H105.25V90.4H94.75ZM97 92.6C97.2071 92.6 97.375 92.7642 97.375 92.9667V95.1667C97.375 95.3692 97.2071 95.5333 97 95.5333C96.7929 95.5333 96.625 95.3692 96.625 95.1667V92.9667C96.625 92.7642 96.7929 92.6 97 92.6ZM98.5 92.6C98.7071 92.6 98.875 92.7642 98.875 92.9667V95.1667C98.875 95.3692 98.7071 95.5333 98.5 95.5333C98.2929 95.5333 98.125 95.3692 98.125 95.1667V92.9667C98.125 92.7642 98.2929 92.6 98.5 92.6ZM100 92.6C100.207 92.6 100.375 92.7642 100.375 92.9667V95.1667C100.375 95.3692 100.207 95.5333 100 95.5333C99.7929 95.5333 99.625 95.3692 99.625 95.1667V92.9667C99.625 92.7642 99.7929 92.6 100 92.6ZM101.5 92.6C101.707 92.6 101.875 92.7642 101.875 92.9667V95.1667C101.875 95.3692 101.707 95.5333 101.5 95.5333C101.293 95.5333 101.125 95.3692 101.125 95.1667V92.9667C101.125 92.7642 101.293 92.6 101.5 92.6ZM103 92.6C103.207 92.6 103.375 92.7642 103.375 92.9667V95.1667C103.375 95.3692 103.207 95.5333 103 95.5333C102.793 95.5333 102.625 95.3692 102.625 95.1667V92.9667C102.625 92.7642 102.793 92.6 103 92.6Z" fill="#71869D"/>
<rect x="81" y="114" width="24" height="2" rx="1" fill="#D9DDEA"/>
<rect x="81" y="108" width="10" height="2" rx="1" fill="#D9DDEA"/>
<rect x="84" y="82" width="5" height="2" rx="1" fill="#377dff"/>
<rect x="124.5" y="79.5" width="36" height="24" rx="2.5" fill="white" stroke="#E7EAF3"/>
<path d="M141.318 86.0523C141.496 86.1565 141.553 86.3817 141.447 86.5554L139.537 89.6667H146.463L144.553 86.5554C144.447 86.3817 144.504 86.1565 144.682 86.0523C144.86 85.9481 145.09 86.0044 145.197 86.1781L147.337 89.6667H148.25C148.664 89.6667 149 89.995 149 90.4V91.1334C149 91.5384 148.664 91.8667 148.25 91.8667V95.1669C148.25 96.1794 147.41 97 146.375 97H139.625C138.59 97 137.75 96.1794 137.75 95.1669V91.8667C137.336 91.8667 137 91.5384 137 91.1334V90.4C137 89.995 137.336 89.6667 137.75 89.6667H138.663L140.803 86.1781C140.91 86.0044 141.14 85.9481 141.318 86.0523ZM138.5 91.8667V95.1669C138.5 95.7743 139.004 96.2667 139.625 96.2667H146.375C146.996 96.2667 147.5 95.7743 147.5 95.1669V91.8667H138.5ZM137.75 90.4V91.1334H148.25V90.4H137.75ZM140 92.6C140.207 92.6 140.375 92.7642 140.375 92.9667V95.1667C140.375 95.3692 140.207 95.5333 140 95.5333C139.793 95.5333 139.625 95.3692 139.625 95.1667V92.9667C139.625 92.7642 139.793 92.6 140 92.6ZM141.5 92.6C141.707 92.6 141.875 92.7642 141.875 92.9667V95.1667C141.875 95.3692 141.707 95.5333 141.5 95.5333C141.293 95.5333 141.125 95.3692 141.125 95.1667V92.9667C141.125 92.7642 141.293 92.6 141.5 92.6ZM143 92.6C143.207 92.6 143.375 92.7642 143.375 92.9667V95.1667C143.375 95.3692 143.207 95.5333 143 95.5333C142.793 95.5333 142.625 95.3692 142.625 95.1667V92.9667C142.625 92.7642 142.793 92.6 143 92.6ZM144.5 92.6C144.707 92.6 144.875 92.7642 144.875 92.9667V95.1667C144.875 95.3692 144.707 95.5333 144.5 95.5333C144.293 95.5333 144.125 95.3692 144.125 95.1667V92.9667C144.125 92.7642 144.293 92.6 144.5 92.6ZM146 92.6C146.207 92.6 146.375 92.7642 146.375 92.9667V95.1667C146.375 95.3692 146.207 95.5333 146 95.5333C145.793 95.5333 145.625 95.3692 145.625 95.1667V92.9667C145.625 92.7642 145.793 92.6 146 92.6Z" fill="#71869D"/>
<rect x="124" y="114" width="24" height="2" rx="1" fill="#D9DDEA"/>
<rect x="124" y="108" width="10" height="2" rx="1" fill="#D9DDEA"/>
<path d="M0 104H200V140C200 142.209 198.209 144 196 144H4C1.79086 144 0 142.209 0 140V104Z" fill="url(#paint0_linear)"/>
</g>
<defs>
<filter id="filter0_d" x="22" y="18" width="156" height="134" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="3"/>
<feGaussianBlur stdDeviation="2.5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.54902 0 0 0 0 0.596078 0 0 0 0 0.643137 0 0 0 0.125 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<linearGradient id="paint0_linear" x1="100" y1="154" x2="100" y2="92.5" gradientUnits="userSpaceOnUse">
<stop offset="0.256387" stop-color="#F3F4F6"/>
<stop offset="0.749415" stop-color="#F3F4F6" stop-opacity="0"/>
</linearGradient>
<clipPath id="clip0">
<rect width="200" height="144" fill="white"/>
</clipPath>
</defs>
</svg>