diff --git a/src/app/_assets/logos/world-chain.svg b/src/app/_assets/logos/world-chain.svg
new file mode 100644
index 0000000..3af758a
--- /dev/null
+++ b/src/app/_assets/logos/world-chain.svg
@@ -0,0 +1,10 @@
+
diff --git a/src/app/_components/icons/gradient/logos/worldchain.tsx b/src/app/_components/icons/gradient/logos/worldchain.tsx
new file mode 100644
index 0000000..f11b197
--- /dev/null
+++ b/src/app/_components/icons/gradient/logos/worldchain.tsx
@@ -0,0 +1,93 @@
+import { LogoIconProps } from "./types";
+
+export function WorldChainIcon({ variant = "aqua", ...props }: LogoIconProps) {
+ const linearGradientBasedId = `world-chain-paint_linear_gradient_${variant}`;
+ return (
+
+ );
+}
diff --git a/src/app/_components/icons/index.tsx b/src/app/_components/icons/index.tsx
index 2c524a5..76fa429 100644
--- a/src/app/_components/icons/index.tsx
+++ b/src/app/_components/icons/index.tsx
@@ -55,3 +55,4 @@ export { ScrollIcon } from "./gradient/logos/scroll";
export { LiskIcon } from "./gradient/logos/lisk";
export { RedstoneIcon } from "./gradient/logos/redstone";
export { ZoraIcon } from "./gradient/logos/zora";
+export { WorldChainIcon } from "./gradient/logos/worldchain";
diff --git a/src/app/_components/supported-chains-section.tsx b/src/app/_components/supported-chains-section.tsx
index 4ced50a..816c153 100644
--- a/src/app/_components/supported-chains-section.tsx
+++ b/src/app/_components/supported-chains-section.tsx
@@ -13,6 +13,7 @@ import {
LiskIcon,
RedstoneIcon,
ZoraIcon,
+ WorldChainIcon,
} from "@/app/_components/icons";
import { Text } from "@/app/_components/text";
@@ -73,6 +74,10 @@ const chains = [
Icon: ZoraIcon,
containerClassName: "",
},
+ {
+ label: "World Chain",
+ Icon: WorldChainIcon,
+ },
];
const variants = {
diff --git a/src/app/_components/supported-chains-ticker.tsx b/src/app/_components/supported-chains-ticker.tsx
index 3ddf2e8..4a3fe17 100644
--- a/src/app/_components/supported-chains-ticker.tsx
+++ b/src/app/_components/supported-chains-ticker.tsx
@@ -15,6 +15,7 @@ import scrollLogoSrc from "@/app/_assets/logos/scroll.svg";
import liskLogoSrc from "@/app/_assets/logos/lisk.svg";
import redstoneLogoSrc from "@/app/_assets/logos/redstone.svg";
import zoraLogoSrc from "@/app/_assets/logos/zora.svg";
+import worldChainIconSrc from "@/app/_assets/logos/world-chain.svg";
const chains = [
{
@@ -56,6 +57,9 @@ const chains = [
{
logo: ,
},
+ {
+ logo: ,
+ },
];
export function SupportedChainsTicker() {