diff --git a/.changeset/orange-mayflies-train.md b/.changeset/orange-mayflies-train.md
new file mode 100644
index 0000000000..9189599676
--- /dev/null
+++ b/.changeset/orange-mayflies-train.md
@@ -0,0 +1,6 @@
+---
+"@rainbow-me/rainbowkit": patch
+"example": patch
+---
+
+Add icon for Celo chain
diff --git a/packages/example/src/wagmi.ts b/packages/example/src/wagmi.ts
index 10b11ccbe8..f4fa146220 100644
--- a/packages/example/src/wagmi.ts
+++ b/packages/example/src/wagmi.ts
@@ -64,6 +64,8 @@ import {
blast,
blastSepolia,
bsc,
+ celo,
+ celoAlfajores,
holesky,
klaytn,
klaytnBaobab,
@@ -145,6 +147,7 @@ export const config = getDefaultConfig({
klaytn,
sei,
mantle,
+ celo,
...(process.env.NEXT_PUBLIC_ENABLE_TESTNETS === 'true'
? [
sepolia,
@@ -159,6 +162,7 @@ export const config = getDefaultConfig({
zetachainAthensTestnet,
klaytnBaobab,
mantleTestnet,
+ celoAlfajores,
]
: []),
],
diff --git a/packages/rainbowkit/src/components/RainbowKitProvider/chainIcons/celo.svg b/packages/rainbowkit/src/components/RainbowKitProvider/chainIcons/celo.svg
new file mode 100644
index 0000000000..13af689843
--- /dev/null
+++ b/packages/rainbowkit/src/components/RainbowKitProvider/chainIcons/celo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/rainbowkit/src/components/RainbowKitProvider/provideRainbowKitChains.ts b/packages/rainbowkit/src/components/RainbowKitProvider/provideRainbowKitChains.ts
index 6f535ab7d4..a68b6c8128 100644
--- a/packages/rainbowkit/src/components/RainbowKitProvider/provideRainbowKitChains.ts
+++ b/packages/rainbowkit/src/components/RainbowKitProvider/provideRainbowKitChains.ts
@@ -9,6 +9,8 @@ type ChainName =
| 'arbitrumSepolia'
| 'avalanche'
| 'avalancheFuji'
+ | 'celo'
+ | 'celoAlfajores'
| 'cronos'
| 'cronosTestnet'
| 'base'
@@ -87,6 +89,11 @@ const bscIcon: IconMetadata = {
iconUrl: async () => (await import('./chainIcons/bsc.svg')).default,
};
+const celoIcon: IconMetadata = {
+ iconBackground: '#FCFF52',
+ iconUrl: async () => (await import('./chainIcons/celo.svg')).default,
+};
+
const cronosIcon: IconMetadata = {
iconBackground: '#002D74',
iconUrl: async () => (await import('./chainIcons/cronos.svg')).default,
@@ -170,6 +177,8 @@ const chainMetadataByName: Record = {
blastSepolia: { chainId: 168_587_773, ...blastIcon },
bsc: { chainId: 56, name: 'BSC', ...bscIcon },
bscTestnet: { chainId: 97, ...bscIcon },
+ celo: { chainId: 42220, name: 'Celo', ...celoIcon },
+ celoAlfajores: { chainId: 44787, name: 'Celo Alfajores', ...celoIcon },
cronos: { chainId: 25, ...cronosIcon },
cronosTestnet: { chainId: 338, ...cronosIcon },
goerli: { chainId: 5, ...ethereumIcon },