horizontal-bar-layout.svg
8.11 KB
<svg width="213" height="213" viewBox="0 0 213 213" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_3154_417105)">
<rect x="8" y="4" width="197" height="197" rx="4" fill="white" shape-rendering="crispEdges"/>
<g filter="url(#filter1_b_3154_417105)">
<rect x="20" y="16" width="173" height="173" rx="4" fill="white" fill-opacity="0.76"/>
</g>
<path d="M105.848 81.875V84.5H92.5039V82.2441L98.9844 75.1758C99.6953 74.3737 100.256 73.681 100.666 73.0977C101.076 72.5143 101.363 71.9902 101.527 71.5254C101.701 71.0514 101.787 70.5911 101.787 70.1445C101.787 69.5156 101.669 68.9642 101.432 68.4902C101.204 68.0072 100.867 67.6289 100.42 67.3555C99.9733 67.0729 99.431 66.9316 98.793 66.9316C98.0547 66.9316 97.4349 67.0911 96.9336 67.4102C96.4323 67.7292 96.054 68.1712 95.7988 68.7363C95.5436 69.2923 95.416 69.9303 95.416 70.6504H92.1211C92.1211 69.4928 92.3854 68.4355 92.9141 67.4785C93.4427 66.5124 94.2083 65.7467 95.2109 65.1816C96.2135 64.6074 97.4212 64.3203 98.834 64.3203C100.165 64.3203 101.295 64.5436 102.225 64.9902C103.154 65.4368 103.861 66.0703 104.344 66.8906C104.836 67.7109 105.082 68.6816 105.082 69.8027C105.082 70.4225 104.982 71.0378 104.781 71.6484C104.581 72.2591 104.294 72.8698 103.92 73.4805C103.555 74.082 103.122 74.6882 102.621 75.2988C102.12 75.9004 101.568 76.5111 100.967 77.1309L96.6602 81.875H105.848ZM122.201 77.4043V80.0293H107.845L107.736 78.0469L116.322 64.5938H118.961L116.103 69.4883L111.168 77.4043H122.201ZM119.713 64.5938V84.5H116.418V64.5938H119.713Z" fill="black" fill-opacity="0.54"/>
<path d="M162.916 124.137V132H161.922V125.377L159.918 126.108V125.211L162.76 124.137H162.916ZM170.997 127.467V128.659C170.997 129.3 170.939 129.841 170.825 130.281C170.71 130.722 170.545 131.076 170.331 131.345C170.116 131.613 169.856 131.808 169.552 131.93C169.251 132.048 168.911 132.107 168.531 132.107C168.23 132.107 167.953 132.07 167.699 131.995C167.444 131.919 167.215 131.799 167.011 131.635C166.811 131.466 166.639 131.248 166.496 130.979C166.352 130.711 166.243 130.385 166.168 130.002C166.093 129.619 166.055 129.171 166.055 128.659V127.467C166.055 126.826 166.112 126.289 166.227 125.855C166.345 125.422 166.512 125.075 166.727 124.813C166.941 124.549 167.199 124.359 167.5 124.244C167.804 124.13 168.145 124.072 168.521 124.072C168.825 124.072 169.104 124.11 169.358 124.185C169.616 124.257 169.845 124.373 170.046 124.534C170.246 124.692 170.417 124.903 170.556 125.168C170.699 125.429 170.809 125.75 170.884 126.129C170.959 126.509 170.997 126.955 170.997 127.467ZM169.998 128.82V127.3C169.998 126.949 169.976 126.641 169.933 126.376C169.894 126.108 169.835 125.879 169.756 125.689C169.677 125.499 169.577 125.345 169.455 125.227C169.337 125.109 169.199 125.023 169.042 124.969C168.888 124.912 168.714 124.883 168.521 124.883C168.284 124.883 168.075 124.928 167.892 125.018C167.709 125.104 167.556 125.241 167.43 125.431C167.308 125.621 167.215 125.87 167.151 126.178C167.086 126.486 167.054 126.86 167.054 127.3V128.82C167.054 129.171 167.074 129.481 167.113 129.75C167.156 130.018 167.219 130.251 167.301 130.448C167.384 130.641 167.484 130.8 167.602 130.926C167.72 131.051 167.856 131.144 168.01 131.205C168.168 131.262 168.341 131.291 168.531 131.291C168.775 131.291 168.988 131.244 169.17 131.151C169.353 131.058 169.505 130.913 169.627 130.716C169.752 130.516 169.845 130.26 169.906 129.948C169.967 129.633 169.998 129.257 169.998 128.82ZM177.434 127.467V128.659C177.434 129.3 177.377 129.841 177.262 130.281C177.148 130.722 176.983 131.076 176.768 131.345C176.553 131.613 176.294 131.808 175.989 131.93C175.688 132.048 175.348 132.107 174.969 132.107C174.668 132.107 174.39 132.07 174.136 131.995C173.882 131.919 173.653 131.799 173.449 131.635C173.248 131.466 173.076 131.248 172.933 130.979C172.79 130.711 172.681 130.385 172.605 130.002C172.53 129.619 172.493 129.171 172.493 128.659V127.467C172.493 126.826 172.55 126.289 172.665 125.855C172.783 125.422 172.949 125.075 173.164 124.813C173.379 124.549 173.637 124.359 173.938 124.244C174.242 124.13 174.582 124.072 174.958 124.072C175.262 124.072 175.542 124.11 175.796 124.185C176.054 124.257 176.283 124.373 176.483 124.534C176.684 124.692 176.854 124.903 176.994 125.168C177.137 125.429 177.246 125.75 177.321 126.129C177.396 126.509 177.434 126.955 177.434 127.467ZM176.435 128.82V127.3C176.435 126.949 176.414 126.641 176.371 126.376C176.331 126.108 176.272 125.879 176.193 125.689C176.115 125.499 176.014 125.345 175.893 125.227C175.774 125.109 175.637 125.023 175.479 124.969C175.325 124.912 175.151 124.883 174.958 124.883C174.722 124.883 174.512 124.928 174.33 125.018C174.147 125.104 173.993 125.241 173.868 125.431C173.746 125.621 173.653 125.87 173.588 126.178C173.524 126.486 173.492 126.86 173.492 127.3V128.82C173.492 129.171 173.511 129.481 173.551 129.75C173.594 130.018 173.656 130.251 173.739 130.448C173.821 130.641 173.921 130.8 174.04 130.926C174.158 131.051 174.294 131.144 174.448 131.205C174.605 131.262 174.779 131.291 174.969 131.291C175.212 131.291 175.425 131.244 175.608 131.151C175.791 131.058 175.943 130.913 176.064 130.716C176.19 130.516 176.283 130.26 176.344 129.948C176.405 129.633 176.435 129.257 176.435 128.82Z" fill="#2196F3"/>
<path d="M46.5591 127.467V128.659C46.5591 129.3 46.5018 129.841 46.3872 130.281C46.2726 130.722 46.1079 131.076 45.8931 131.345C45.6782 131.613 45.4186 131.808 45.1143 131.93C44.8135 132.048 44.4733 132.107 44.0938 132.107C43.793 132.107 43.5155 132.07 43.2612 131.995C43.007 131.919 42.7778 131.799 42.5737 131.635C42.3732 131.466 42.2013 131.248 42.0581 130.979C41.9149 130.711 41.8057 130.385 41.7305 130.002C41.6553 129.619 41.6177 129.171 41.6177 128.659V127.467C41.6177 126.826 41.675 126.289 41.7896 125.855C41.9077 125.422 42.0742 125.075 42.2891 124.813C42.5039 124.549 42.7617 124.359 43.0625 124.244C43.3669 124.13 43.707 124.072 44.083 124.072C44.3874 124.072 44.6667 124.11 44.9209 124.185C45.1787 124.257 45.4079 124.373 45.6084 124.534C45.8089 124.692 45.979 124.903 46.1187 125.168C46.2619 125.429 46.3711 125.75 46.4463 126.129C46.5215 126.509 46.5591 126.955 46.5591 127.467ZM45.5601 128.82V127.3C45.5601 126.949 45.5386 126.641 45.4956 126.376C45.4562 126.108 45.3971 125.879 45.3184 125.689C45.2396 125.499 45.1393 125.345 45.0176 125.227C44.8994 125.109 44.7616 125.023 44.604 124.969C44.45 124.912 44.2764 124.883 44.083 124.883C43.8467 124.883 43.6372 124.928 43.4546 125.018C43.272 125.104 43.118 125.241 42.9927 125.431C42.8709 125.621 42.7778 125.87 42.7134 126.178C42.6489 126.486 42.6167 126.86 42.6167 127.3V128.82C42.6167 129.171 42.6364 129.481 42.6758 129.75C42.7188 130.018 42.7814 130.251 42.8638 130.448C42.9461 130.641 43.0464 130.8 43.1646 130.926C43.2827 131.051 43.4188 131.144 43.5728 131.205C43.7303 131.262 43.904 131.291 44.0938 131.291C44.3372 131.291 44.5503 131.244 44.7329 131.151C44.9155 131.058 45.0677 130.913 45.1895 130.716C45.3148 130.516 45.4079 130.26 45.4688 129.948C45.5296 129.633 45.5601 129.257 45.5601 128.82Z" fill="#2196F3"/>
<rect x="44" y="96" width="125" height="20" fill="black" fill-opacity="0.06"/>
<rect x="44" y="96" width="32" height="20" fill="#2196F3"/>
</g>
<defs>
<filter id="filter0_d_3154_417105" x="0" y="0" width="213" height="213" 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" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3154_417105"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3154_417105" result="shape"/>
</filter>
<filter id="filter1_b_3154_417105" x="14" y="10" width="185" height="185" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feGaussianBlur in="BackgroundImageFix" stdDeviation="3"/>
<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_3154_417105"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_3154_417105" result="shape"/>
</filter>
</defs>
</svg>