Add chain logos to SDK (#1456)

- Add chain logo images to SDK
- Improve SDK Readme

typescript/sdk/README.md

@@ -1,5 +1,32 @@
-# Hyperlane Application SDK
+# Hyperlane SDK
 
-The Hyperlane Application SDK help developers manage multichain Hyperlane applications. This requires a higher level API than dApp developers are familiar with which is namespaced by target chain.
+The Hyperlane SDK helps developers create and manage interchain applications.
 
-You can find the docs at https://docs.hyperlane.xyz/hyperlane-docs/developers/application-sdk
+For details on how to use the various abstractions and utilities, [see the documentation](https://docs.hyperlane.xyz/hyperlane-docs-1/developers/building-applications)
+
+## Install
+
+`yarn install @hyperlane-xyz/sdk`
+
+## Contents
+
+### Constants
+
+The names and relevant metadata for all Hyperlane-supported chains are included in this SDK, including public RPC and Explorer urls. It also includes the addresses for all Hyperlane core contracts and middleware.
+
+### Deployment, testing, and development classes
+
+Classes for deploying, testing, and building applications using Hyperlane are included in the SDK. See [the docs](https://docs.hyperlane.xyz/hyperlane-docs-1/developers/building-applications/nodejs-sdk) for details.
+
+### Chain Logos
+
+The SDK contains SVG files for all Hyperlane-supported chains. They can be imported from the `/logos` folder.
+
+```js
+import ArbitrumBlack from '@hyperlane-xyz/sdk/logos/black/arbitrum.svg';
+import ArbitrumColor from '@hyperlane-xyz/sdk/logos/color/arbitrum.svg';
+```
+
+## License
+
+Apache 2.0

typescript/sdk/logos/black/arbitrum.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 432.5 485.6"><g fill="#010101"><path d="m284.5 418.4-67-105.1 41-69.4 87.9 138.6-61.9 35.9Z"/><path d="m217.6 313.3 66.9 105.1 61.9-35.9-88-138.6z"/><path d="M402.7 340.4v-28.8L306.6 162l-35.7 60.5 92.8 150 33.5-19.4c3.3-2.7 5.3-6.6 5.5-10.9v-1.8Z"/><path d="m0 367.5 47.4 27.2L205 142l-26.7-.7c-22.8-.3-47.4 5.6-58.7 24L30.1 304 0 350.3v17.2Z"/><path d="m296 141.9-70.5.3L66 405.4l55.7 32.1 15.2-25.7z"/><path d="M432.4 141.6a45 45 0 0 0-21-36.1L236 4.7a45.6 45.6 0 0 0-40.3 0L25.4 103.4a45 45 0 0 0-25.4 38v208.9L30.1 304 30 142.9c0-.6 0-1.2.2-1.7.6-3.8 2.8-7.2 6-9.5.7-.6 172.6-100 173.2-100.3 4-2 9.2-2 13.2 0l173 99.4c4.1 2.6 6.7 7 7 11.9v199.5a15 15 0 0 1-5.3 10.9l-33.5 19.4-17.3 10-61.9 35.9-62.7 36.3a15.2 15.2 0 0 1-10.7-.2L137 411.8l-15.2 25.7 66.7 38.5a1156 1156 0 0 0 10.6 5.9 44.6 44.6 0 0 0 34 .6l182.3-105.6a44.6 44.6 0 0 0 17.1-33.6V141.6Z"/></g></svg>

typescript/sdk/logos/black/avalanche.svg

@@ -0,0 +1 @@
+<svg viewBox="451.97 346.93 767.35 681.07" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M644.6 1028h-129c-27.2 0-40.5 0-48.7-5.2A32.8 32.8 0 0 1 452 997c-.5-9.6 6.2-21.4 19.6-44.9l318.6-561.5c13.5-23.8 20.4-35.7 29-40.1a32.9 32.9 0 0 1 29.8 0c8.6 4.4 15.5 16.3 29 40.1L943.5 505c14.9 26 22.4 39 25.7 52.8a97 97 0 0 1 0 45.4c-3.3 13.7-10.7 26.8-25.5 52.7L776.4 951.7c-15 26.3-22.6 39.6-33 49.5a97.3 97.3 0 0 1-39.7 23c-13.6 3.8-28.8 3.8-59.1 3.8Z" fill="#010101"/><path d="M1155.2 1028H970.4c-27.3 0-41 0-49-5.2a33.1 33.1 0 0 1-14.9-25.8c-.5-9.7 6.4-21.4 20.1-45.1l92.3-158.4c13.5-23.4 20.4-35 28.9-39.4a32.5 32.5 0 0 1 29.5 0c8.7 4.4 15.4 16 29.1 39.2l92.6 158.4c13.7 23.7 20.8 35.5 20.3 45.1-.5 10.5-6 20.1-14.9 25.8-8.2 5.4-21.9 5.4-49.2 5.4Z" fill="#010101"/></svg>

typescript/sdk/logos/black/bsc.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 126.6 126.6"><path fill="#010101" d="m38.2 53.2 24.6-24.6 24.6 24.6 14.3-14.3L62.8 0 23.9 38.9z"/><path fill="#010101" d="M13.7 49 28 63.3 13.7 77.5-.6 63.3z"/><path fill="#010101" d="M38.2 73.4 62.8 98l24.6-24.6 14.3 14.3-38.9 38.9-38.9-38.9h-.1z"/><path fill="#010101" d="m126 63.3-14.2 14.3-14.3-14.3L111.8 49z"/><path fill="#010101" d="M77.3 63.3 62.8 48.8 52 59.5l-1.2 1.2-2.5 2.6h-.1.1l14.5 14.5 14.5-14.5z"/></svg>

typescript/sdk/logos/black/celo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 950 950"><defs><style>.cls-1{fill:#010101;}</style></defs><path id="Bottom_Ring" data-name="Bottom Ring" class="cls-1" d="M375,850c151.88,0,275-123.12,275-275S526.88,300,375,300,100,423.12,100,575,223.12,850,375,850Zm0,100C167.9,950,0,782.1,0,575S167.9,200,375,200,750,367.9,750,575,582.1,950,375,950Z"></path><path id="Top_Ring" data-name="Top Ring" class="cls-1" d="M575,650c151.88,0,275-123.12,275-275S726.88,100,575,100,300,223.12,300,375,423.12,650,575,650Zm0,100c-207.1,0-375-167.9-375-375S367.9,0,575,0,950,167.9,950,375,782.1,750,575,750Z"></path></svg>

typescript/sdk/logos/black/ethereum.svg

@@ -0,0 +1,8 @@
+<svg viewBox="-5 0 29 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.4969 0L10.2676 0.751799V22.5673L10.4969 22.788L20.9937 16.8023L10.4969 0Z" fill="#010101"/>
+<path d="M10.4969 0L0 16.8023L10.4969 22.7881V12.1996V0Z" fill="#010101"/>
+<path d="M10.4969 24.7054L10.3677 24.8573V32.6285L10.4969 32.9926L21 18.7227L10.4969 24.7054Z" fill="#010101"/>
+<path d="M10.4969 32.9925V24.7053L0 18.7226L10.4969 32.9925Z" fill="#010101"/>
+<path d="M10.4966 22.788L20.9933 16.8023L10.4966 12.1996V22.788Z" fill="#010101"/>
+<path d="M0 16.8024L10.4967 22.7881V12.1996L0 16.8024Z" fill="#010101"/>
+</svg>

typescript/sdk/logos/black/hyperlane.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 301 324"><path d="M166.2 1h61.2A20 20 0 0 1 246 14L300 158.3a5 5 0 0 1 0 3.4l-.3.9L246 309.8a20 20 0 0 1-18.8 13.2H166a5 5 0 0 1-4.7-6.6l55.2-158.1-55-150.6a5 5 0 0 1 4.7-6.7Z" fill="#010101"/><path d="M6.3 1h61.3a20 20 0 0 1 18.7 13L140 158.3a5 5 0 0 1 0 3.4l-.3.9-53.5 147.2A20 20 0 0 1 67.4 323H6.2a5 5 0 0 1-4.7-6.6l55.2-158.1L1.7 7.7A5 5 0 0 1 6.2 1Z" fill="#010101"/><path d="m216.5 158.3-55-150.6a5 5 0 0 1 4.7-6.7h61.2A20 20 0 0 1 246 14L300 158.3a5 5 0 0 1 0 3.4L246 309.8a20 20 0 0 1-18.8 13.2H166a5 5 0 0 1-4.7-6.6l26.4-75.8 28.8-82.3Zm0 0-55 158a5 5 0 0 0 4.7 6.7h61m-10.7-164.7-55-150.5a5 5 0 0 1 4.7-6.8h61.2m-10.9 157.3-55.2 158a5 5 0 0 0 4.7 6.7h61.3m-10.8-164.7-55-150.6a5 5 0 0 1 4.7-6.7h61.2m0 0A20 20 0 0 1 246 14L300 158.3m0 0a5 5 0 0 1 0 3.4m0-3.4v2.5a5 5 0 0 1-.3 1.8m.3-.9L246 309.8m53.8-148-.3.8M246 309.8a20 20 0 0 1-18.8 13.2m18.8-13.2 53.5-147.2m-243-4.3-55.1 158a5 5 0 0 0 4.7 6.7h61.2a20 20 0 0 0 18.8-13.2l53.5-147.2.4-.9a5 5 0 0 0 0-3.4L86.2 14A20 20 0 0 0 67.6 1H6.3a5 5 0 0 0-4.7 6.7l55 150.6Z" stroke="#010101"/><path d="M204.5 124.5H128v70h76.5l12.5-36-12.5-34Z" fill="#010101" stroke="#010101"/></svg>

typescript/sdk/logos/black/moonbeam.svg

@@ -0,0 +1,3 @@
+<svg width="182" height="100" viewBox="0 0 182 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M172 100C177.523 100 182.048 95.5134 181.545 90.0135C179.459 67.1595 170.257 45.6742 155.347 29.2893C138.281 10.5357 115.135 2.00233e-06 91 0C66.8653 -2.00233e-06 43.7191 10.5357 26.6533 29.2893C11.743 45.6742 2.54129 67.1595 0.454628 90.0135C-0.0475417 95.5134 4.47715 100 10 100L91 100H172Z" fill="#010101"/>
+</svg>

typescript/sdk/logos/black/near.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="72 72.5 144 144"><path d="m187.6 79.8-30.1 44.7a3.2 3.2 0 0 0 4.7 4.2L192 103a1.2 1.2 0 0 1 2 1v80.4a1.2 1.2 0 0 1-2.2.7L102.2 78a15.3 15.3 0 0 0-11.7-5.4h-3.2A15.3 15.3 0 0 0 72 87.8v113.4a15.3 15.3 0 0 0 15.3 15.3 15.3 15.3 0 0 0 13.1-7.3l30.1-44.7a3.2 3.2 0 0 0-4.7-4.2L96 186a1.2 1.2 0 0 1-2-1v-80.4a1.2 1.2 0 0 1 2.2-.8l89.5 107.3a15.3 15.3 0 0 0 11.7 5.4h3.2a15.3 15.3 0 0 0 15.3-15.3V87.8a15.3 15.3 0 0 0-15.3-15.3 15.3 15.3 0 0 0-13.1 7.3Z" /></svg>

typescript/sdk/logos/black/optimism.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="30.8 44.2 62.6 33"><path data-name="Path 139" d="M43.2 77.2a14.7 14.7 0 0 1-9-2.6 8.8 8.8 0 0 1-3.4-7.4 16.4 16.4 0 0 1 .3-2.5q.6-3.3 1.7-7.9 3-12.6 16-12.6a16 16 0 0 1 6.3 1.2 9.6 9.6 0 0 1 4.4 3.5 9.3 9.3 0 0 1 1.6 5.5 16.3 16.3 0 0 1-.2 2.4l-1.6 8Q57.7 71 53.7 74q-4 3-10.5 3Zm.6-6.6a6.5 6.5 0 0 0 4.4-1.5 8.4 8.4 0 0 0 2.6-4.6l1.6-7.6a10.5 10.5 0 0 0 .2-2q0-4-4.4-4a6.7 6.7 0 0 0-4.4 1.4 8.6 8.6 0 0 0-2.5 4.6q-.8 3.1-1.7 7.6a9.8 9.8 0 0 0-.2 1.9q0 4.2 4.4 4.2Z" fill="#010101"/><path data-name="Path 140" d="M63.2 76.7a1 1 0 0 1-.7-.3 1.1 1.1 0 0 1-.2-.8l6.3-29.8a1.3 1.3 0 0 1 .5-.8 1.4 1.4 0 0 1 1-.3h12a14.1 14.1 0 0 1 8.2 2 6.9 6.9 0 0 1 3.1 6.2 11 11 0 0 1-.2 2.4 12.4 12.4 0 0 1-4.7 7.7q-3.4 2.6-9.4 2.6H73l-2 10a1.3 1.3 0 0 1-.6.8 1.4 1.4 0 0 1-.8.3Zm16.2-17.5a5.5 5.5 0 0 0 3.4-1 5 5 0 0 0 2-3 8 8 0 0 0 0-1.4 2.5 2.5 0 0 0-.7-2 3.8 3.8 0 0 0-2.7-.8H76l-1.7 8.2Z" fill="#010101"/></svg>

typescript/sdk/logos/black/polygon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38.4 33.5" xml:space="preserve"><path d="M29 10.2c-.7-.4-1.6-.4-2.4 0L21 13.5l-3.8 2.1-5.5 3.3c-.7.4-1.6.4-2.4 0L5 16.3a2.4 2.4 0 0 1-1.2-2.1v-5c0-.8.4-1.6 1.2-2.1l4.3-2.5c.7-.4 1.6-.4 2.4 0L16 7.2c.7.4 1.2 1.2 1.2 2.1v3.3l3.8-2.2V7c0-.8-.4-1.6-1.2-2.1l-8-4.7c-.7-.4-1.6-.4-2.4 0L1.2 5C.4 5.4 0 6.2 0 7v9.4c0 .8.4 1.6 1.2 2.1l8.1 4.7c.7.4 1.6.4 2.4 0l5.5-3.2 3.8-2.2 5.5-3.2c.7-.4 1.6-.4 2.4 0l4.3 2.5c.7.4 1.2 1.2 1.2 2.1v5c0 .8-.4 1.6-1.2 2.1L29 28.8c-.7.4-1.6.4-2.4 0l-4.3-2.5a2.4 2.4 0 0 1-1.2-2.1V21l-3.8 2.2v3.3c0 .8.4 1.6 1.2 2.1l8.1 4.7c.7.4 1.6.4 2.4 0l8.1-4.7c.7-.4 1.2-1.2 1.2-2.1V17c0-.8-.4-1.6-1.2-2.1L29 10.2z" fill="#010101"/></svg>

typescript/sdk/logos/color/arbitrum.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="177.5 53.2 287 322.18" xml:space="preserve"><path fill="#2D374B" d="m357.3 200.8 23.7-40.1 63.8 99.3v19.1l-.2-131.2a9.9 9.9 0 0 0-4.6-7.9L325.2 74a10.1 10.1 0 0 0-9.8.6l-.4.3-111.5 64.6-.4.2c-.6.2-1.2.5-1.7 1a9.9 9.9 0 0 0-4.1 7.3l.2 107 59.4-92.1c7.5-12.2 23.8-16.2 38.9-16l17.8.5-104.7 167.8 12.4 7L327 147.7l46.8-.2-105.6 179.1 44 25.3 5.3 3c2.2 1 4.8 1 7 .2L441 287.6l-22.2 13-61.6-99.7zm9 130L322 261.2l27.1-46 58.4 92-41 23.8z"/><path fill="#28A0F0" d="m321.9 261.1 44.4 69.8 41.1-23.8-58.4-92z"/><path fill="#28A0F0" d="M444.8 279.1v-19L381 160.6l-23.7 40.1 61.6 99.6 22.2-12.9a9.9 9.9 0 0 0 3.7-7.2V279z"/><path fill="#FFF" d="m177.5 297 31.4 18.2 104.7-167.8-17.8-.5c-15.1-.2-31.4 3.8-39 16l-59.3 92-20 30.8V297z"/><path fill="#FFF" d="m373.9 147.4-46.8.2-105.8 174.7 37 21.3 10-17.1z"/><path fill="#96BEDC" d="M464.5 147.2a29.8 29.8 0 0 0-14-24L334.2 56.3a30.3 30.3 0 0 0-26.7 0 90105.1 90105.1 0 0 0-117.6 68.2 29.6 29.6 0 0 0-12.4 22.6v138.6l20-30.7-.2-107a9.8 9.8 0 0 1 4.1-7.4l115-66.6c2.7-1.3 6-1.3 8.8 0L440 140a9.9 9.9 0 0 1 4.6 7.9v132.4a9.7 9.7 0 0 1-3.5 7.2l-22.2 13-11.5 6.6-41 23.8-41.7 24.1a10 10 0 0 1-7.1-.1l-49.3-28.4-10 17.1 44.2 25.5a1045.3 1045.3 0 0 0 7 4 31.4 31.4 0 0 0 22.7.3l121-70c6.9-5.4 11-13.5 11.3-22.3V147z"/></svg>

typescript/sdk/logos/color/avalanche.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1503 1504"><path fill="#fff" d="M287 258h928v844H287z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1502.5 752a751 751 0 1 1-1502 0 751 751 0 0 1 1502 0Zm-963.8 298.9H392.9c-30.6 0-45.7 0-55-6a37 37 0 0 1-16.7-29c-.6-10.8 7-24 22.1-50.6l359.9-634.4c15.3-26.9 23-40.4 32.8-45.3 10.5-5.4 23-5.4 33.6 0 9.8 5 17.5 18.4 32.8 45.3l74 129.2.4.6c16.5 29 25 43.6 28.6 59 4 16.8 4 34.5 0 51.3-3.7 15.5-12 30.2-28.8 59.5l-189 334.2-.5.9c-16.7 29-25.1 43.9-36.8 55a110 110 0 0 1-44.8 26c-15.3 4.3-32.5 4.3-66.8 4.3Zm368 0h208.9c30.8 0 46.3 0 55.5-6.1a37 37 0 0 0 16.8-29.2c.5-10.5-6.9-23.3-21.4-48.3l-1.5-2.6-104.6-179-1.2-2c-14.7-24.8-22-37.4-31.6-42.2a36.7 36.7 0 0 0-33.4 0c-9.6 5-17.3 18-32.7 44.4L857.3 965l-.4.6c-15.2 26.3-22.8 39.5-22.3 50.3a37.4 37.4 0 0 0 16.8 29.2c9 5.9 24.5 5.9 55.4 5.9Z" fill="#E84142"/></svg>

typescript/sdk/logos/color/bsc.svg

@@ -0,0 +1 @@
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="169.1 68.9 461.4 461.4" xml:space="preserve"><g fill-rule="evenodd" clip-rule="evenodd"><circle cx="399.8" cy="299.6" r="230.7" fill="#f3ba2f"/><path d="m459.63 324.13 34.8 34.7-94.6 94.5-94.5-94.5 34.8-34.7 59.7 59.7 59.8-59.7zm-59.8-59.8 35.3 35.3-35.3 35.3-35.2-35.2v-.1l6.2-6.2 3-3 26-26.1zm-119 .5 34.8 34.8-34.8 34.7-34.8-34.8 34.8-34.7zm238 0 34.8 34.8-34.8 34.7-34.8-34.8 34.8-34.7zm-119-119 94.5 94.5-34.8 34.8-59.7-59.8-59.7 59.7-34.8-34.7 94.5-94.5z" fill="#FFF"/></g></svg>

typescript/sdk/logos/color/celo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 950 950"><path d="M375 850a275 275 0 100-550 275 275 0 000 550zm0 100a375 375 0 110-750 375 375 0 010 750z" fill="#fbcc5c"/><path d="M575 650a275 275 0 100-550 275 275 0 000 550zm0 100a375 375 0 110-750 375 375 0 010 750z" fill="#35d07f"/><path d="M587.4 750a274.4 274.4 0 0054.5-108A274.4 274.4 0 00750 587.3a373.6 373.6 0 01-29.2 133.4A373.6 373.6 0 01587.4 750zM308 308A274.4 274.4 0 00200 362.7a373.6 373.6 0 0129.2-133.4A373.6 373.6 0 01362.6 200a274.4 274.4 0 00-54.5 108z" fill="#5ea33b"/></svg>

typescript/sdk/logos/color/ethereum.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" clip-rule="evenodd" viewBox="-150 0 1100 1277.4"><g fill-rule="nonzero"><path fill="#343434" d="m392.1 0-8.6 29.1v844.6l8.6 8.6 392-231.8z"/><path fill="#8C8C8C" d="M392.1 0 0 650.5l392.1 231.8v-410z"/><path fill="#3C3C3B" d="m392.1 956.5-4.9 5.9v300.9l4.9 14.1 392.3-552.5z"/><path fill="#8C8C8C" d="M392.1 1277.4V956.5L0 724.9z"/><path fill="#141414" d="m392.1 882.3 392-231.8-392-178.2z"/><path fill="#393939" d="m0 650.5 392.1 231.8v-410z"/></g></svg>

typescript/sdk/logos/color/hyperlane.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 301 324"><path d="M166.2 1h61.2A20 20 0 0 1 246 14L300 158.3a5 5 0 0 1 0 3.4l-.3.9L246 309.8a20 20 0 0 1-18.8 13.2H166a5 5 0 0 1-4.7-6.6l55.2-158.1-55-150.6a5 5 0 0 1 4.7-6.7Z" fill="#025AA1"/><path d="M6.3 1h61.3a20 20 0 0 1 18.7 13L140 158.3a5 5 0 0 1 0 3.4l-.3.9-53.5 147.2A20 20 0 0 1 67.4 323H6.2a5 5 0 0 1-4.7-6.6l55.2-158.1L1.7 7.7A5 5 0 0 1 6.2 1Z" fill="#025AA1"/><path d="m216.5 158.3-55-150.6a5 5 0 0 1 4.7-6.7h61.2A20 20 0 0 1 246 14L300 158.3a5 5 0 0 1 0 3.4L246 309.8a20 20 0 0 1-18.8 13.2H166a5 5 0 0 1-4.7-6.6l26.4-75.8 28.8-82.3Zm0 0-55 158a5 5 0 0 0 4.7 6.7h61m-10.7-164.7-55-150.5a5 5 0 0 1 4.7-6.8h61.2m-10.9 157.3-55.2 158a5 5 0 0 0 4.7 6.7h61.3m-10.8-164.7-55-150.6a5 5 0 0 1 4.7-6.7h61.2m0 0A20 20 0 0 1 246 14L300 158.3m0 0a5 5 0 0 1 0 3.4m0-3.4v2.5a5 5 0 0 1-.3 1.8m.3-.9L246 309.8m53.8-148-.3.8M246 309.8a20 20 0 0 1-18.8 13.2m18.8-13.2 53.5-147.2m-243-4.3-55.1 158a5 5 0 0 0 4.7 6.7h61.2a20 20 0 0 0 18.8-13.2l53.5-147.2.4-.9a5 5 0 0 0 0-3.4L86.2 14A20 20 0 0 0 67.6 1H6.3a5 5 0 0 0-4.7 6.7l55 150.6Z" stroke="#025AA1"/><path d="M204.5 124.5H128v70h76.5l12.5-36-12.5-34Z" fill="#025AA1" stroke="#025AA1"/></svg>

typescript/sdk/logos/color/moonbeam.svg

@@ -0,0 +1 @@
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 1.61 487.64 436.39"><path d="M278 2.1c-51.9 4.3-98.8 37-122.6 85.4-10.8 22.1-16 41.7-17.1 64-.5 12.1-.4 13.2 1.5 15.5l2 2.5 147.7.3 147.6.2 3-2.9c3.4-3.4 3.5-5.6 1.8-22.2-5.2-51.3-33.7-97-76.2-122.3C339.1 6.7 308.6-.4 278 2.1z" fill="#53cbc8"/><path d="M74.9 200.9c-2.3 2.3-2.9 3.8-2.9 7.1 0 5.6 3.4 9 9 9s9-3.4 9-9c0-5.3-4.2-10-9-10-2.2 0-4.1.9-6.1 2.9z" fill="#e1147b"/><path d="M108.7 200c-4.7 3.7-4.4 13.5.4 16 1.1.6 68.4 1 181.7 1h179.9l2.1-2.3c4.6-4.9 3.2-13.6-2.4-15.7-1.6-.6-69.7-1-180.8-1-178.1 0-178.3 0-180.9 2z" fill="#e1147b"/><path d="M5.3 243c-2.5 1-5.3 5.8-5.3 9 0 3.8 2.8 7.8 6.3 8.9 6.4 2.1 12.2-2.2 12.2-9.1 0-3.3-.6-4.5-3.3-6.9-3.3-3-6-3.5-9.9-1.9z" fill="#e1147b"/><path d="M37.9 243.5c-5.5 3-6.1 11-1.3 15.6l2.6 2.4 130.8.3c82.4.1 131.8-.1 133.4-.7 3.4-1.4 5.8-5.3 5.8-9.8 0-2.9-.7-4.3-3.1-6.5L303 242H171.7c-111.4.1-131.6.3-133.8 1.5z" fill="#e1147b"/><path d="M77.4 287c-5.6 2.3-7.2 10.8-3 15.7a8.9 8.9 0 0 0 13.2 0c6.5-7.6-1.3-19.5-10.2-15.7z" fill="#e1147b"/><path d="M110.1 287.4c-6.8 3.8-6.4 14.6.6 17.5 2.1.8 43.1 1.1 160.6.9l157.9-.3 2.4-2.8c3.5-4.1 3.3-9.9-.5-13.8l-2.9-2.9H270.3c-129.1.1-158.2.3-160.2 1.4z" fill="#e1147b"/><path d="M24.5 330.9c-3.7 1.6-6 5.1-6 9.3 0 3.3.6 4.5 3.3 6.9 1.8 1.6 4.1 2.9 5.2 2.9 5.3 0 10-4.9 10-10.4 0-3.2-4.6-8.4-8-9-1.4-.3-3.4-.1-4.5.3z" fill="#e1147b"/><path d="M57.4 331c-4.7 1.9-6.9 9.2-4.4 14.1 2.7 4.9 2.5 4.9 69.5 4.9s66.8 0 69.5-4.9c2.6-4.9-.1-12.2-5.1-14-3.9-1.3-126.2-1.4-129.5-.1z" fill="#e1147b"/><path d="M217.4 331c-5.6 2.3-7.2 10.8-3 15.7l2.4 2.8 132.1.3 132 .2 3.3-2.9c4.4-3.9 4.6-9.8.5-13.8l-2.7-2.8-131.3-.2c-72.7-.1-132.2.2-133.3.7z" fill="#e1147b"/><path d="M235.3 375.5c-6.1 2.6-7.4 10.6-2.4 15.6 4 3.9 8.2 3.9 12.2 0 5-5.1 3.7-13-2.6-15.7-4-1.6-3.2-1.7-7.2.1z" fill="#e1147b"/><path d="M268.3 375.5c-3.7 1.6-5.3 4.2-5.3 8.5 0 4.2 1.5 6.7 5 8.5 2.5 1.3 13.6 1.5 83.7 1.5 78.3 0 80.9-.1 84-2 6.1-3.7 5.3-13.8-1.3-16.6-4.9-2.1-161.4-2-166.1.1z" fill="#e1147b"/><path d="M135.5 421.5c-5.7 5.6-1.6 16.5 6.2 16.5 8.9 0 12.6-12.2 5.4-17.7-2.8-2.2-8.9-1.6-11.6 1.2z" fill="#e1147b"/><path d="M170.2 419.7c-1.9.7-4.2 5.8-4.2 9.3 0 2.1.9 4.1 2.9 6.1l2.9 2.9h165.1l2.6-2.3c1.7-1.4 2.8-3.6 3.2-6.3.4-3.3.1-4.5-2.2-7.2l-2.7-3.2-83.1.1c-45.8 0-83.8.3-84.5.6z" fill="#e1147b"/></svg>

typescript/sdk/logos/color/optimism.svg

@@ -0,0 +1 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 500 500" xml:space="preserve"><circle cx="250" cy="250" r="250" fill="#ff0420"/><path fill="#fff" d="M177.1 316.4a60.1 60.1 0 0 1-36.6-10.5 36 36 0 0 1-14.1-30.4c0-2.8.3-6.1.9-10.1 1.6-9 3.9-19.8 6.9-32.5 8.5-34.4 30.5-51.6 65.9-51.6 9.6 0 18.3 1.6 25.9 4.9a38.3 38.3 0 0 1 24.6 36.8c0 2.6-.3 5.9-.9 9.9-1.9 11.1-4.1 22-6.8 32.5a69 69 0 0 1-22.7 38.5c-10.7 8.4-25.1 12.5-43.1 12.5zm2.7-27c7 0 12.9-2.1 17.8-6.2 5-4.1 8.6-10.4 10.7-19 2.9-11.8 5.1-22 6.6-30.8.5-2.6.8-5.3.8-8.1 0-11.4-5.9-17.1-17.8-17.1-7 0-13 2.1-18 6.2a34.6 34.6 0 0 0-10.5 19c-2.3 8.4-4.5 18.6-6.8 30.8a40 40 0 0 0-.8 7.9c-.1 11.6 6 17.3 18 17.3z"/><path fill="#fff" d="M259.3 314.6c-1.4 0-2.4-.4-3.2-1.3-.6-1-.8-2.1-.6-3.4l25.9-122a5 5 0 0 1 2.1-3.4 5.5 5.5 0 0 1 3.6-1.3H337c13.9 0 25 2.9 33.4 8.6a28.4 28.4 0 0 1 12.8 25 49 49 0 0 1-1.1 9.8 50.4 50.4 0 0 1-19 31.9 64.2 64.2 0 0 1-38.7 10.3h-25.3l-8.6 41.1a5.4 5.4 0 0 1-2.1 3.4 5.5 5.5 0 0 1-3.6 1.3h-25.5zm66.4-71.7c5.3 0 9.8-1.4 13.7-4.3 4-2.9 6.6-7 7.9-12.4.4-2.1.6-4 .6-5.6 0-3.6-1.1-6.4-3.2-8.3-2.1-2-5.8-3-10.9-3h-22.5l-7.1 33.6h21.5z"/></svg>

typescript/sdk/logos/color/polygon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -0.1 38.3 33.7" xml:space="preserve"><path d="M29 10.2c-.7-.4-1.6-.4-2.4 0L21 13.5l-3.8 2.1-5.5 3.3c-.7.4-1.6.4-2.4 0L5 16.3c-.7-.4-1.2-1.2-1.2-2.1v-5c0-.8.4-1.6 1.2-2.1l4.3-2.5c.7-.4 1.6-.4 2.4 0L16 7.2c.7.4 1.2 1.2 1.2 2.1v3.3l3.8-2.2V7c0-.8-.4-1.6-1.2-2.1l-8-4.7c-.7-.4-1.6-.4-2.4 0L1.2 5C.4 5.4 0 6.2 0 7v9.4c0 .8.4 1.6 1.2 2.1l8.1 4.7c.7.4 1.6.4 2.4 0l5.5-3.2 3.8-2.2 5.5-3.2c.7-.4 1.6-.4 2.4 0l4.3 2.5c.7.4 1.2 1.2 1.2 2.1v5c0 .8-.4 1.6-1.2 2.1L29 28.8c-.7.4-1.6.4-2.4 0l-4.3-2.5c-.7-.4-1.2-1.2-1.2-2.1V21l-3.8 2.2v3.3c0 .8.4 1.6 1.2 2.1l8.1 4.7c.7.4 1.6.4 2.4 0l8.1-4.7c.7-.4 1.2-1.2 1.2-2.1V17c0-.8-.4-1.6-1.2-2.1L29 10.2z" fill="#8247e5"/></svg>

typescript/sdk/package.json

@@ -30,7 +30,8 @@
     "typescript": "^4.7.2"
   },
   "files": [
-    "/dist"
+    "/dist",
+    "/logos"
   ],
   "homepage": "https://www.hyperlane.xyz",
   "keywords": [

typescript/sdk/src/consts/chainMetadata.ts

@@ -541,6 +541,9 @@ export const test3: ChainMetadata = {
 
 /**
  * Collection maps
+ *
+ * NOTE: When adding chains here, consider also adding the
+ * corresponding chain logo images in the /sdk/logos/* folders
  */
 export const chainMetadata = {
   alfajores,