other networks and logos for dark color mode

icons/networks/icons/gnosis.svg

 <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M5.809 9.496c.034.03.062.054.088.079.276.268.55.538.83.803.064.06.064.1.019.168-.587.888-.8 1.861-.605 2.892.263 1.383 1.068 2.391 2.383 2.998.776.36 1.6.451 2.447.326a4.14 4.14 0 0 0 1.588-.578c.08-.05.125-.044.19.02.715.703 1.435 1.401 2.149 2.104.078.078.12.087.204.004.816-.797 1.639-1.589 2.455-2.386.09-.088.146-.103.264-.034.713.415 1.491.582 2.322.544 1.65-.074 3.158-1.191 3.67-2.724.387-1.161.243-2.263-.388-3.311-.041-.069-.045-.11.018-.17.23-.214.454-.435.68-.653.021-.02.045-.038.067-.058a10.323 10.323 0 0 1-1.13 13.055c-4.03 4.223-10.68 4.551-15.12.927-4.51-3.68-5.046-9.723-2.131-14.006Z" fill="#2E4A3C"/>
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M22.566 8.13C18.24 3.846 11.203 4.21 7.45 7.96c.022.023.043.049.066.071 2.48 2.407 4.961 4.814 7.44 7.222.07.068.11.06.173-.003.32-.314.643-.626.967-.937 2.091-2.012 4.183-4.025 6.276-6.036.056-.054.126-.095.195-.147Zm-7.53 8.643L5.968 7.961c.022-.028.04-.055.061-.078C7.12 6.71 8.387 5.763 9.865 5.089a11.91 11.91 0 0 1 2.518-.828 12.308 12.308 0 0 1 3.046-.25A12.06 12.06 0 0 1 19.725 5c1.645.711 3.034 1.75 4.212 3.063.069.076.03.11-.023.16l-4.397 4.237-4.386 4.228c-.027.026-.055.05-.095.086Zm-3.899-2.061c-.614.545-1.979.67-2.883-.204-.906-.877-.782-2.174-.187-2.849l3.07 3.053Zm7.943-.21c1.027-.999 2.05-1.993 3.074-2.986.433.469.634 1.666-.115 2.548-.833.981-2.208.976-2.96.438Z" fill="#2E4A3C"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M5.809 9.496c.034.03.062.054.088.079.276.268.55.538.83.803.064.06.064.1.019.168-.587.888-.8 1.861-.605 2.892.263 1.383 1.068 2.391 2.383 2.998.776.36 1.6.451 2.447.326a4.14 4.14 0 0 0 1.588-.578c.08-.05.125-.044.19.02.715.703 1.435 1.401 2.149 2.104.078.078.12.087.204.004.816-.797 1.639-1.589 2.455-2.386.09-.088.146-.103.264-.034.713.415 1.491.582 2.322.544 1.65-.074 3.158-1.191 3.67-2.724.387-1.161.243-2.263-.388-3.311-.041-.069-.045-.11.018-.17.23-.214.454-.435.68-.653.021-.02.045-.038.067-.058a10.323 10.323 0 0 1-1.13 13.055c-4.03 4.223-10.68 4.551-15.12.927-4.51-3.68-5.046-9.723-2.131-14.006Z" fill="#276749"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M22.566 8.13C18.24 3.846 11.203 4.21 7.45 7.96c.022.023.043.049.066.071 2.48 2.407 4.961 4.814 7.44 7.222.07.068.11.06.173-.003.32-.314.643-.626.967-.937 2.091-2.012 4.183-4.025 6.276-6.036.056-.054.126-.095.195-.147Zm-7.53 8.643L5.968 7.961c.022-.028.04-.055.061-.078C7.12 6.71 8.387 5.763 9.865 5.089a11.91 11.91 0 0 1 2.518-.828 12.308 12.308 0 0 1 3.046-.25A12.06 12.06 0 0 1 19.725 5c1.645.711 3.034 1.75 4.212 3.063.069.076.03.11-.023.16l-4.397 4.237-4.386 4.228c-.027.026-.055.05-.095.086Zm-3.899-2.061c-.614.545-1.979.67-2.883-.204-.906-.877-.782-2.174-.187-2.849l3.07 3.053Zm7.943-.21c1.027-.999 2.05-1.993 3.074-2.986.433.469.634 1.666-.115 2.548-.833.981-2.208.976-2.96.438Z" fill="#276749"/>
 </svg>

icons/networks/icons/optimism.svg

-<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30">
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M5.809 9.496c.034.03.062.054.088.079.276.268.55.538.83.803.064.06.064.1.019.168-.587.888-.8 1.861-.605 2.892.263 1.383 1.068 2.391 2.383 2.998.776.36 1.6.451 2.447.326a4.14 4.14 0 0 0 1.588-.578c.08-.05.125-.044.19.02.715.703 1.435 1.401 2.149 2.104.078.078.12.087.204.004.816-.797 1.639-1.589 2.455-2.386.09-.088.146-.103.264-.034.713.415 1.491.582 2.322.544 1.65-.074 3.158-1.191 3.67-2.724.387-1.161.243-2.263-.388-3.311-.041-.069-.045-.11.018-.17.23-.214.454-.435.68-.653.021-.02.045-.038.067-.058a10.323 10.323 0 0 1-1.13 13.055c-4.03 4.223-10.68 4.551-15.12.927-4.51-3.68-5.046-9.723-2.131-14.006Z" fill="#DD6B20"/>
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M22.566 8.13C18.24 3.846 11.203 4.21 7.45 7.96c.022.023.043.049.066.071 2.48 2.407 4.961 4.814 7.44 7.222.07.068.11.06.173-.003.32-.314.643-.626.967-.937 2.091-2.012 4.183-4.025 6.276-6.036.056-.054.126-.095.195-.147Zm-7.53 8.643L5.968 7.961c.022-.028.04-.055.061-.078C7.12 6.71 8.387 5.763 9.865 5.089a11.91 11.91 0 0 1 2.518-.828 12.308 12.308 0 0 1 3.046-.25A12.06 12.06 0 0 1 19.725 5c1.645.711 3.034 1.75 4.212 3.063.069.076.03.11-.023.16l-4.397 4.237-4.386 4.228c-.027.026-.055.05-.095.086Zm-3.899-2.061c-.614.545-1.979.67-2.883-.204-.906-.877-.782-2.174-.187-2.849l3.07 3.053Zm7.943-.21c1.027-.999 2.05-1.993 3.074-2.986.433.469.634 1.666-.115 2.548-.833.981-2.208.976-2.96.438Z" fill="#DD6B20"/>
+<svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M15 30c8.284 0 15-6.716 15-15 0-8.284-6.716-15-15-15C6.716 0 0 6.716 0 15c0 8.284 6.716 15 15 15Z" fill="#FF0420"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.433 18.356c.57.42 1.302.63 2.195.63 1.08 0 1.944-.25 2.59-.753.645-.51 1.099-1.28 1.361-2.309.158-.63.293-1.28.406-1.947.037-.24.056-.44.056-.597 0-.525-.131-.976-.394-1.35a2.362 2.362 0 0 0-1.08-.856 3.928 3.928 0 0 0-1.554-.293c-2.124 0-3.442 1.032-3.952 3.096-.18.758-.319 1.407-.417 1.947-.037.24-.056.443-.056.608 0 .789.282 1.396.845 1.824Zm3.422-1.362c-.293.248-.65.372-1.07.372-.72 0-1.08-.346-1.08-1.036 0-.165.015-.323.045-.473.135-.728.27-1.343.405-1.846.128-.51.338-.89.63-1.137.3-.248.661-.372 1.081-.372.713 0 1.07.341 1.07 1.024 0 .166-.015.327-.045.485-.09.525-.222 1.14-.394 1.846-.128.51-.342.89-.642 1.137Zm3.512 1.801a.238.238 0 0 0 .191.08h1.531a.343.343 0 0 0 .214-.08.322.322 0 0 0 .124-.202l.518-2.466h1.52c.983 0 1.756-.206 2.319-.62.57-.412.95-1.05 1.137-1.913a2.7 2.7 0 0 0 .068-.585c0-.653-.256-1.152-.766-1.498-.503-.345-1.17-.518-2.004-.518h-2.995a.343.343 0 0 0-.213.08.322.322 0 0 0-.124.202l-1.554 7.318a.269.269 0 0 0 .034.202Zm4.998-4.48a1.341 1.341 0 0 1-.821.258h-1.295l.428-2.015h1.35c.308 0 .526.06.654.18.127.113.191.278.191.496 0 .097-.011.21-.034.338-.075.322-.232.57-.473.743Z" fill="#fff"/>
 </svg>

icons/networks/icons/shibuya.svg

+<svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g clip-path="url(#shibuya_svg__a)">
+    <path d="M28.964 14.05C28.44 6.336 21.762.51 14.049 1.033a13.964 13.964 0 0 0-9.57 4.732l-.007-.004a1.095 1.095 0 0 0-.046.064 13.963 13.963 0 0 0-3.273 11.208c0 .017.004.031.007.048a13.798 13.798 0 0 0 .266 1.335c1.617 6.447 7.657 11.013 14.524 10.546 7.712-.524 13.541-7.202 13.017-14.916l-.003.004Zm-3.048.208c.065.95.005 1.88-.165 2.775 0-.004-.005-.009-.005-.014-1.016-2.48-3.023-4.272-4.787-5.262.357-4.202-1.069-5.975-2.683-6.262a2.336 2.336 0 0 0-2.686 2.91 2.337 2.337 0 0 0 2.29 1.723c.008.15.012.3.013.45a12.538 12.538 0 0 0-4.16-.328c-.478.032-.954.092-1.425.18.158-1.419.692-3.014 1.725-4.178a4.792 4.792 0 0 1 4.104-1.608 4.434 4.434 0 0 1 .97.218c3.752 1.529 6.515 5.091 6.807 9.396h.002Zm-9.758 2.138-.002.005a9.873 9.873 0 0 1-1.198 1.416 10.413 10.413 0 0 1-1.687-2.374c-.022-.046-.045-.087-.067-.133v-.004a10.036 10.036 0 0 1-.628-1.747c.994-.235 1.97-.321 2.902-.275l.148.007h.005c.584.048 1.193.156 1.823.328a10.429 10.429 0 0 1-1.294 2.774l-.002.003ZM11.376 4.673l-.007.01C9.728 6.8 9.18 9.432 9.205 11.454c-3.819 1.792-4.638 3.913-4.082 5.456a2.34 2.34 0 1 0 4.363-1.68 2.44 2.44 0 0 0-.151-.294c.12-.08.249-.158.388-.24a12.538 12.538 0 0 0 1.792 3.771c.266.395.553.776.867 1.143-1.308.573-2.956.908-4.483.596a4.799 4.799 0 0 1-3.445-2.75 4.449 4.449 0 0 1-.287-.908c-.04-.268-.07-.537-.089-.807-.34-5.015 2.77-9.478 7.298-11.07Zm4.365 21.244a10.898 10.898 0 0 1-7.866-2.619c2.655.362 5.21-.481 6.949-1.514 3.462 2.413 5.709 2.063 6.768.81a2.338 2.338 0 0 0-2.09-3.84 2.337 2.337 0 0 0-1.547.9 2.379 2.379 0 0 0-.18.28 8.656 8.656 0 0 1-.397-.215 12.505 12.505 0 0 0 2.364-3.44c.211-.431.397-.873.556-1.326 1.15.849 2.266 2.106 2.76 3.584a4.795 4.795 0 0 1-.659 4.359 4.457 4.457 0 0 1-.642.702l-.01.01a10.875 10.875 0 0 1-6.003 2.307l-.003.002Z" fill="#222239"/>
+    <path d="M18.276 5.493a2.273 2.273 0 0 0-.796-.01c1.34.728 2.315 2.758 1.803 6.763a11.984 11.984 0 0 1-1.133 3.748 12.477 12.477 0 0 1-1.934 2.965c.37.28.759.535 1.162.765a12.505 12.505 0 0 0 2.365-3.44 11.897 11.897 0 0 0 1.133-3.748c.611-4.768-.889-6.737-2.6-7.042v-.001Z" fill="#222239" style="mix-blend-mode:overlay" opacity=".9"/>
+    <path d="M19.282 12.244c.513-4.004-.462-6.035-1.802-6.764-.052.007-.102.02-.155.032 1.31.754 2.254 2.781 1.749 6.732a11.98 11.98 0 0 1-1.134 3.748 12.418 12.418 0 0 1-1.852 2.87l.127.095a12.525 12.525 0 0 0 1.934-2.966 11.898 11.898 0 0 0 1.133-3.747Z" fill="#222239" style="mix-blend-mode:overlay" opacity=".8"/>
+    <path d="M14.19 21.327c-.126-.096-.246-.197-.368-.298-1.977.825-4.715 1.342-7.437.71.443.567.942 1.09 1.488 1.56 2.654.362 5.209-.482 6.948-1.514-.214-.15-.425-.303-.633-.46l.003.002Z" fill="#222239" style="mix-blend-mode:overlay" opacity=".5"/>
+    <path d="M13.824 21.03c-.06-.05-.122-.1-.18-.151-1.99.795-4.743 1.272-7.458.594l.201.266c2.72.632 5.46.115 7.437-.71Z" fill="#222239" style="mix-blend-mode:overlay" opacity=".6"/>
+    <path d="M5.125 16.914a2.315 2.315 0 0 0 .39.695c-.038-1.524 1.232-3.386 4.955-4.943 1.213-.505 2.501-.806 3.812-.892a12.414 12.414 0 0 1 3.536.192c.06-.503.084-.972.08-1.387a12.486 12.486 0 0 0-4.162-.328 11.968 11.968 0 0 0-3.812.891c-4.434 1.854-5.39 4.138-4.798 5.774v-.002Z" fill="#222239" style="mix-blend-mode:overlay" opacity=".9"/>
+    <path d="M10.47 12.668c-3.723 1.558-4.993 3.42-4.954 4.943.033.04.07.08.105.117-.003-1.512 1.282-3.342 4.955-4.88 1.213-.505 2.5-.806 3.811-.892 1.14-.1 2.288-.044 3.412.168.008-.052.014-.105.02-.158a12.498 12.498 0 0 0-3.537-.191c-1.31.086-2.599.387-3.812.891v.002Z" fill="#222239" style="mix-blend-mode:overlay" opacity=".8"/>
+    <path d="M20.88 12.534c-.018.158-.045.311-.071.467 1.7 1.299 3.52 3.414 4.334 6.085.27-.668.472-1.361.606-2.07-1.014-2.48-3.021-4.27-4.784-5.259-.022.252-.049.509-.082.777h-.002Z" fill="#222239" style="mix-blend-mode:overlay" opacity=".4"/>
+    <path d="M20.809 13.001c-.015.077-.027.156-.041.232 1.684 1.328 3.474 3.472 4.243 6.163a8.7 8.7 0 0 0 .13-.31c-.815-2.67-2.631-4.784-4.335-6.085h.003Z" fill="#222239" style="mix-blend-mode:overlay" opacity=".5"/>
+    <path d="M21.592 22.592c.173-.204.31-.436.407-.685-1.3.795-3.546.625-6.759-1.822a11.91 11.91 0 0 1-2.678-2.856 12.423 12.423 0 0 1-1.603-3.157c-.465.199-.884.414-1.243.625a12.537 12.537 0 0 0 1.796 3.77 11.947 11.947 0 0 0 2.679 2.855c3.824 2.913 6.28 2.6 7.398 1.27h.003Z" fill="#222239" style="mix-blend-mode:overlay" opacity=".9"/>
+    <path d="M15.243 20.086c3.21 2.446 5.457 2.616 6.758 1.82.019-.05.036-.1.05-.148-1.308.76-3.536.56-6.703-1.852a11.911 11.911 0 0 1-2.679-2.856 12.435 12.435 0 0 1-1.56-3.038c-.05.022-.098.04-.146.062.381 1.124.92 2.188 1.603 3.158a11.945 11.945 0 0 0 2.678 2.856l-.002-.002Z" fill="#222239" style="mix-blend-mode:overlay" opacity=".8"/>
+    <path d="M9.921 11.137c.147-.06.293-.115.441-.17.273-2.123 1.195-4.756 3.103-6.795-.714.103-1.416.271-2.097.508-1.641 2.118-2.187 4.751-2.163 6.774.227-.108.465-.214.714-.316h.002Z" fill="#222239" style="mix-blend-mode:overlay" opacity=".3"/>
+    <path d="M10.362 10.967c.074-.026.146-.055.22-.081.307-2.124 1.27-4.744 3.213-6.757-.11.012-.22.027-.33.041-1.908 2.041-2.83 4.672-3.103 6.795v.002Z" fill="#222239" style="mix-blend-mode:overlay" opacity=".4"/>
+    <path d="M14.05 1.034a13.961 13.961 0 0 0-9.572 4.732l-.052.06c.457.455 1.957 1.35 2.563 1.725a10.934 10.934 0 0 1 4.39-2.878 8.07 8.07 0 0 1 .371-.45c1.581-1.785 3.74-2.727 6.246-2.727.278 0 .846.046.858.046a13.903 13.903 0 0 0-4.804-.509ZM15.741 25.92A10.9 10.9 0 0 1 7.876 23.3a8.39 8.39 0 0 1-.59-.098c-2.336-.477-4.233-1.876-5.484-4.044a8.21 8.21 0 0 1-.376-.739c1.617 6.448 7.657 11.014 14.522 10.547.03-.707-.178-2.347-.21-3.047h.003ZM28.964 14.05c-.43-.043-2.53.123-3.047.209.064.949.005 1.878-.166 2.774.072.178.142.36.204.544.755 2.262.491 4.603-.76 6.773a8.31 8.31 0 0 1-.45.695s.007-.005.01-.01a13.96 13.96 0 0 0 4.21-10.982v-.002Z" fill="#222239" style="mix-blend-mode:multiply" opacity=".4"/>
+    <path d="M18.14 4.642a4.448 4.448 0 0 1 .97.218 11.007 11.007 0 0 1 3.273 2.07c.46-.525 1.344-1.102 1.344-1.102S22.373 4.443 20.3 4.012c-1.45-.302-4.72-.592-6.783 2.918l.02-.019c.153-.23.313-.455.498-.662a4.792 4.792 0 0 1 4.104-1.607ZM22.4 22.898a4.452 4.452 0 0 1-.643.702l-.031.03a11.016 11.016 0 0 1-3.421 1.794c-.003 0-.005 0-.008.002.226.661.283 1.715.283 1.715s1.876-.478 3.285-2.058c.985-1.104 2.873-3.792.865-7.333l.007.026c.125.247.237.5.324.762a4.794 4.794 0 0 1-.66 4.358l-.002.002ZM4.46 17.462a4.448 4.448 0 0 1-.288-.908l-.01-.043c-.177-1.291-.12-2.6.156-3.86v-.007c-.685-.134-1.626-.613-1.626-.613s-.523 1.867.14 3.874c.466 1.406 1.848 4.384 5.918 4.416l-.026-.008a5.922 5.922 0 0 1-.821-.1 4.802 4.802 0 0 1-3.446-2.75h.003Z" fill="#222239" style="mix-blend-mode:multiply" opacity=".5"/>
+    <path d="M17.55 10.11c.113.014.223.018.33.016 0 0-.073-1.454-.25-2.202-.18-.745-.444-1.241-.732-1.521-.208-.201-.862-.45-1.37 1.087a2.334 2.334 0 0 0 2.022 2.617v.002Z" fill="#222239" style="mix-blend-mode:multiply" opacity=".6"/>
+    <path d="M9.489 15.236a2.432 2.432 0 0 0-.151-.294s-1.225.79-1.78 1.317c-.557.528-.854 1.005-.952 1.395-.07.28.04.97 1.627.642a2.34 2.34 0 0 0 1.255-3.06Z" fill="#222239" style="mix-blend-mode:multiply" opacity=".5"/>
+    <path d="M17.958 19.652a2.342 2.342 0 0 0-.18.28s1.297.664 2.032.882c.735.218 1.296.237 1.682.127.278-.08.82-.522-.257-1.73a2.34 2.34 0 0 0-3.277.444v-.003Z" fill="#222239" style="mix-blend-mode:multiply" opacity=".6"/>
+    <path d="M17.455 13.622a10.405 10.405 0 0 1-1.212 2.65l-.082.124-.002.005a9.871 9.871 0 0 1-1.198 1.416c.321.34.666.67 1.047.985.433.34.891.648 1.37.92a12.504 12.504 0 0 0 2.365-3.44c.211-.431.397-.874.556-1.326a7.495 7.495 0 0 0-1.452-.848c-.453-.194-.919-.357-1.395-.486h.003ZM7.876 23.301c2.654.362 5.208-.481 6.948-1.514-.214-.15-.425-.303-.633-.46a11.935 11.935 0 0 1-1.81-1.713c-1.309.572-2.957.908-4.483.596a4.8 4.8 0 0 1-3.446-2.75 4.448 4.448 0 0 1-.287-.908A10.907 10.907 0 0 0 7.874 23.3h.002Z" fill="#222239" style="mix-blend-mode:multiply" opacity=".3"/>
+    <path d="M14.96 17.817a10.415 10.415 0 0 1-1.686-2.374c-.022-.046-.046-.087-.067-.132v-.005a10.036 10.036 0 0 1-.628-1.747c-.456.108-.913.242-1.373.415-.51.204-1.006.446-1.48.723a12.55 12.55 0 0 0 1.791 3.771c.266.396.554.776.868 1.143a7.402 7.402 0 0 0 1.46-.834c.394-.295.768-.617 1.118-.963l-.003.003ZM11.37 4.682c-1.642 2.119-2.188 4.751-2.164 6.774.237-.112.475-.218.716-.319.768-.32 1.568-.56 2.386-.711.16-1.42.693-3.015 1.726-4.179a4.791 4.791 0 0 1 4.104-1.608 4.448 4.448 0 0 1 .97.218 10.855 10.855 0 0 0-4.854-.778c-1.007.07-1.97.273-2.88.594-.003.002-.005.007-.007.01h.002ZM25.749 17.014c-1.015-2.48-3.023-4.272-4.787-5.261-.021.252-.048.51-.084.781-.107.825-.3 1.637-.577 2.422 1.15.848 2.266 2.106 2.76 3.584a4.796 4.796 0 0 1-.659 4.358 4.447 4.447 0 0 1-.642.702l-.01.01a10.98 10.98 0 0 0 4.009-6.579c0-.005-.005-.01-.005-.014l-.005-.003Z" fill="#222239" style="mix-blend-mode:multiply" opacity=".3"/>
+    <path d="M12.301 12.112c.059.488.15.972.275 1.447.995-.234 1.97-.32 2.902-.275l.148.007h.005a9.998 9.998 0 0 1 1.824.328c.134-.448.247-.913.328-1.397.088-.603.115-1.162.112-1.648a12.532 12.532 0 0 0-4.159-.328 12.01 12.01 0 0 0-1.425.18 7.328 7.328 0 0 0-.008 1.684l-.002.002Z" fill="#222239" style="mix-blend-mode:multiply" opacity=".3"/>
+  </g>
+  <defs>
+    <clipPath id="shibuya_svg__a">
+      <path fill="#fff" transform="translate(1 1)" d="M0 0h28v28H0z"/>
+    </clipPath>
+  </defs>
+</svg>

icons/networks/icons/shiden.svg

+<svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M21.172 7.63c-2.156.615-5.337 1.9-8.251 4.533-2.929 2.756-.94 5.214-.92 5.238 0 0-1.073-1.98 1.523-4.418.032-.029 3.346-2.89 8.165-4.263.614-.175 1.235-.32 1.846-.433l.042-.008.776-1.257-.19.013c-.012.002-1.223.092-2.991.596Z" fill="#5928B1"/>
+  <path d="M24.488 4.107c-.496-.418-.992-.749-.997-.752l-.03-.02-.035.005c-.013.002-1.35.166-3.193.691-3.296.939-7.73 2.864-10.13 6.703-1.14 1.744-.222 3.83-.222 3.83l-.028-.53c-.003-.057-.16-5.682 11.37-8.967a46.49 46.49 0 0 1 3.223-.789l.198-.04-.155-.131Z" fill="#764BC4"/>
+  <path d="M25.186 4.841c-.015.002-1.532.163-3.646.765-2.236.638-5.493 1.873-8.305 4.14-1.659 1.288-2.708 2.843-2.88 4.264-.084.694.729 2.167.729 2.167l-.171-.523c-.008-.024-.735-2.407 2.948-5.172 2.063-1.55 4.214-2.61 6.767-3.337 1.316-.375 2.577-.621 3.971-.882l.05-.009.02-.045c.106-.226.608-1.215.613-1.225l.082-.16-.178.017Z" fill="#764BC4"/>
+  <path d="M9.069 12.076c.139-2.232 1.83-4.295 5.03-6.133A21.884 21.884 0 0 1 19.7 3.484c1.722-.49 3.178-.637 3.178-.637L21.71 2c-.011.001-1.09.134-2.633.573C9.186 5.391 7.96 10.245 8.07 12.196c.191 3.403 4.198 5.822 4.198 5.822s-3.406-2.615-3.199-5.942Z" fill="#BBA5E1"/>
+  <path d="M9.192 22.37c2.155-.615 5.337-1.9 8.25-4.533 2.929-2.756.941-5.214.92-5.238 0 0 1.074 1.98-1.522 4.418-.033.029-3.346 2.89-8.165 4.263a19.93 19.93 0 0 1-1.846.433l-.043.008-.776 1.257.19-.014c.013 0 1.224-.09 2.992-.595Z" fill="#5928B1"/>
+  <path d="M5.875 25.893c.496.418.992.748.997.752l.03.019.035-.004c.014-.002 1.351-.166 3.194-.691 3.296-.94 7.729-2.865 10.13-6.704 1.14-1.743.222-3.83.222-3.83l.028.531c.003.057.16 5.682-11.37 8.967-1.01.288-2.094.553-3.223.788l-.198.041.155.13Z" fill="#764BC4"/>
+  <path d="M5.178 25.158c.015-.001 1.532-.163 3.645-.765 2.237-.637 5.494-1.873 8.306-4.14 1.658-1.288 2.708-2.842 2.88-4.264.084-.694-.73-2.167-.73-2.167l.172.524c.007.023.734 2.406-2.948 5.171-2.064 1.55-4.214 2.61-6.767 3.338-1.316.375-2.577.62-3.971.881l-.05.01-.02.045a86.018 86.018 0 0 1-.614 1.225l-.081.16.178-.018Z" fill="#764BC4"/>
+  <path d="M21.295 17.924c-.14 2.232-1.83 4.295-5.03 6.133a21.891 21.891 0 0 1-5.602 2.459c-1.723.49-3.179.637-3.179.637L8.655 28c.011-.001 1.09-.134 2.633-.573 9.89-2.818 11.115-7.672 11.006-9.623-.192-3.403-4.198-5.822-4.198-5.822s3.405 2.615 3.199 5.942Z" fill="#BBA5E1"/>
+</svg>

icons/networks/logos/optimism.svg

+<svg viewBox="0 0 120 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g clip-path="url(#optimism_svg__a)" fill="#FF0420">
+    <path d="M6.06 20c-1.781 0-3.24-.415-4.377-1.244C.561 17.91 0 16.71 0 15.156c0-.326.037-.726.112-1.2.195-1.067.471-2.349.83-3.845C1.96 6.037 4.587 4 8.82 4c1.152 0 2.184.193 3.097.578.912.37 1.63.933 2.154 1.689.524.74.785 1.63.785 2.666a7.8 7.8 0 0 1-.112 1.178 49.898 49.898 0 0 1-.808 3.845c-.523 2.03-1.428 3.548-2.715 4.555C9.934 19.504 8.214 20 6.059 20Zm.313-3.2c.838 0 1.549-.245 2.132-.733.599-.49 1.025-1.237 1.28-2.245a53.62 53.62 0 0 0 .785-3.644c.06-.311.09-.63.09-.956 0-1.348-.71-2.022-2.132-2.022-.838 0-1.556.244-2.155.733-.583.49-1.002 1.237-1.256 2.245-.27.992-.539 2.207-.808 3.644-.06.296-.09.608-.09.934 0 1.363.718 2.044 2.154 2.044Zm10.761 2.978a.477.477 0 0 1-.382-.156.527.527 0 0 1-.067-.4l3.097-14.444a.635.635 0 0 1 .247-.4.688.688 0 0 1 .426-.156h5.97c1.66 0 2.992.341 3.994 1.022 1.017.682 1.526 1.667 1.526 2.956 0 .37-.045.756-.135 1.156-.374 1.703-1.13 2.963-2.266 3.777-1.122.815-2.663 1.223-4.623 1.223h-3.03l-1.032 4.866a.635.635 0 0 1-.247.4.688.688 0 0 1-.426.156h-3.052Zm7.944-8.49c.628 0 1.174-.17 1.638-.51.479-.341.793-.83.943-1.467.045-.252.067-.474.067-.667 0-.43-.127-.755-.381-.977-.255-.237-.689-.356-1.302-.356H23.35l-.853 3.978h2.58Zm11.924 8.49a.478.478 0 0 1-.382-.156.478.478 0 0 1-.09-.4l2.491-11.51h-3.994a.477.477 0 0 1-.382-.156.527.527 0 0 1-.067-.4l.516-2.378a.635.635 0 0 1 .247-.4.688.688 0 0 1 .426-.156h12.074c.164 0 .291.052.381.156.06.089.09.178.09.266a.415.415 0 0 1-.022.134l-.517 2.378a.635.635 0 0 1-.246.4.63.63 0 0 1-.427.155h-3.972l-2.491 11.511a.635.635 0 0 1-.247.4.688.688 0 0 1-.426.156h-2.962Zm11.883 0a.477.477 0 0 1-.382-.156.476.476 0 0 1-.09-.4l3.12-14.444a.635.635 0 0 1 .247-.4.688.688 0 0 1 .426-.156h3.03c.164 0 .291.052.381.156.06.089.09.178.09.266a.415.415 0 0 1-.023.134l-3.096 14.444a.635.635 0 0 1-.247.4.688.688 0 0 1-.427.156h-3.03Zm8.545 0a.478.478 0 0 1-.382-.156c-.09-.104-.12-.237-.09-.4l3.097-14.444a.635.635 0 0 1 .247-.4.719.719 0 0 1 .45-.156h2.423c.359 0 .59.163.696.49l2.446 7 5.453-7c.075-.12.18-.23.314-.334a.922.922 0 0 1 .539-.156h2.446c.165 0 .292.052.381.156.06.089.09.178.09.266a.417.417 0 0 1-.022.134L72.42 19.222a.635.635 0 0 1-.247.4.688.688 0 0 1-.427.156h-2.715a.477.477 0 0 1-.381-.156.527.527 0 0 1-.068-.4l1.75-8.2-3.433 4.511a2.37 2.37 0 0 1-.426.378.836.836 0 0 1-.472.133h-1.166c-.315 0-.532-.17-.651-.51l-1.594-4.712-1.795 8.4a.635.635 0 0 1-.247.4.688.688 0 0 1-.426.156H57.43Zm19.809 0a.477.477 0 0 1-.382-.156.476.476 0 0 1-.09-.4l3.12-14.444a.635.635 0 0 1 .246-.4.688.688 0 0 1 .427-.156h3.03c.164 0 .291.052.381.156.06.089.09.178.09.266a.41.41 0 0 1-.023.134l-3.096 14.444a.632.632 0 0 1-.248.4.688.688 0 0 1-.426.156h-3.03ZM91.327 20c-1.317 0-2.446-.178-3.389-.533-.928-.356-1.63-.83-2.11-1.422a3.13 3.13 0 0 1-.695-1.978c0-.119.015-.297.045-.534a.667.667 0 0 1 .18-.333.539.539 0 0 1 .359-.133h2.872c.18 0 .314.03.404.088.105.06.21.164.314.312.105.385.344.703.719.955.388.252.92.378 1.592.378.853 0 1.542-.133 2.065-.4.524-.267.839-.63.943-1.089a1.16 1.16 0 0 0 .022-.267c0-.37-.231-.659-.695-.866-.464-.223-1.317-.482-2.559-.778-1.45-.311-2.55-.778-3.299-1.4-.748-.637-1.121-1.467-1.121-2.489 0-.355.044-.718.134-1.089.3-1.378 1.04-2.459 2.222-3.244C90.526 4.393 92.067 4 93.953 4c1.137 0 2.147.2 3.03.6.882.4 1.563.911 2.042 1.533.493.608.74 1.215.74 1.823 0 .177-.007.303-.023.377a.595.595 0 0 1-.201.334.46.46 0 0 1-.337.133h-3.007c-.329 0-.554-.126-.673-.378-.015-.34-.195-.63-.54-.866-.343-.237-.792-.356-1.346-.356-.658 0-1.204.119-1.638.356a1.55 1.55 0 0 0-.785 1.044c-.015.074-.023.17-.023.289 0 .355.21.652.629.889.433.222 1.19.452 2.266.689 1.676.326 2.895.792 3.659 1.4.777.607 1.166 1.414 1.166 2.422 0 .34-.045.711-.134 1.111-.33 1.511-1.13 2.66-2.402 3.444-1.256.77-2.94 1.156-5.049 1.156Zm10.563-.222a.478.478 0 0 1-.382-.156c-.09-.104-.12-.237-.09-.4l3.097-14.444a.634.634 0 0 1 .247-.4.718.718 0 0 1 .449-.156h2.423c.36 0 .592.163.696.49l2.447 7 5.453-7c.075-.12.18-.23.314-.334a.922.922 0 0 1 .538-.156h2.447c.165 0 .292.052.381.156.06.089.09.178.09.266a.414.414 0 0 1-.022.134l-3.097 14.444a.642.642 0 0 1-.247.4.69.69 0 0 1-.427.156h-2.715a.478.478 0 0 1-.382-.156.526.526 0 0 1-.067-.4l1.751-8.2-3.434 4.511a2.37 2.37 0 0 1-.426.378.838.838 0 0 1-.472.133h-1.167c-.314 0-.531-.17-.65-.51l-1.594-4.712-1.795 8.4a.638.638 0 0 1-.247.4.69.69 0 0 1-.427.156h-2.692Z"/>
+  </g>
+  <defs>
+    <clipPath id="optimism_svg__a">
+      <path fill="#fff" transform="translate(0 4)" d="M0 0h120v16H0z"/>
+    </clipPath>
+  </defs>
+</svg>

icons/networks/logos/shibuya.svg

-<svg viewBox="0 0 53 19" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M4.522 14.154c-.392 0-.793-.033-1.204-.098a7.78 7.78 0 0 1-1.162-.252 4.695 4.695 0 0 1-.98-.42.974.974 0 0 1-.434-.434 1.084 1.084 0 0 1-.098-.56c.028-.187.098-.35.21-.49a.77.77 0 0 1 .448-.28c.187-.047.392-.014.616.098.383.215.798.373 1.246.476.457.103.91.154 1.358.154.681 0 1.167-.103 1.456-.308.29-.215.434-.48.434-.798a.771.771 0 0 0-.308-.644c-.205-.159-.565-.294-1.078-.406l-1.582-.336c-.896-.187-1.563-.504-2.002-.952-.43-.457-.644-1.055-.644-1.792 0-.467.098-.891.294-1.274.196-.383.471-.714.826-.994s.775-.495 1.26-.644a5.6 5.6 0 0 1 1.624-.224c.523 0 1.036.065 1.54.196.504.121.947.303 1.33.546a.845.845 0 0 1 .378.434.9.9 0 0 1 .07.518.77.77 0 0 1-.21.448.76.76 0 0 1-.434.252c-.177.037-.392-.005-.644-.126a3.955 3.955 0 0 0-.98-.35 5.02 5.02 0 0 0-1.064-.112c-.392 0-.728.051-1.008.154-.27.103-.48.247-.63.434-.14.187-.21.401-.21.644 0 .27.098.49.294.658.196.168.537.303 1.022.406l1.582.336c.915.196 1.596.513 2.044.952.448.43.672.999.672 1.708 0 .467-.093.891-.28 1.274a2.763 2.763 0 0 1-.812.966c-.355.27-.78.48-1.274.63-.495.14-1.05.21-1.666.21Zm6.323-.028c-.346 0-.612-.093-.798-.28-.178-.187-.266-.453-.266-.798V5.082c0-.355.088-.62.266-.798.186-.187.452-.28.798-.28.336 0 .592.093.77.28.186.177.28.443.28.798v3.332h-.196c.214-.457.532-.807.952-1.05.43-.252.914-.378 1.456-.378.55 0 1.003.107 1.358.322.354.205.62.523.798.952.177.42.266.957.266 1.61v3.178c0 .345-.094.611-.28.798-.178.187-.439.28-.784.28-.336 0-.598-.093-.784-.28-.178-.187-.266-.453-.266-.798v-3.08c0-.476-.089-.817-.266-1.022-.168-.215-.43-.322-.784-.322-.448 0-.808.14-1.078.42-.262.28-.392.653-.392 1.12v2.884c0 .719-.35 1.078-1.05 1.078Zm8.326-.014c-.345 0-.611-.098-.798-.294-.177-.205-.266-.49-.266-.854V8.176c0-.373.089-.658.266-.854.187-.205.453-.308.798-.308.336 0 .593.103.77.308.187.196.28.48.28.854v4.788c0 .364-.089.649-.266.854-.177.196-.439.294-.784.294Zm0-8.246c-.392 0-.695-.089-.91-.266-.205-.187-.308-.448-.308-.784 0-.345.103-.607.308-.784.215-.187.518-.28.91-.28s.69.093.896.28c.205.177.308.439.308.784 0 .336-.103.597-.308.784-.205.177-.504.266-.896.266Zm6.924 8.288c-.55 0-1.04-.135-1.47-.406a2.01 2.01 0 0 1-.84-1.106l.154-.462v.868c0 .345-.089.611-.266.798-.177.187-.434.28-.77.28s-.597-.093-.784-.28c-.177-.187-.266-.453-.266-.798V5.082c0-.355.089-.62.266-.798.187-.187.453-.28.798-.28.336 0 .593.093.77.28.187.177.28.443.28.798V8.4h-.168c.15-.42.434-.76.854-1.022.42-.261.9-.392 1.442-.392.607 0 1.134.145 1.582.434.448.29.798.7 1.05 1.232s.378 1.167.378 1.904c0 .737-.126 1.377-.378 1.918-.252.541-.607.957-1.064 1.246-.448.29-.97.434-1.568.434Zm-.63-1.582c.299 0 .56-.075.784-.224.233-.15.41-.369.532-.658.13-.299.196-.677.196-1.134 0-.681-.14-1.18-.42-1.498-.28-.327-.644-.49-1.092-.49-.299 0-.565.07-.798.21-.224.14-.401.36-.532.658-.13.29-.196.663-.196 1.12 0 .681.14 1.19.42 1.526.28.327.649.49 1.106.49Zm7.467 1.582c-.579 0-1.06-.107-1.442-.322a1.972 1.972 0 0 1-.854-.966c-.177-.439-.266-.98-.266-1.624V8.078c0-.355.089-.62.266-.798.187-.177.448-.266.784-.266s.597.089.784.266c.187.177.28.443.28.798v3.22c0 .41.084.719.252.924.168.196.434.294.798.294.401 0 .728-.14.98-.42.261-.29.392-.667.392-1.134V8.078c0-.355.089-.62.266-.798.187-.177.448-.266.784-.266.345 0 .607.089.784.266.187.177.28.443.28.798v4.97c0 .719-.34 1.078-1.022 1.078-.336 0-.593-.093-.77-.28-.177-.187-.266-.453-.266-.798v-.938l.21.546c-.205.476-.5.845-.882 1.106-.383.261-.835.392-1.358.392Zm7.6 2.492a.915.915 0 0 1-.602-.196.775.775 0 0 1-.28-.518c-.028-.205.01-.425.112-.658l.938-2.072v.868l-2.478-5.684a1.357 1.357 0 0 1-.098-.672.756.756 0 0 1 .308-.504c.177-.13.42-.196.728-.196.252 0 .452.06.602.182.158.112.303.331.434.658l1.652 4.2H41.4l1.708-4.214c.13-.317.275-.532.434-.644.168-.121.392-.182.672-.182.242 0 .434.065.574.196a.73.73 0 0 1 .266.49c.037.205 0 .43-.112.672l-3.29 7.462c-.14.317-.299.532-.476.644-.168.112-.383.168-.644.168Zm7.776-2.492c-.504 0-.957-.098-1.358-.294a2.321 2.321 0 0 1-.938-.798 1.998 1.998 0 0 1-.336-1.134c0-.504.13-.9.392-1.19.261-.299.686-.509 1.274-.63.588-.13 1.367-.196 2.338-.196h.742v1.092h-.728c-.476 0-.864.028-1.162.084-.29.047-.5.13-.63.252-.121.121-.182.29-.182.504a.85.85 0 0 0 .266.644c.187.168.453.252.798.252.27 0 .508-.06.714-.182.215-.13.383-.303.504-.518.121-.224.182-.476.182-.756v-1.61c0-.41-.093-.7-.28-.868-.187-.177-.504-.266-.952-.266a3.91 3.91 0 0 0-.826.098 5.52 5.52 0 0 0-.966.294c-.205.093-.387.117-.546.07a.69.69 0 0 1-.364-.28.856.856 0 0 1-.126-.448c0-.168.046-.327.14-.476.093-.159.247-.275.462-.35a6.01 6.01 0 0 1 2.31-.462c.718 0 1.306.107 1.764.322a2.12 2.12 0 0 1 1.05.966c.233.43.35.985.35 1.666v3.108c0 .345-.084.611-.252.798-.168.187-.41.28-.728.28-.317 0-.565-.093-.742-.28-.168-.187-.252-.453-.252-.798v-.518l.098.084a1.799 1.799 0 0 1-1.05 1.358 2.41 2.41 0 0 1-.966.182Z" fill="#000"/>
+<svg viewBox="0 0 80 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M6.023 18.135c-.608 0-1.23-.051-1.867-.152a12.049 12.049 0 0 1-1.803-.391 7.28 7.28 0 0 1-1.52-.652c-.318-.173-.543-.398-.673-.673a1.68 1.68 0 0 1-.152-.868c.043-.29.152-.543.326-.76.188-.232.42-.377.695-.435.29-.072.608-.022.955.152.594.333 1.238.58 1.933.739.71.159 1.411.238 2.106.238 1.057 0 1.81-.159 2.259-.477.448-.333.673-.746.673-1.238 0-.42-.16-.753-.478-1-.319-.245-.876-.455-1.672-.629l-2.454-.521c-1.39-.29-2.425-.782-3.105-1.477-.666-.71-1-1.636-1-2.78 0-.723.153-1.382.457-1.975a4.656 4.656 0 0 1 1.281-1.542 5.934 5.934 0 0 1 1.954-1 8.685 8.685 0 0 1 2.52-.347c.81 0 1.606.102 2.388.304.782.189 1.47.471 2.063.847.29.174.485.398.586.674.116.26.152.528.109.803-.029.26-.137.492-.326.695a1.18 1.18 0 0 1-.673.39c-.275.059-.608-.006-.999-.195a6.135 6.135 0 0 0-1.52-.543 7.788 7.788 0 0 0-1.65-.173c-.608 0-1.13.08-1.564.239-.42.159-.745.383-.977.673a1.62 1.62 0 0 0-.326.999c0 .42.152.76.456 1.02.304.26.833.47 1.585.63l2.454.521c1.42.304 2.476.796 3.17 1.477.696.666 1.043 1.549 1.043 2.65 0 .723-.145 1.382-.434 1.975-.29.58-.71 1.079-1.26 1.499-.55.42-1.208.745-1.976.977-.767.217-1.628.326-2.584.326ZM15.83 18.091c-.535 0-.948-.145-1.237-.434-.275-.29-.413-.702-.413-1.238V4.063c0-.55.138-.963.413-1.238.29-.29.702-.434 1.237-.434.522 0 .92.145 1.195.434.29.275.434.688.434 1.238v5.168h-.304a3.591 3.591 0 0 1 1.477-1.628c.666-.391 1.418-.587 2.258-.587.854 0 1.556.167 2.107.5.55.318.962.81 1.237 1.476.275.652.413 1.484.413 2.498v4.93c0 .535-.145.947-.434 1.237-.276.29-.68.434-1.216.434-.522 0-.927-.145-1.217-.434-.275-.29-.412-.702-.412-1.238v-4.777c0-.739-.138-1.267-.413-1.585-.26-.334-.666-.5-1.216-.5-.695 0-1.252.217-1.672.652-.405.434-.608 1.013-.608 1.737v4.473c0 1.115-.543 1.672-1.629 1.672ZM28.745 18.07c-.536 0-.948-.152-1.238-.457-.275-.318-.412-.76-.412-1.324V8.862c0-.579.137-1.02.412-1.325.29-.318.702-.477 1.238-.477.521 0 .92.159 1.194.477.29.304.435.746.435 1.325v7.427c0 .564-.138 1.006-.413 1.324-.275.305-.68.457-1.216.457Zm0-12.791c-.608 0-1.078-.137-1.411-.413-.319-.29-.478-.694-.478-1.216 0-.535.16-.94.478-1.216.333-.29.803-.434 1.411-.434s1.072.145 1.39.434c.318.275.478.68.478 1.216 0 .522-.16.927-.478 1.216-.319.276-.782.413-1.39.413ZM39.485 18.135c-.854 0-1.614-.21-2.28-.63-.651-.434-1.086-1.006-1.303-1.716l.239-.716v1.346c0 .536-.137.948-.413 1.238-.275.29-.673.434-1.194.434-.521 0-.926-.145-1.216-.434-.275-.29-.413-.702-.413-1.238V4.063c0-.55.138-.963.413-1.238.29-.29.702-.434 1.238-.434.52 0 .92.145 1.194.434.29.275.434.688.434 1.238V9.21h-.26c.232-.652.673-1.18 1.325-1.586.651-.405 1.396-.608 2.236-.608.941 0 1.76.225 2.454.673.695.45 1.238 1.086 1.629 1.911.39.826.586 1.81.586 2.954 0 1.143-.195 2.135-.586 2.975-.391.84-.941 1.484-1.65 1.933-.696.448-1.506.673-2.433.673Zm-.977-2.454a2.14 2.14 0 0 0 1.216-.348c.362-.231.637-.572.825-1.02.203-.464.304-1.05.304-1.76 0-1.056-.217-1.83-.651-2.323-.434-.507-1-.76-1.694-.76-.463 0-.876.109-1.238.326-.347.217-.622.557-.825 1.02-.203.45-.304 1.028-.304 1.738 0 1.057.217 1.846.651 2.367.435.506 1.007.76 1.716.76ZM50.09 18.135c-.898 0-1.643-.167-2.237-.5-.593-.333-1.035-.832-1.324-1.498-.275-.68-.413-1.52-.413-2.52V8.71c0-.55.138-.963.413-1.238.29-.275.695-.412 1.216-.412.52 0 .926.137 1.216.412.29.275.434.688.434 1.238v4.995c0 .637.13 1.114.391 1.433.26.304.673.456 1.238.456.622 0 1.129-.217 1.52-.651.405-.45.608-1.036.608-1.76V8.71c0-.55.137-.963.413-1.238.289-.275.694-.412 1.216-.412.535 0 .94.137 1.216.412.29.275.434.688.434 1.238v7.71c0 1.114-.528 1.671-1.585 1.671-.521 0-.92-.145-1.195-.434-.275-.29-.412-.702-.412-1.238v-1.455l.326.847c-.319.738-.775 1.31-1.369 1.716-.593.405-1.295.608-2.106.608ZM61.878 22c-.376 0-.688-.101-.934-.304a1.202 1.202 0 0 1-.434-.804c-.043-.318.015-.658.174-1.02l1.455-3.214v1.346l-3.844-8.816c-.145-.377-.195-.724-.152-1.043.058-.332.217-.593.478-.781.275-.203.651-.304 1.129-.304.39 0 .702.094.934.282.246.174.47.514.673 1.02l2.562 6.515h-.694l2.649-6.536c.203-.492.427-.825.673-.999.26-.188.608-.282 1.042-.282.377 0 .674.101.89.304.232.188.37.441.413.76.058.318 0 .666-.173 1.042l-5.104 11.575c-.217.492-.463.825-.738.998-.26.174-.594.261-.999.261ZM73.94 18.135c-.782 0-1.484-.152-2.107-.456-.622-.304-1.107-.717-1.455-1.238a3.1 3.1 0 0 1-.52-1.76c0-.78.202-1.396.607-1.845.406-.463 1.064-.789 1.976-.977.912-.203 2.121-.304 3.627-.304h1.15v1.694H76.09c-.739 0-1.34.043-1.803.13-.449.072-.774.203-.977.39-.188.189-.282.45-.282.783 0 .405.137.738.412.998.29.261.702.391 1.238.391.42 0 .79-.094 1.108-.282.333-.203.593-.47.781-.803.189-.348.283-.739.283-1.173v-2.497c0-.637-.145-1.086-.435-1.347-.29-.275-.781-.412-1.476-.412-.391 0-.818.05-1.281.152a8.579 8.579 0 0 0-1.499.456c-.318.145-.6.18-.847.108a1.071 1.071 0 0 1-.564-.434 1.328 1.328 0 0 1-.196-.695c0-.26.072-.507.217-.738.145-.246.384-.427.717-.543a9.323 9.323 0 0 1 1.91-.565 10.234 10.234 0 0 1 1.673-.152c1.115 0 2.027.167 2.736.5a3.288 3.288 0 0 1 1.629 1.498c.362.666.543 1.527.543 2.584v4.821c0 .536-.13.948-.391 1.238-.26.29-.637.434-1.13.434-.492 0-.875-.145-1.15-.434-.26-.29-.391-.702-.391-1.238v-.803l.152.13a2.79 2.79 0 0 1-1.629 2.106c-.434.189-.934.283-1.498.283Z" fill="#222239"/>
 </svg>

icons/networks/logos/shiden-dark.svg

+<svg viewBox="0 0 88 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g clip-path="url(#shiden-dark_svg__a)">
+    <path d="M14.928 5.198C12.938 5.765 10 6.95 7.312 9.38c-2.704 2.544-.868 4.813-.85 4.835 0 0-.99-1.826 1.406-4.078.03-.026 3.089-2.668 7.537-3.935.567-.161 1.14-.296 1.704-.4l.04-.007.715-1.16-.175.012c-.012.001-1.13.085-2.761.55Z" fill="#5928B1"/>
+    <path d="M17.99 1.945c-.459-.386-.917-.691-.921-.694l-.028-.018-.032.004c-.013.001-1.247.153-2.948.638-3.043.866-7.135 2.644-9.35 6.187-1.053 1.61-.206 3.536-.206 3.536l-.025-.49c-.003-.052-.149-5.245 10.495-8.277.932-.266 1.933-.51 2.975-.728l.183-.038-.144-.12Z" fill="#764BC4"/>
+    <path d="M18.633 2.623c-.014.001-1.414.15-3.365.706-2.065.588-5.07 1.729-7.667 3.821-1.53 1.19-2.5 2.624-2.658 3.937-.078.64.673 2 .673 2l-.158-.483c-.007-.022-.678-2.222 2.721-4.774 1.905-1.43 3.89-2.41 6.247-3.08 1.215-.347 2.379-.574 3.665-.815l.046-.008.02-.042c.097-.208.56-1.121.565-1.13l.075-.149-.164.017Z" fill="#764BC4"/>
+    <path d="M3.756 9.301c.128-2.06 1.689-3.965 4.643-5.662a20.201 20.201 0 0 1 5.17-2.269c1.59-.453 2.935-.588 2.935-.588L15.424 0c-.01.001-1.007.124-2.43.53-9.13 2.6-10.261 7.08-10.16 8.882.177 3.14 3.875 5.374 3.875 5.374S3.565 12.372 3.756 9.3Z" fill="#BBA5E1"/>
+    <path d="M3.87 18.802c1.99-.567 4.926-1.752 7.615-4.183 2.704-2.544.869-4.813.85-4.835 0 0 .99 1.827-1.406 4.078-.03.026-3.089 2.668-7.537 3.935-.567.161-1.14.296-1.704.4l-.04.007-.715 1.16.175-.012c.012-.001 1.13-.085 2.761-.55Z" fill="#5928B1"/>
+    <path d="M.808 22.055c.458.386.916.69.92.694l.028.018.032-.004c.013-.002 1.247-.154 2.948-.638 3.043-.867 7.135-2.644 9.35-6.188 1.053-1.61.206-3.535.206-3.535l.025.49c.003.052.149 5.245-10.495 8.277-.932.265-1.933.51-2.975.728l-.182.038.143.12Z" fill="#764BC4"/>
+    <path d="M.164 21.377c.014-.002 1.414-.15 3.365-.706 2.065-.588 5.071-1.73 7.667-3.822 1.53-1.189 2.5-2.623 2.658-3.936.078-.64-.673-2-.673-2l.158.483c.007.022.678 2.222-2.721 4.774-1.905 1.43-3.89 2.41-6.246 3.08-1.215.346-2.38.574-3.666.814l-.046.009-.02.042c-.096.208-.56 1.121-.565 1.13L0 21.394l.164-.017Z" fill="#764BC4"/>
+    <path d="M15.041 14.699c-.128 2.06-1.689 3.965-4.643 5.661a20.204 20.204 0 0 1-5.17 2.27c-1.59.453-2.935.588-2.935.588L3.374 24c.01-.001 1.006-.124 2.43-.53 9.13-2.6 10.26-7.08 10.16-8.882-.177-3.14-3.875-5.374-3.875-5.374s3.143 2.414 2.952 5.485Z" fill="#BBA5E1"/>
+    <path d="M34.505 14.401c0 .38-.049.724-.147 1.03a3.074 3.074 0 0 1-.385.805c-.159.232-.346.43-.56.593a3.284 3.284 0 0 1-.662.402 3.347 3.347 0 0 1-1.366.304h-7.486v-1.93h7.485c.374 0 .664-.11.87-.329.206-.218.309-.51.309-.875 0-.177-.028-.34-.083-.49a1.114 1.114 0 0 0-.233-.387 1.037 1.037 0 0 0-.375-.25 1.291 1.291 0 0 0-.488-.09H26.92a3.45 3.45 0 0 1-1.012-.167 3.087 3.087 0 0 1-1.013-.539 2.968 2.968 0 0 1-.777-.973c-.205-.401-.308-.891-.308-1.47s.103-1.068.308-1.467c.208-.4.467-.723.777-.973.312-.249.65-.43 1.013-.541a3.45 3.45 0 0 1 1.012-.168h6.607v1.93H26.92c-.367 0-.653.111-.86.335-.207.222-.311.517-.311.884 0 .372.104.665.312.881.206.213.492.32.86.32H31.4a3.342 3.342 0 0 1 1.36.33c.231.107.452.245.662.412.208.164.393.363.554.595.164.235.292.502.386.802.095.302.143.644.143 1.026Zm3.566-7.515v4.35h6.814v-4.35h1.94v10.65h-1.94v-4.351h-6.814v4.35h-1.939V6.885h1.94Zm12.978 0v10.65h-1.942V6.885h1.942Zm12.947 4.455v1.74c0 .648-.114 1.244-.34 1.79a4.241 4.241 0 0 1-.937 1.406c-.397.393-.87.701-1.417.925a4.707 4.707 0 0 1-1.783.333H54.28a.968.968 0 0 1-.7-.279.929.929 0 0 1-.204-.307 1.003 1.003 0 0 1-.073-.387V7.858a.979.979 0 0 1 .277-.69.943.943 0 0 1 .312-.21c.119-.048.248-.072.388-.072h5.238c.641 0 1.236.112 1.783.335.548.222 1.02.53 1.417.923.4.395.711.866.936 1.413.227.547.34 1.141.34 1.784Zm-1.94 1.74v-1.74c0-.376-.06-.72-.184-1.03a2.222 2.222 0 0 0-.519-.799A2.293 2.293 0 0 0 60.551 9a2.785 2.785 0 0 0-1.032-.184h-4.276v6.79h4.276c.378 0 .722-.06 1.032-.183.312-.12.58-.292.802-.514.225-.22.398-.483.52-.792.122-.31.184-.656.184-1.036Zm12.642-1.845v1.949h-6.126v-1.949h6.126Zm.872 4.37v1.93h-6.998c-.27 0-.564-.048-.883-.143a2.543 2.543 0 0 1-.881-.463 2.614 2.614 0 0 1-.682-.84c-.18-.344-.27-.765-.27-1.264V7.858a.977.977 0 0 1 .589-.9c.118-.048.248-.072.388-.072h8.737v1.93h-7.776v6.01c0 .251.067.444.201.577.136.135.334.202.592.202h6.983Zm12.568-8.72v9.825a.982.982 0 0 1-.077.387c-.053.118-.123.22-.21.307a.978.978 0 0 1-.69.279c-.12 0-.24-.022-.364-.067a.855.855 0 0 1-.325-.215l-7.087-7.367v7.5h-1.94V7.71c0-.198.056-.378.166-.538.113-.16.256-.28.43-.358a.967.967 0 0 1 1.066.215l7.092 7.358v-7.5h1.939Z" fill="#fff"/>
+  </g>
+  <defs>
+    <clipPath id="shiden-dark_svg__a">
+      <path fill="#fff" d="M0 0h88v24H0z"/>
+    </clipPath>
+  </defs>
+</svg>

icons/networks/logos/shiden.svg

-<svg viewBox="0 0 74 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M12.44 4.331c-1.658.473-4.105 1.461-6.347 3.487-2.253 2.12-.723 4.01-.708 4.03 0 0-.825-1.523 1.172-3.4.025-.021 2.574-2.223 6.28-3.278.473-.135.95-.247 1.42-.334l.033-.006.597-.967-.146.01c-.01.001-.941.071-2.301.458Z" fill="#5928B1"/>
-  <path d="M14.991 1.62c-.382-.32-.763-.575-.767-.578l-.023-.015-.027.004c-.01 0-1.04.127-2.457.531-2.535.722-5.945 2.204-7.792 5.157-.877 1.34-.17 2.946-.17 2.946l-.022-.409c-.002-.043-.123-4.37 8.746-6.897.777-.221 1.61-.425 2.48-.607l.151-.031-.119-.1Z" fill="#764BC4"/>
-  <path d="M15.527 2.186c-.011.001-1.178.125-2.804.588-1.72.49-4.225 1.441-6.389 3.185-1.275.99-2.083 2.186-2.215 3.28-.065.534.561 1.667.561 1.667l-.132-.403c-.006-.018-.565-1.851 2.268-3.978 1.587-1.192 3.241-2.008 5.205-2.567 1.013-.288 1.983-.478 3.055-.678l.038-.007.016-.035c.081-.174.468-.935.472-.942l.062-.124-.137.014Z" fill="#764BC4"/>
-  <path d="M3.13 7.751c.107-1.717 1.407-3.304 3.869-4.718a16.835 16.835 0 0 1 4.31-1.891 15.596 15.596 0 0 1 2.444-.49l-.9-.652c-.009.001-.839.103-2.025.441C3.22 2.608 2.278 6.342 2.36 7.843c.148 2.617 3.23 4.479 3.23 4.479s-2.62-2.012-2.46-4.57Z" fill="#BBA5E1"/>
-  <path d="M3.224 15.67c1.659-.473 4.106-1.462 6.347-3.487 2.253-2.12.724-4.01.708-4.03 0 0 .825 1.523-1.171 3.399-.026.022-2.574 2.223-6.281 3.279-.473.135-.95.247-1.42.333l-.033.006-.597.967.147-.01c.009 0 .94-.07 2.3-.458Z" fill="#5928B1"/>
-  <path d="M.673 18.38c.382.32.763.575.767.578l.023.015.027-.004c.01 0 1.04-.128 2.457-.531 2.535-.723 5.945-2.204 7.792-5.157.877-1.341.171-2.946.171-2.946l.021.408c.003.044.124 4.371-8.746 6.898-.777.221-1.61.425-2.48.606l-.151.032.12.1Z" fill="#764BC4"/>
-  <path d="M.137 17.814c.011-.002 1.178-.126 2.804-.589 1.72-.49 4.226-1.44 6.389-3.184 1.276-.991 2.083-2.187 2.215-3.28.065-.534-.56-1.667-.56-1.667l.13.402c.007.019.566 1.852-2.267 3.979-1.587 1.191-3.241 2.007-5.205 2.567-1.012.288-1.983.477-3.055.678l-.038.007-.016.035c-.081.174-.467.934-.471.942L0 17.828l.137-.014Z" fill="#764BC4"/>
-  <path d="M12.534 12.25c-.107 1.717-1.407 3.304-3.869 4.717a16.84 16.84 0 0 1-4.309 1.892 15.76 15.76 0 0 1-2.445.49l.9.651a14.67 14.67 0 0 0 2.026-.44c7.607-2.168 8.55-5.902 8.466-7.403-.147-2.617-3.23-4.478-3.23-4.478s2.62 2.011 2.461 4.57Z" fill="#BBA5E1"/>
-  <path d="M28.754 12.002c0 .316-.04.602-.122.858a2.562 2.562 0 0 1-.32.67 2.11 2.11 0 0 1-.468.494 2.74 2.74 0 0 1-.552.336 2.79 2.79 0 0 1-1.138.253h-6.238v-1.608h6.238c.311 0 .553-.092.724-.275.172-.181.258-.424.258-.729 0-.147-.023-.284-.07-.409a.864.864 0 0 0-.507-.53 1.074 1.074 0 0 0-.405-.074h-3.72c-.26 0-.542-.047-.844-.14a2.574 2.574 0 0 1-.844-.45 2.475 2.475 0 0 1-.647-.81c-.172-.334-.258-.743-.258-1.225 0-.482.086-.89.258-1.223.173-.332.389-.602.647-.81.26-.208.542-.358.844-.452.302-.093.584-.14.844-.14h5.506v1.608h-5.506c-.306 0-.545.094-.717.28-.173.185-.26.43-.26.737 0 .31.087.554.26.734.172.178.41.267.717.267h3.733a2.786 2.786 0 0 1 1.133.275c.193.09.377.204.552.343.173.137.327.302.462.496.136.195.243.418.32.668.08.252.12.537.12.855Zm2.972-6.264v3.626h5.678V5.738h1.616v8.875h-1.616v-3.625h-5.678v3.625H30.11V5.738h1.616Zm10.815 0v8.875h-1.618V5.738h1.618ZM53.33 9.451v1.45a3.84 3.84 0 0 1-.284 1.491 3.536 3.536 0 0 1-.78 1.173 3.591 3.591 0 0 1-1.18.77 3.923 3.923 0 0 1-1.487.278h-4.365a.805.805 0 0 1-.584-.232.776.776 0 0 1-.17-.257.838.838 0 0 1-.06-.322V6.55a.817.817 0 0 1 .23-.576.786.786 0 0 1 .584-.235H49.6c.535 0 1.03.094 1.486.28.457.185.85.441 1.181.769a3.5 3.5 0 0 1 .78 1.177c.19.456.284.952.284 1.487Zm-1.616 1.45V9.45c0-.313-.051-.6-.154-.858a1.85 1.85 0 0 0-.432-.666 1.91 1.91 0 0 0-.669-.427 2.32 2.32 0 0 0-.86-.154h-3.563v5.659h3.563c.315 0 .602-.051.86-.153.26-.1.483-.243.669-.428.187-.183.332-.403.432-.66a2.32 2.32 0 0 0 .154-.864Zm10.534-1.537v1.624h-5.105V9.364h5.105Zm.727 3.64v1.609h-5.832c-.225 0-.47-.04-.735-.119a2.119 2.119 0 0 1-.735-.385 2.178 2.178 0 0 1-.568-.7c-.15-.287-.225-.638-.225-1.054V6.55a.815.815 0 0 1 .233-.576.792.792 0 0 1 .581-.235h7.281v1.608h-6.48v5.01c0 .209.056.369.168.48.113.113.278.169.493.169h5.82Zm10.473-7.266v8.188a.82.82 0 0 1-.064.323.842.842 0 0 1-.175.256.816.816 0 0 1-.575.232.89.89 0 0 1-.303-.055.711.711 0 0 1-.27-.18l-5.907-6.139v6.25h-1.616V6.425c0-.166.046-.315.138-.449a.862.862 0 0 1 .358-.298.805.805 0 0 1 .889.18l5.91 6.13v-6.25h1.615Z" fill="#5928B1"/>
+<svg viewBox="0 0 88 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g clip-path="url(#shiden_svg__a)">
+    <path d="M14.928 5.198C12.938 5.765 10 6.95 7.312 9.38c-2.704 2.544-.868 4.813-.85 4.835 0 0-.99-1.826 1.406-4.078.03-.026 3.089-2.668 7.537-3.935.567-.161 1.14-.296 1.704-.4l.04-.007.715-1.16-.175.012c-.012.001-1.13.085-2.761.55Z" fill="#5928B1"/>
+    <path d="M17.99 1.945c-.459-.386-.917-.691-.921-.694l-.028-.018-.032.004c-.013.001-1.247.153-2.948.638-3.043.866-7.135 2.644-9.35 6.187-1.053 1.61-.206 3.536-.206 3.536l-.025-.49c-.003-.052-.149-5.245 10.495-8.277.932-.266 1.933-.51 2.975-.728l.183-.038-.144-.12Z" fill="#764BC4"/>
+    <path d="M18.633 2.623c-.014.001-1.414.15-3.365.706-2.065.588-5.07 1.729-7.667 3.821-1.53 1.19-2.5 2.624-2.658 3.937-.078.64.673 2 .673 2l-.158-.483c-.007-.022-.678-2.222 2.721-4.774 1.905-1.43 3.89-2.41 6.247-3.08 1.215-.347 2.379-.574 3.665-.815l.046-.008.02-.042c.097-.208.56-1.121.565-1.13l.075-.149-.164.017Z" fill="#764BC4"/>
+    <path d="M3.756 9.301c.128-2.06 1.689-3.965 4.643-5.662a20.201 20.201 0 0 1 5.17-2.269c1.59-.453 2.935-.588 2.935-.588L15.424 0c-.01.001-1.007.124-2.43.53-9.13 2.6-10.261 7.08-10.16 8.882.177 3.14 3.875 5.374 3.875 5.374S3.565 12.372 3.756 9.3Z" fill="#BBA5E1"/>
+    <path d="M3.87 18.802c1.99-.567 4.926-1.752 7.615-4.183 2.704-2.544.869-4.813.85-4.835 0 0 .99 1.827-1.406 4.078-.03.026-3.089 2.668-7.537 3.935-.567.161-1.14.296-1.704.4l-.04.007-.715 1.16.175-.012c.012-.001 1.13-.085 2.761-.55Z" fill="#5928B1"/>
+    <path d="M.808 22.055c.458.386.916.69.92.694l.028.018.032-.004c.013-.002 1.247-.154 2.948-.638 3.043-.867 7.135-2.644 9.35-6.188 1.053-1.61.206-3.535.206-3.535l.025.49c.003.052.149 5.245-10.495 8.277-.932.265-1.933.51-2.975.728l-.182.038.143.12Z" fill="#764BC4"/>
+    <path d="M.164 21.377c.014-.002 1.414-.15 3.365-.706 2.065-.588 5.071-1.73 7.667-3.822 1.53-1.189 2.5-2.623 2.658-3.936.078-.64-.673-2-.673-2l.158.483c.007.022.678 2.222-2.721 4.774-1.905 1.43-3.89 2.41-6.246 3.08-1.215.346-2.38.574-3.666.814l-.046.009-.02.042c-.096.208-.56 1.121-.565 1.13L0 21.394l.164-.017Z" fill="#764BC4"/>
+    <path d="M15.041 14.699c-.128 2.06-1.689 3.965-4.643 5.661a20.204 20.204 0 0 1-5.17 2.27c-1.59.453-2.935.588-2.935.588L3.374 24c.01-.001 1.006-.124 2.43-.53 9.13-2.6 10.26-7.08 10.16-8.882-.177-3.14-3.875-5.374-3.875-5.374s3.143 2.414 2.952 5.485Z" fill="#BBA5E1"/>
+    <path d="M34.505 14.401c0 .38-.049.724-.147 1.03a3.074 3.074 0 0 1-.385.805c-.159.232-.346.43-.56.593a3.284 3.284 0 0 1-.662.402 3.347 3.347 0 0 1-1.366.304h-7.486v-1.93h7.485c.374 0 .664-.11.87-.329.206-.218.309-.51.309-.875 0-.177-.028-.34-.083-.49a1.114 1.114 0 0 0-.233-.387 1.037 1.037 0 0 0-.375-.25 1.291 1.291 0 0 0-.488-.09H26.92a3.45 3.45 0 0 1-1.012-.167 3.087 3.087 0 0 1-1.013-.539 2.968 2.968 0 0 1-.777-.973c-.205-.401-.308-.891-.308-1.47s.103-1.068.308-1.467c.208-.4.467-.723.777-.973.312-.249.65-.43 1.013-.541a3.45 3.45 0 0 1 1.012-.168h6.607v1.93H26.92c-.367 0-.653.111-.86.335-.207.222-.311.517-.311.884 0 .372.104.665.312.881.206.213.492.32.86.32H31.4a3.342 3.342 0 0 1 1.36.33c.231.107.452.245.662.412.208.164.393.363.554.595.164.235.292.502.386.802.095.302.143.644.143 1.026Zm3.566-7.515v4.35h6.814v-4.35h1.94v10.65h-1.94v-4.351h-6.814v4.35h-1.939V6.885h1.94Zm12.978 0v10.65h-1.942V6.885h1.942Zm12.947 4.455v1.74c0 .648-.114 1.244-.34 1.79a4.241 4.241 0 0 1-.937 1.406c-.397.393-.87.701-1.417.925a4.707 4.707 0 0 1-1.783.333H54.28a.968.968 0 0 1-.7-.279.929.929 0 0 1-.204-.307 1.003 1.003 0 0 1-.073-.387V7.858a.979.979 0 0 1 .277-.69.943.943 0 0 1 .312-.21c.119-.048.248-.072.388-.072h5.238c.641 0 1.236.112 1.783.335.548.222 1.02.53 1.417.923.4.395.711.866.936 1.413.227.547.34 1.141.34 1.784Zm-1.94 1.74v-1.74c0-.376-.06-.72-.184-1.03a2.222 2.222 0 0 0-.519-.799A2.293 2.293 0 0 0 60.551 9a2.785 2.785 0 0 0-1.032-.184h-4.276v6.79h4.276c.378 0 .722-.06 1.032-.183.312-.12.58-.292.802-.514.225-.22.398-.483.52-.792.122-.31.184-.656.184-1.036Zm12.642-1.845v1.949h-6.126v-1.949h6.126Zm.872 4.37v1.93h-6.998c-.27 0-.564-.048-.883-.143a2.543 2.543 0 0 1-.881-.463 2.614 2.614 0 0 1-.682-.84c-.18-.344-.27-.765-.27-1.264V7.858a.977.977 0 0 1 .589-.9c.118-.048.248-.072.388-.072h8.737v1.93h-7.776v6.01c0 .251.067.444.201.577.136.135.334.202.592.202h6.983Zm12.568-8.72v9.825a.982.982 0 0 1-.077.387c-.053.118-.123.22-.21.307a.978.978 0 0 1-.69.279c-.12 0-.24-.022-.364-.067a.855.855 0 0 1-.325-.215l-7.087-7.367v7.5h-1.94V7.71c0-.198.056-.378.166-.538.113-.16.256-.28.43-.358a.967.967 0 0 1 1.066.215l7.092 7.358v-7.5h1.939Z" fill="#5928B1"/>
+  </g>
+  <defs>
+    <clipPath id="shiden_svg__a">
+      <path fill="#fff" d="M0 0h88v24H0z"/>
+    </clipPath>
+  </defs>
 </svg>

lib/networks/featuredNetworks.ts

@@ -114,7 +114,7 @@ import ASSETS from 'lib/networks/networkAssets';
 const featuredNetworks: Array<FeaturedNetwork> = (() => {
   return appConfig.featuredNetworks.map((network) => ({
     ...network,
-    icon: network.icon || (network.type ? ASSETS[network.type]?.icon : undefined),
+    icon: network.icon || (network.type ? ASSETS[network.type]?.smallLogo : undefined),
   }));
 })();
 

lib/networks/networkAssets.ts

@@ -4,115 +4,148 @@ import type { PreDefinedNetwork } from 'types/networks';
 
 import arbitrumIcon from 'icons/networks/icons/arbitrum.svg';
 import artisIcon from 'icons/networks/icons/artis.svg';
+import astarIcon from 'icons/networks/icons/astar.svg';
 import baseIcon from 'icons/networks/icons/base.svg';
 import ethereumClassicIcon from 'icons/networks/icons/ethereum-classic.svg';
 import ethereumIcon from 'icons/networks/icons/ethereum.svg';
 import gnosisIcon from 'icons/networks/icons/gnosis.svg';
 import goerliIcon from 'icons/networks/icons/goerli.svg';
 import liFiIcon from 'icons/networks/icons/li-fi.svg';
+import luksoIcon from 'icons/networks/icons/lukso.svg';
 import optimismIcon from 'icons/networks/icons/optimism.svg';
+import smallLogoPlaceholder from 'icons/networks/icons/placeholder.svg';
 import poaSokolIcon from 'icons/networks/icons/poa-sokol.svg';
 import poaIcon from 'icons/networks/icons/poa.svg';
 import rootstockIcon from 'icons/networks/icons/rootstock.svg';
 import rskIcon from 'icons/networks/icons/rsk.svg';
+import shibuyaIcon from 'icons/networks/icons/shibuya.svg';
+import shidenIcon from 'icons/networks/icons/shiden.svg';
+import tombscoutIconDark from 'icons/networks/icons/tombscout-dark.svg';
+import tombscoutIcon from 'icons/networks/icons/tombscout.svg';
 import zetachainIcon from 'icons/networks/icons/zetachain.svg';
 import artisLogo from 'icons/networks/logos/artis.svg';
+import astarLogoDark from 'icons/networks/logos/astar-dark.svg';
 import astarLogo from 'icons/networks/logos/astar.svg';
 import baseLogo from 'icons/networks/logos/base.svg';
+import logoPlaceholder from 'icons/networks/logos/blockscout.svg';
 import etcLogo from 'icons/networks/logos/etc.svg';
 import ethLogo from 'icons/networks/logos/eth.svg';
 import gnosisLogo from 'icons/networks/logos/gnosis.svg';
 import goerliLogo from 'icons/networks/logos/goerli.svg';
 import liFiLogo from 'icons/networks/logos/li-fi.svg';
 import luksoLogo from 'icons/networks/logos/lukso.svg';
+import optimismLogo from 'icons/networks/logos/optimism.svg';
 import poaLogo from 'icons/networks/logos/poa.svg';
 import rootstockLogo from 'icons/networks/logos/rootstock.svg';
 import rskLogo from 'icons/networks/logos/rsk.svg';
 import shibuyaLogo from 'icons/networks/logos/shibuya.svg';
+import shidenLogoDark from 'icons/networks/logos/shiden-dark.svg';
 import shidenLogo from 'icons/networks/logos/shiden.svg';
 import sokolLogo from 'icons/networks/logos/sokol.svg';
+import tombscoutLogoDark from 'icons/networks/logos/tombscout-dark.svg';
+import tombscoutLogo from 'icons/networks/logos/tombscout.svg';
 import zetachainLogo from 'icons/networks/logos/zetachain.svg';
 
 interface NetworkAssets {
-  icon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-  logo?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-  smallLogo?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+  logo: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+  logoDark?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+  smallLogo: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+  smallLogoDark?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
 }
 
-const networkAssets: Partial<Record<PreDefinedNetwork, NetworkAssets>> = {
+const networkAssets: Record<PreDefinedNetwork | 'fallback', NetworkAssets> = {
+  fallback: {
+    smallLogo: smallLogoPlaceholder,
+    logo: logoPlaceholder,
+  },
   gnosis: {
-    icon: gnosisIcon,
+    smallLogo: gnosisIcon,
     logo: gnosisLogo,
   },
   xdai_mainnet: {
-    icon: gnosisIcon,
+    smallLogo: gnosisIcon,
     logo: gnosisLogo,
   },
-  xdai_optimism: {
-    icon: optimismIcon,
-  },
-  xdai_aox: {
-    icon: arbitrumIcon,
-  },
   eth_mainnet: {
-    icon: ethereumIcon,
+    smallLogo: ethereumIcon,
     logo: ethLogo,
   },
   etc_mainnet: {
-    icon: ethereumClassicIcon,
+    smallLogo: ethereumClassicIcon,
     logo: etcLogo,
   },
   poa_core: {
-    icon: poaIcon,
+    smallLogo: poaIcon,
     logo: poaLogo,
   },
   rsk_mainnet: {
-    icon: rskIcon,
+    smallLogo: rskIcon,
     logo: rskLogo,
   },
   xdai_testnet: {
-    icon: arbitrumIcon,
+    smallLogo: arbitrumIcon,
     logo: gnosisLogo,
   },
   poa_sokol: {
-    icon: poaSokolIcon,
+    smallLogo: poaSokolIcon,
     logo: sokolLogo,
   },
   artis_sigma1: {
-    icon: artisIcon,
+    smallLogo: artisIcon,
     logo: artisLogo,
   },
   lukso_l14: {
+    smallLogo: luksoIcon,
+    smallLogoDark: luksoIcon,
     logo: luksoLogo,
   },
   astar: {
     logo: astarLogo,
+    logoDark: astarLogoDark,
+    smallLogo: astarIcon,
+    smallLogoDark: astarIcon,
   },
   shiden: {
     logo: shidenLogo,
+    logoDark: shidenLogoDark,
+    smallLogo: shidenIcon,
+    smallLogoDark: shidenIcon,
   },
   shibuya: {
     logo: shibuyaLogo,
+    smallLogo: shibuyaIcon,
   },
   goerli: {
     logo: goerliLogo,
-    icon: goerliIcon,
+    smallLogo: goerliIcon,
   },
   base_goerli: {
     logo: baseLogo,
-    icon: baseIcon,
+    smallLogo: baseIcon,
   },
   zetachain: {
     logo: zetachainLogo,
-    icon: zetachainIcon,
+    smallLogo: zetachainIcon,
   },
   rootstock: {
     logo: rootstockLogo,
-    icon: rootstockIcon,
+    smallLogo: rootstockIcon,
   },
   'li-fi': {
     logo: liFiLogo,
-    icon: liFiIcon,
+    smallLogo: liFiIcon,
+  },
+  tombscout: {
+    logo: tombscoutLogo,
+    logoDark: tombscoutLogoDark,
+    smallLogo: tombscoutIcon,
+    smallLogoDark: tombscoutIconDark,
+  },
+  optimism: {
+    logo: optimismLogo,
+    logoDark: optimismLogo,
+    smallLogo: optimismIcon,
+    smallLogoDark: optimismIcon,
   },
 };
 

mocks/config/network.ts

@@ -2,7 +2,6 @@ import type { FeaturedNetwork } from 'types/networks';
 
 const FEATURED_NETWORKS: Array<FeaturedNetwork> = [
   { title: 'Gnosis Chain', url: 'https://blockscout.com/xdai/mainnet', group: 'mainnets', type: 'xdai_mainnet' },
-  { title: 'Optimism on Gnosis Chain', url: 'https://blockscout.com/xdai/optimism', group: 'mainnets', type: 'xdai_optimism' },
   { title: 'Arbitrum on xDai', url: 'https://blockscout.com/xdai/aox', group: 'mainnets' },
   { title: 'Ethereum', url: 'https://blockscout.com/eth/mainnet', group: 'mainnets', type: 'eth_mainnet' },
   { title: 'Ethereum Classic', url: 'https://blockscout.com/etx/mainnet', group: 'mainnets', type: 'etc_mainnet', icon: 'https://example.com/my-logo.png' },

types/networks.ts

@@ -2,9 +2,28 @@ import type { FunctionComponent, SVGAttributes } from 'react';
 
 export type NetworkGroup = 'mainnets' | 'testnets' | 'other';
 
-export type PreDefinedNetwork = 'xdai_mainnet' | 'xdai_optimism' | 'xdai_aox' | 'eth_mainnet' | 'etc_mainnet' | 'poa_core' |
-'rsk_mainnet' | 'xdai_testnet' | 'poa_sokol' | 'artis_sigma1' | 'lukso_l14' | 'astar' | 'shiden' | 'shibuya' | 'goerli' | 'base_goerli' |
-'zetachain' | 'li-fi' | 'gnosis' | 'rootstock';
+export type PreDefinedNetwork =
+  | 'xdai_mainnet'
+  | 'eth_mainnet'
+  | 'etc_mainnet'
+  | 'poa_core'
+  | 'rsk_mainnet'
+  | 'xdai_testnet'
+  | 'poa_sokol'
+  | 'artis_sigma1'
+  | 'lukso_l14'
+  | 'astar'
+  | 'shiden'
+  | 'shibuya'
+  | 'optimism'
+  | 'goerli'
+  | 'base_goerli'
+  | 'zetachain'
+  | 'li-fi'
+  | 'gnosis'
+  | 'rootstock'
+  | 'tombscout'
+  ;
 
 export interface FeaturedNetwork {
   title: string;

ui/snippets/networkMenu/NetworkLogo.tsx

-import { Icon, Box, Image, useColorModeValue } from '@chakra-ui/react';
+import { Icon, Box, Image, useColorModeValue, Skeleton } from '@chakra-ui/react';
 import { route } from 'nextjs-routes';
 import React from 'react';
 
 import appConfig from 'configs/app/config';
-import smallLogoPlaceholder from 'icons/networks/icons/placeholder.svg';
-import logoPlaceholder from 'icons/networks/logos/blockscout.svg';
 import ASSETS from 'lib/networks/networkAssets';
 
 interface Props {
@@ -12,82 +10,49 @@ interface Props {
   onClick?: (event: React.SyntheticEvent) => void;
 }
 
-const NetworkLogo = ({ isCollapsed, onClick }: Props) => {
-  const logoColor = useColorModeValue('blue.600', 'white');
-  const href = route({ pathname: '/' });
-  const [ isLogoError, setLogoError ] = React.useState(false);
-  const [ isSmallLogoError, setSmallLogoError ] = React.useState(false);
+const LogoFallback = ({ isCollapsed, isSmall }: { isCollapsed?: boolean; isSmall?: boolean }) => {
+  const type = appConfig.network.type || 'fallback' as const;
 
+  const field = isSmall ? 'smallLogo' : 'logo';
+  const fieldDark = isSmall ? 'smallLogoDark' : 'logoDark';
+  const logo = useColorModeValue(ASSETS[type][field], ASSETS[type][fieldDark]);
   const style = useColorModeValue({}, { filter: 'brightness(0) invert(1)' });
+  const logoColor = useColorModeValue('blue.600', 'white');
 
-  const handleSmallLogoError = React.useCallback(() => {
-    setSmallLogoError(true);
-  }, []);
-
-  const handleLogoError = React.useCallback(() => {
-    setLogoError(true);
-  }, []);
-
-  const logoEl = (() => {
-    const fallbackLogoSrc = appConfig.network.type ? ASSETS[appConfig.network.type]?.logo : undefined;
-    const fallbackSmallLogoSrc = appConfig.network.type ? ASSETS[appConfig.network.type]?.smallLogo || ASSETS[appConfig.network.type]?.icon : undefined;
+  const display = isSmall ? {
+    base: 'none',
+    lg: isCollapsed === false ? 'none' : 'block',
+    xl: isCollapsed ? 'block' : 'none',
+  } : {
+    base: 'block',
+    lg: isCollapsed === false ? 'block' : 'none',
+    xl: isCollapsed ? 'none' : 'block',
+  };
 
-    const logo = appConfig.network.logo;
-    const smallLogo = appConfig.network.smallLogo;
+  if (appConfig.network[field]) {
+    return <Skeleton w="100%" borderRadius="sm" display={ display }/>;
+  }
 
-    const fallbackLogo = (
-      <Icon
-        as={ fallbackLogoSrc || logoPlaceholder }
-        width="auto"
-        height="100%"
-        color={ fallbackLogoSrc ? undefined : logoColor }
-        display={{ base: 'block', lg: isCollapsed === false ? 'block' : 'none', xl: isCollapsed ? 'none' : 'block' }}
-        style={ style }
-      />
-    );
-    const fallbackSmallLogo = (
-      <Icon
-        as={ fallbackSmallLogoSrc || smallLogoPlaceholder }
-        width="auto"
-        height="100%"
-        color={ fallbackSmallLogoSrc ? undefined : logoColor }
-        display={{ base: 'none', lg: isCollapsed === false ? 'none' : 'block', xl: isCollapsed ? 'block' : 'none' }}
-        style={ style }
-      />
-    );
+  return (
+    <Icon
+      as={ logo || ASSETS[type][field] }
+      width="auto"
+      height="100%"
+      color={ type === 'fallback' ? logoColor : undefined }
+      display={ display }
+      style={ logo ? undefined : style }
+    />
+  );
+};
 
-    return (
-      <>
-        { /* big logo */ }
-        <Image
-          w="auto"
-          h="100%"
-          src={ logo }
-          display={{ base: 'block', lg: isCollapsed === false ? 'block' : 'none', xl: isCollapsed ? 'none' : 'block' }}
-          alt={ `${ appConfig.network.name } network logo` }
-          fallback={ isLogoError || !logo ? fallbackLogo : undefined }
-          onError={ handleLogoError }
-        />
-        { /* small logo */ }
-        <Image
-          w="auto"
-          h="100%"
-          src={ smallLogo }
-          display={{ base: 'none', lg: isCollapsed === false ? 'none' : 'block', xl: isCollapsed ? 'block' : 'none' }}
-          alt={ `${ appConfig.network.name } network logo` }
-          fallback={ isSmallLogoError || !smallLogo ? fallbackSmallLogo : undefined }
-          onError={ handleSmallLogoError }
-        />
-      </>
-    );
-  })();
+const NetworkLogo = ({ isCollapsed, onClick }: Props) => {
 
   return (
     // TODO switch to <NextLink href={ href } passHref> when main page for network will be ready
     <Box
       as="a"
-      href={ href }
-      width={{ base: 'auto', lg: isCollapsed === false ? '113px' : '30px', xl: isCollapsed ? '30px' : '113px' }}
+      href={ route({ pathname: '/' }) }
+      width={{ base: 'auto', lg: isCollapsed === false ? '120px' : '30px', xl: isCollapsed ? '30px' : '120px' }}
       height={{ base: '20px', lg: isCollapsed === false ? '20px' : '30px', xl: isCollapsed ? '30px' : '20px' }}
       display="inline-flex"
       overflow="hidden"
@@ -95,7 +60,24 @@ const NetworkLogo = ({ isCollapsed, onClick }: Props) => {
       flexShrink={ 0 }
       aria-label="Link to main page"
     >
-      { logoEl }
+      { /* big logo */ }
+      <Image
+        w="auto"
+        h="100%"
+        src={ appConfig.network.logo }
+        display={{ base: 'block', lg: isCollapsed === false ? 'block' : 'none', xl: isCollapsed ? 'none' : 'block' }}
+        alt={ `${ appConfig.network.name } network logo` }
+        fallback={ <LogoFallback isCollapsed={ isCollapsed }/> }
+      />
+      { /* small logo */ }
+      <Image
+        w="auto"
+        h="100%"
+        src={ appConfig.network.smallLogo }
+        display={{ base: 'none', lg: isCollapsed === false ? 'none' : 'block', xl: isCollapsed ? 'block' : 'none' }}
+        alt={ `${ appConfig.network.name } network logo` }
+        fallback={ <LogoFallback isCollapsed={ isCollapsed } isSmall/> }
+      />
     </Box>
   );
 };