feat(react-ui): replace Icon zerodevLogo with a dedicated ZeroDevLogo component (#302)

Author: brtkx

apps/zerodev-signer-demo/src/app/components/AppHeader.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { Icon } from "@zerodev/react-ui";
+import { ZeroDevLogo } from "@zerodev/react-ui";
 import { ArrowRight, ChevronDown, ExternalLink, Github } from "lucide-react";
 import Link from "next/link";
 import { useState } from "react";
@@ -20,7 +20,11 @@ export function AppHeader() {
       <div className="mx-auto flex w-full max-w-[1920px] flex-col gap-3 px-4 py-3 sm:px-6 lg:h-[88px] lg:flex-row lg:items-center lg:justify-between lg:px-9 lg:py-0">
         <div className="flex items-center justify-between gap-3">
           <Link href="/" className="flex w-fit items-center gap-2.5 sm:gap-3">
-            <Icon name="zerodevLogo" className="h-7 w-auto shrink-0 sm:h-9" />
+            <ZeroDevLogo
+              variant="lockup"
+              tone="black"
+              className="h-7 w-auto shrink-0 sm:h-9"
+            />
             <div className="flex min-w-0 items-baseline gap-2 sm:gap-3">
               <span className="text-[10px] font-bold uppercase tracking-[0.22em] text-[#9c958c] sm:text-xs">
                 Wallet Demo

apps/zerodev-signer-demo/src/app/favicon.ico

@@ -1,6 +1,6 @@
 'use client'
 
-import { Icon } from '@zerodev/react-ui'
+import { ZeroDevLogo } from '@zerodev/react-ui'
 import { type WalletMode } from '@zerodev/wallet-react'
 import { zeroDevWallet } from '@zerodev/wallet-react-ui'
 import { createConfig, http } from 'wagmi'
@@ -45,7 +45,7 @@ export const config = createConfig({
       }),
       ...(mode && { mode }),
       config: {
-        logo: <Icon name="zerodevLogo" className="zd:h-8 zd:w-auto" />,
+        logo: <ZeroDevLogo variant="mark" tone="color" className="zd:h-8 zd:w-auto" />,
         auth: {
           enabledMethods: ['email', 'google', 'passkey'],
           emailAuthMethod: getEmailAuthMethod(),

apps/zerodev-signer-demo/src/app/icon.svg

@@ -52,6 +52,7 @@ function Example() {
 | `Button` | Labeled call-to-action with `primary` / `secondary` actions and optional leading/trailing icon. |
 | `IconButton` | Square icon-only button. |
 | `Icon` | SVG icon renderer; resolves icons by name from the bundled icon set. |
+| `ZeroDevLogo` | ZeroDev brand logo. `variant` `mark` (icon) or `lockup` (icon + wordmark); `tone` `black` / `offwhite` / `color` / `orange` (`lockup` supports only `black` / `offwhite`). |
 | `Input` | Text / multiline input with `default` / `ghost` / `listItemStyle` variants. |
 | `Switch` | On/off toggle (`role="switch"`). |
 | `Badge` | Pill label with optional leading/trailing icons. |