vertical-bar-layout.svg 8.19 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_417125)">
<rect x="8" y="4" width="197" height="197" rx="4" fill="white" shape-rendering="crispEdges"/>
<g filter="url(#filter1_b_3154_417125)">
<rect x="20" y="16" width="173" height="173" rx="4" fill="white" fill-opacity="0.76"/>
</g>
<path d="M105.848 53.375V56H92.5039V53.7441L98.9844 46.6758C99.6953 45.8737 100.256 45.181 100.666 44.5977C101.076 44.0143 101.363 43.4902 101.527 43.0254C101.701 42.5514 101.787 42.0911 101.787 41.6445C101.787 41.0156 101.669 40.4642 101.432 39.9902C101.204 39.5072 100.867 39.1289 100.42 38.8555C99.9733 38.5729 99.431 38.4316 98.793 38.4316C98.0547 38.4316 97.4349 38.5911 96.9336 38.9102C96.4323 39.2292 96.054 39.6712 95.7988 40.2363C95.5436 40.7923 95.416 41.4303 95.416 42.1504H92.1211C92.1211 40.9928 92.3854 39.9355 92.9141 38.9785C93.4427 38.0124 94.2083 37.2467 95.2109 36.6816C96.2135 36.1074 97.4212 35.8203 98.834 35.8203C100.165 35.8203 101.295 36.0436 102.225 36.4902C103.154 36.9368 103.861 37.5703 104.344 38.3906C104.836 39.2109 105.082 40.1816 105.082 41.3027C105.082 41.9225 104.982 42.5378 104.781 43.1484C104.581 43.7591 104.294 44.3698 103.92 44.9805C103.555 45.582 103.122 46.1882 102.621 46.7988C102.12 47.4004 101.568 48.0111 100.967 48.6309L96.6602 53.375H105.848ZM122.201 48.9043V51.5293H107.845L107.736 49.5469L116.322 36.0938H118.961L116.103 40.9883L111.168 48.9043H122.201ZM119.713 36.0938V56H116.418V36.0938H119.713Z" fill="black" fill-opacity="0.54"/>
<path d="M124.916 60.1367V68H123.922V61.3774L121.918 62.1079V61.2109L124.76 60.1367H124.916ZM132.997 63.4668V64.6592C132.997 65.3001 132.939 65.8408 132.825 66.2812C132.71 66.7217 132.545 67.0762 132.331 67.3447C132.116 67.6133 131.856 67.8084 131.552 67.9302C131.251 68.0483 130.911 68.1074 130.531 68.1074C130.23 68.1074 129.953 68.0698 129.699 67.9946C129.444 67.9194 129.215 67.7995 129.011 67.6348C128.811 67.4665 128.639 67.248 128.496 66.9795C128.352 66.7109 128.243 66.3851 128.168 66.002C128.093 65.6188 128.055 65.1712 128.055 64.6592V63.4668C128.055 62.8258 128.112 62.2887 128.227 61.8555C128.345 61.4222 128.512 61.0749 128.727 60.8135C128.941 60.5485 129.199 60.3587 129.5 60.2441C129.804 60.1296 130.145 60.0723 130.521 60.0723C130.825 60.0723 131.104 60.1099 131.358 60.1851C131.616 60.2567 131.845 60.373 132.046 60.5342C132.246 60.6917 132.417 60.903 132.556 61.168C132.699 61.4294 132.809 61.7498 132.884 62.1294C132.959 62.509 132.997 62.9548 132.997 63.4668ZM131.998 64.8203V63.3003C131.998 62.9494 131.976 62.6414 131.933 62.3765C131.894 62.1079 131.835 61.8787 131.756 61.689C131.677 61.4992 131.577 61.3452 131.455 61.2271C131.337 61.1089 131.199 61.0229 131.042 60.9692C130.888 60.9119 130.714 60.8833 130.521 60.8833C130.284 60.8833 130.075 60.9281 129.892 61.0176C129.709 61.1035 129.556 61.2414 129.43 61.4312C129.308 61.6209 129.215 61.8698 129.151 62.1777C129.086 62.4857 129.054 62.8599 129.054 63.3003V64.8203C129.054 65.1712 129.074 65.481 129.113 65.7495C129.156 66.0181 129.219 66.2508 129.301 66.4478C129.384 66.6411 129.484 66.8005 129.602 66.9258C129.72 67.0511 129.856 67.1442 130.01 67.2051C130.168 67.2624 130.341 67.291 130.531 67.291C130.775 67.291 130.988 67.2445 131.17 67.1514C131.353 67.0583 131.505 66.9132 131.627 66.7163C131.752 66.5158 131.845 66.2598 131.906 65.9482C131.967 65.6331 131.998 65.2572 131.998 64.8203ZM139.434 63.4668V64.6592C139.434 65.3001 139.377 65.8408 139.262 66.2812C139.148 66.7217 138.983 67.0762 138.768 67.3447C138.553 67.6133 138.294 67.8084 137.989 67.9302C137.688 68.0483 137.348 68.1074 136.969 68.1074C136.668 68.1074 136.39 68.0698 136.136 67.9946C135.882 67.9194 135.653 67.7995 135.449 67.6348C135.248 67.4665 135.076 67.248 134.933 66.9795C134.79 66.7109 134.681 66.3851 134.605 66.002C134.53 65.6188 134.493 65.1712 134.493 64.6592V63.4668C134.493 62.8258 134.55 62.2887 134.665 61.8555C134.783 61.4222 134.949 61.0749 135.164 60.8135C135.379 60.5485 135.637 60.3587 135.938 60.2441C136.242 60.1296 136.582 60.0723 136.958 60.0723C137.262 60.0723 137.542 60.1099 137.796 60.1851C138.054 60.2567 138.283 60.373 138.483 60.5342C138.684 60.6917 138.854 60.903 138.994 61.168C139.137 61.4294 139.246 61.7498 139.321 62.1294C139.396 62.509 139.434 62.9548 139.434 63.4668ZM138.435 64.8203V63.3003C138.435 62.9494 138.414 62.6414 138.371 62.3765C138.331 62.1079 138.272 61.8787 138.193 61.689C138.115 61.4992 138.014 61.3452 137.893 61.2271C137.774 61.1089 137.637 61.0229 137.479 60.9692C137.325 60.9119 137.151 60.8833 136.958 60.8833C136.722 60.8833 136.512 60.9281 136.33 61.0176C136.147 61.1035 135.993 61.2414 135.868 61.4312C135.746 61.6209 135.653 61.8698 135.588 62.1777C135.524 62.4857 135.492 62.8599 135.492 63.3003V64.8203C135.492 65.1712 135.511 65.481 135.551 65.7495C135.594 66.0181 135.656 66.2508 135.739 66.4478C135.821 66.6411 135.921 66.8005 136.04 66.9258C136.158 67.0511 136.294 67.1442 136.448 67.2051C136.605 67.2624 136.779 67.291 136.969 67.291C137.212 67.291 137.425 67.2445 137.608 67.1514C137.791 67.0583 137.943 66.9132 138.064 66.7163C138.19 66.5158 138.283 66.2598 138.344 65.9482C138.405 65.6331 138.435 65.2572 138.435 64.8203Z" fill="#2196F3"/>
<path d="M126.559 157.467V158.659C126.559 159.3 126.502 159.841 126.387 160.281C126.273 160.722 126.108 161.076 125.893 161.345C125.678 161.613 125.419 161.808 125.114 161.93C124.813 162.048 124.473 162.107 124.094 162.107C123.793 162.107 123.515 162.07 123.261 161.995C123.007 161.919 122.778 161.799 122.574 161.635C122.373 161.466 122.201 161.248 122.058 160.979C121.915 160.711 121.806 160.385 121.73 160.002C121.655 159.619 121.618 159.171 121.618 158.659V157.467C121.618 156.826 121.675 156.289 121.79 155.855C121.908 155.422 122.074 155.075 122.289 154.813C122.504 154.549 122.762 154.359 123.062 154.244C123.367 154.13 123.707 154.072 124.083 154.072C124.387 154.072 124.667 154.11 124.921 154.185C125.179 154.257 125.408 154.373 125.608 154.534C125.809 154.692 125.979 154.903 126.119 155.168C126.262 155.429 126.371 155.75 126.446 156.129C126.521 156.509 126.559 156.955 126.559 157.467ZM125.56 158.82V157.3C125.56 156.949 125.539 156.641 125.496 156.376C125.456 156.108 125.397 155.879 125.318 155.689C125.24 155.499 125.139 155.345 125.018 155.227C124.899 155.109 124.762 155.023 124.604 154.969C124.45 154.912 124.276 154.883 124.083 154.883C123.847 154.883 123.637 154.928 123.455 155.018C123.272 155.104 123.118 155.241 122.993 155.431C122.871 155.621 122.778 155.87 122.713 156.178C122.649 156.486 122.617 156.86 122.617 157.3V158.82C122.617 159.171 122.636 159.481 122.676 159.75C122.719 160.018 122.781 160.251 122.864 160.448C122.946 160.641 123.046 160.8 123.165 160.926C123.283 161.051 123.419 161.144 123.573 161.205C123.73 161.262 123.904 161.291 124.094 161.291C124.337 161.291 124.55 161.244 124.733 161.151C124.916 161.058 125.068 160.913 125.189 160.716C125.315 160.516 125.408 160.26 125.469 159.948C125.53 159.633 125.56 159.257 125.56 158.82Z" fill="#2196F3"/>
<rect x="97" y="165" width="101" height="20" transform="rotate(-90 97 165)" fill="black" fill-opacity="0.06"/>
<rect x="97" y="165" width="28" height="20" transform="rotate(-90 97 165)" fill="#2196F3"/>
</g>
<defs>
<filter id="filter0_d_3154_417125" 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_417125"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3154_417125" result="shape"/>
</filter>
<filter id="filter1_b_3154_417125" 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_417125"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_3154_417125" result="shape"/>
</filter>
</defs>
</svg>