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

63 lines
7.3 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="47.5" width="36" height="24" rx="2.5" fill="white" stroke="#E7EAF3"/>
<path d="M56.75 57.8929C56.75 58.4254 56.3303 58.8571 55.8125 58.8571C55.2947 58.8571 54.875 58.4254 54.875 57.8929C54.875 57.3603 55.2947 56.9286 55.8125 56.9286C56.3303 56.9286 56.75 57.3603 56.75 57.8929Z" fill="#71869D"/>
<path d="M54.25 55C53.5596 55 53 55.5756 53 56.2857V62.7143C53 63.4244 53.5596 64 54.25 64H61.75C62.4404 64 63 63.4244 63 62.7143V56.2857C63 55.5756 62.4404 55 61.75 55H54.25ZM61.75 55.6429C62.0952 55.6429 62.375 55.9307 62.375 56.2857V60.4643L60.0148 59.2125C59.8944 59.1506 59.7491 59.1749 59.654 59.2727L57.3352 61.6578L55.6733 60.5183C55.5494 60.4333 55.3844 60.4501 55.279 60.5584L53.625 62.0714V56.2857C53.625 55.9307 53.9048 55.6429 54.25 55.6429H61.75Z" fill="#71869D"/>
<rect x="39" y="76" width="24" height="2" rx="1" fill="#D9DDEA"/>
<rect x="39" y="82" width="10" height="2" rx="1" fill="#D9DDEA"/>
<rect x="82.5" y="47.5" width="36" height="24" rx="2.5" fill="white" stroke="#377dff"/>
<path d="M99.75 57.8929C99.75 58.4254 99.3303 58.8571 98.8125 58.8571C98.2947 58.8571 97.875 58.4254 97.875 57.8929C97.875 57.3603 98.2947 56.9286 98.8125 56.9286C99.3303 56.9286 99.75 57.3603 99.75 57.8929Z" fill="#377dff"/>
<path d="M97.25 55C96.5596 55 96 55.5756 96 56.2857V62.7143C96 63.4244 96.5596 64 97.25 64H104.75C105.44 64 106 63.4244 106 62.7143V56.2857C106 55.5756 105.44 55 104.75 55H97.25ZM104.75 55.6429C105.095 55.6429 105.375 55.9307 105.375 56.2857V60.4643L103.015 59.2125C102.894 59.1506 102.749 59.1749 102.654 59.2727L100.335 61.6578L98.6733 60.5183C98.5494 60.4333 98.3844 60.4501 98.279 60.5584L96.625 62.0714V56.2857C96.625 55.9307 96.9048 55.6429 97.25 55.6429H104.75Z" fill="#377dff"/>
<rect x="82" y="76" width="24" height="2" rx="1" fill="#377dff"/>
<rect x="82" y="82" width="10" height="2" rx="1" fill="#D9DDEA"/>
<rect x="125.5" y="47.5" width="36" height="24" rx="2.5" fill="white" stroke="#E7EAF3"/>
<path d="M142.75 57.8929C142.75 58.4254 142.33 58.8571 141.812 58.8571C141.295 58.8571 140.875 58.4254 140.875 57.8929C140.875 57.3603 141.295 56.9286 141.812 56.9286C142.33 56.9286 142.75 57.3603 142.75 57.8929Z" fill="#71869D"/>
<path d="M140.25 55C139.56 55 139 55.5756 139 56.2857V62.7143C139 63.4244 139.56 64 140.25 64H147.75C148.44 64 149 63.4244 149 62.7143V56.2857C149 55.5756 148.44 55 147.75 55H140.25ZM147.75 55.6429C148.095 55.6429 148.375 55.9307 148.375 56.2857V60.4643L146.015 59.2125C145.894 59.1506 145.749 59.1749 145.654 59.2727L143.335 61.6578L141.673 60.5183C141.549 60.4333 141.384 60.4501 141.279 60.5584L139.625 62.0714V56.2857C139.625 55.9307 139.905 55.6429 140.25 55.6429H147.75Z" fill="#71869D"/>
<rect x="125" y="76" width="24" height="2" rx="1" fill="#D9DDEA"/>
<rect x="125" y="82" width="10" height="2" rx="1" fill="#D9DDEA"/>
<rect x="38.5" y="90.5" width="36" height="24" rx="2.5" fill="white" stroke="#E7EAF3"/>
<path d="M55.75 100.893C55.75 101.425 55.3303 101.857 54.8125 101.857C54.2947 101.857 53.875 101.425 53.875 100.893C53.875 100.36 54.2947 99.9286 54.8125 99.9286C55.3303 99.9286 55.75 100.36 55.75 100.893Z" fill="#71869D"/>
<path d="M53.25 98C52.5596 98 52 98.5756 52 99.2857V105.714C52 106.424 52.5596 107 53.25 107H60.75C61.4404 107 62 106.424 62 105.714V99.2857C62 98.5756 61.4404 98 60.75 98H53.25ZM60.75 98.6429C61.0952 98.6429 61.375 98.9307 61.375 99.2857V103.464L59.0148 102.213C58.8944 102.151 58.7491 102.175 58.654 102.273L56.3352 104.658L54.6733 103.518C54.5494 103.433 54.3844 103.45 54.279 103.558L52.625 105.071V99.2857C52.625 98.9307 52.9048 98.6429 53.25 98.6429H60.75Z" fill="#71869D"/>
<rect x="38" y="119" width="24" height="2" rx="1" fill="#D9DDEA"/>
<rect x="38" y="125" width="10" height="2" rx="1" fill="#D9DDEA"/>
<rect x="81.5" y="90.5" width="36" height="24" rx="2.5" fill="white" stroke="#E7EAF3"/>
<path d="M98.75 100.893C98.75 101.425 98.3303 101.857 97.8125 101.857C97.2947 101.857 96.875 101.425 96.875 100.893C96.875 100.36 97.2947 99.9286 97.8125 99.9286C98.3303 99.9286 98.75 100.36 98.75 100.893Z" fill="#71869D"/>
<path d="M96.25 98C95.5596 98 95 98.5756 95 99.2857V105.714C95 106.424 95.5596 107 96.25 107H103.75C104.44 107 105 106.424 105 105.714V99.2857C105 98.5756 104.44 98 103.75 98H96.25ZM103.75 98.6429C104.095 98.6429 104.375 98.9307 104.375 99.2857V103.464L102.015 102.213C101.894 102.151 101.749 102.175 101.654 102.273L99.3352 104.658L97.6733 103.518C97.5494 103.433 97.3844 103.45 97.279 103.558L95.625 105.071V99.2857C95.625 98.9307 95.9048 98.6429 96.25 98.6429H103.75Z" fill="#71869D"/>
<rect x="81" y="119" width="24" height="2" rx="1" fill="#D9DDEA"/>
<rect x="81" y="125" width="10" height="2" rx="1" fill="#D9DDEA"/>
<rect x="124.5" y="90.5" width="36" height="24" rx="2.5" fill="white" stroke="#E7EAF3"/>
<path d="M141.75 100.893C141.75 101.425 141.33 101.857 140.812 101.857C140.295 101.857 139.875 101.425 139.875 100.893C139.875 100.36 140.295 99.9286 140.812 99.9286C141.33 99.9286 141.75 100.36 141.75 100.893Z" fill="#71869D"/>
<path d="M139.25 98C138.56 98 138 98.5756 138 99.2857V105.714C138 106.424 138.56 107 139.25 107H146.75C147.44 107 148 106.424 148 105.714V99.2857C148 98.5756 147.44 98 146.75 98H139.25ZM146.75 98.6429C147.095 98.6429 147.375 98.9307 147.375 99.2857V103.464L145.015 102.213C144.894 102.151 144.749 102.175 144.654 102.273L142.335 104.658L140.673 103.518C140.549 103.433 140.384 103.45 140.279 103.558L138.625 105.071V99.2857C138.625 98.9307 138.905 98.6429 139.25 98.6429H146.75Z" fill="#71869D"/>
<rect x="124" y="119" width="24" height="2" rx="1" fill="#D9DDEA"/>
<rect x="124" y="125" width="10" height="2" rx="1" fill="#D9DDEA"/>
<rect x="74" y="36" width="10" height="4" rx="1" fill="#E7EAF3"/>
<rect x="88" y="36" width="10" height="4" rx="1" fill="#71869D"/>
<rect x="102" y="36" width="10" height="4" rx="1" fill="#E7EAF3"/>
<rect x="116" y="36" width="10" height="4" rx="1" fill="#E7EAF3"/>
<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>