img/css.svg

<svg width="170" height="130" viewBox="0 0 170 130" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="31" y="27" width="139" height="68" rx="18" fill="#434343"/>
<g filter="url(#filter0_d_228_141)">
<rect x="40" y="36" width="50" height="50" rx="10" fill="white"/>
<path d="M82 42L78.9936 76.196L65.4798 80L52.0032 76.2014L49 42H82Z" fill="#264DE4"/>
<path d="M76.4198 74.0186L78.989 44.7965H65.5V77.0924L76.4198 74.0186Z" fill="#2965F1"/>
<path d="M55.8848 57.4813L56.255 61.6759H65.5V57.4813H55.8848Z" fill="#EBEBEB"/>
<path d="M65.5001 48.9911H65.4858H55.1409L55.5164 53.1858H65.5001V48.9911Z" fill="#EBEBEB"/>
<path d="M65.5001 72.7394V68.3752L65.482 68.3801L60.881 67.1186L60.5868 63.7732H58.3511H56.4397L57.0185 70.3594L65.4811 72.7447L65.5001 72.7394Z" fill="#EBEBEB"/>
<path d="M70.573 61.6758L70.0935 67.116L65.4858 68.3787V72.7427L73.9551 70.3594L74.0173 69.6507L74.9881 58.6076L75.0889 57.4812L75.8347 48.9911H65.4858V53.1858H71.3072L70.9313 57.4812H65.4858V61.6758H70.573Z" fill="white"/>
<rect x="40.5" y="36.5" width="49" height="49" rx="9.5" stroke="white"/>
</g>
<path d="M102.84 60.6C102.84 58.952 103.208 57.48 103.944 56.184C104.696 54.872 105.712 53.856 106.992 53.136C108.288 52.4 109.736 52.032 111.336 52.032C113.208 52.032 114.848 52.512 116.256 53.472C117.664 54.432 118.648 55.76 119.208 57.456H115.344C114.96 56.656 114.416 56.056 113.712 55.656C113.024 55.256 112.224 55.056 111.312 55.056C110.336 55.056 109.464 55.288 108.696 55.752C107.944 56.2 107.352 56.84 106.92 57.672C106.504 58.504 106.296 59.48 106.296 60.6C106.296 61.704 106.504 62.68 106.92 63.528C107.352 64.36 107.944 65.008 108.696 65.472C109.464 65.92 110.336 66.144 111.312 66.144C112.224 66.144 113.024 65.944 113.712 65.544C114.416 65.128 114.96 64.52 115.344 63.72H119.208C118.648 65.432 117.664 66.768 116.256 67.728C114.864 68.672 113.224 69.144 111.336 69.144C109.736 69.144 108.288 68.784 106.992 68.064C105.712 67.328 104.696 66.312 103.944 65.016C103.208 63.72 102.84 62.248 102.84 60.6ZM127.862 69.168C126.694 69.168 125.638 68.968 124.694 68.568C123.766 68.168 123.03 67.592 122.486 66.84C121.942 66.088 121.662 65.2 121.646 64.176H125.246C125.294 64.864 125.534 65.408 125.966 65.808C126.414 66.208 127.022 66.408 127.79 66.408C128.574 66.408 129.19 66.224 129.638 65.856C130.086 65.472 130.31 64.976 130.31 64.368C130.31 63.872 130.158 63.464 129.854 63.144C129.55 62.824 129.166 62.576 128.702 62.4C128.254 62.208 127.63 62 126.83 61.776C125.742 61.456 124.854 61.144 124.166 60.84C123.494 60.52 122.91 60.048 122.414 59.424C121.934 58.784 121.694 57.936 121.694 56.88C121.694 55.888 121.942 55.024 122.438 54.288C122.934 53.552 123.63 52.992 124.526 52.608C125.422 52.208 126.446 52.008 127.598 52.008C129.326 52.008 130.726 52.432 131.798 53.28C132.886 54.112 133.486 55.28 133.598 56.784H129.902C129.87 56.208 129.622 55.736 129.158 55.368C128.71 54.984 128.11 54.792 127.358 54.792C126.702 54.792 126.174 54.96 125.774 55.296C125.39 55.632 125.198 56.12 125.198 56.76C125.198 57.208 125.342 57.584 125.63 57.888C125.934 58.176 126.302 58.416 126.734 58.608C127.182 58.784 127.806 58.992 128.606 59.232C129.694 59.552 130.582 59.872 131.27 60.192C131.958 60.512 132.55 60.992 133.046 61.632C133.542 62.272 133.79 63.112 133.79 64.152C133.79 65.048 133.558 65.88 133.094 66.648C132.63 67.416 131.95 68.032 131.054 68.496C130.158 68.944 129.094 69.168 127.862 69.168ZM142.487 69.168C141.319 69.168 140.263 68.968 139.319 68.568C138.391 68.168 137.655 67.592 137.111 66.84C136.567 66.088 136.287 65.2 136.271 64.176H139.871C139.919 64.864 140.159 65.408 140.591 65.808C141.039 66.208 141.647 66.408 142.415 66.408C143.199 66.408 143.815 66.224 144.263 65.856C144.711 65.472 144.935 64.976 144.935 64.368C144.935 63.872 144.783 63.464 144.479 63.144C144.175 62.824 143.791 62.576 143.327 62.4C142.879 62.208 142.255 62 141.455 61.776C140.367 61.456 139.479 61.144 138.791 60.84C138.119 60.52 137.535 60.048 137.039 59.424C136.559 58.784 136.319 57.936 136.319 56.88C136.319 55.888 136.567 55.024 137.063 54.288C137.559 53.552 138.255 52.992 139.151 52.608C140.047 52.208 141.071 52.008 142.223 52.008C143.951 52.008 145.351 52.432 146.423 53.28C147.511 54.112 148.111 55.28 148.223 56.784H144.527C144.495 56.208 144.247 55.736 143.783 55.368C143.335 54.984 142.735 54.792 141.983 54.792C141.327 54.792 140.799 54.96 140.399 55.296C140.015 55.632 139.823 56.12 139.823 56.76C139.823 57.208 139.967 57.584 140.255 57.888C140.559 58.176 140.927 58.416 141.359 58.608C141.807 58.784 142.431 58.992 143.231 59.232C144.319 59.552 145.207 59.872 145.895 60.192C146.583 60.512 147.175 60.992 147.671 61.632C148.167 62.272 148.415 63.112 148.415 64.152C148.415 65.048 148.183 65.88 147.719 66.648C147.255 67.416 146.575 68.032 145.679 68.496C144.783 68.944 143.719 69.168 142.487 69.168Z" fill="white"/>
<defs>
<filter id="filter0_d_228_141" x="0" y="0" width="130" height="130" 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="20"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0367917 0 0 0 0 0.0348958 0 0 0 0 0.0484375 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_228_141"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_228_141" result="shape"/>
</filter>
</defs>
</svg>