CodePilot/src/components/chat/CodePilotLogo.tsx at main · gsmdownloadmanager/CodePilot · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
import { cn } from '@/lib/utils';

interface CodePilotLogoProps {
  className?: string;
}

export function CodePilotLogo({ className }: CodePilotLogoProps) {
  return (
    <svg
      viewBox="-150 -150 300 300"
      xmlns="http://www.w3.org/2000/svg"
      className={cn("rounded-full", className)}
    >
      {/* Background: gray in light, dark in dark mode */}
      <rect
        x="-150" y="-150" width="300" height="300"
        className="fill-[#e0e0e0] dark:fill-[#2a2a2a]"
      />

      <defs>
        <g id="codepilot-cube">
          {/* Top Face */}
          <path
            d="M0,0 L0,-30 L25.98,-15 L25.98,15 Z"
            className="fill-[#e0e0e0] stroke-black dark:fill-[#2a2a2a] dark:stroke-white"
            strokeWidth="2.5"
            strokeLinejoin="round"
            strokeLinecap="round"
          />
          {/* Left Face */}
          <path
            d="M0,0 L25.98,15 L0,30 L-25.98,15 Z"
            className="fill-[#e0e0e0] stroke-black dark:fill-[#2a2a2a] dark:stroke-white"
            strokeWidth="2.5"
            strokeLinejoin="round"
            strokeLinecap="round"
          />
          {/* Right Face */}
          <path
            d="M0,0 L-25.98,15 L-25.98,-15 L0,-30 Z"
            className="fill-[#e0e0e0] stroke-black dark:fill-[#2a2a2a] dark:stroke-white"
            strokeWidth="2.5"
            strokeLinejoin="round"
            strokeLinecap="round"
          />
        </g>
      </defs>

      {/* Layer Z = -1 (Bottom) */}
      <use href="#codepilot-cube" x="-25.98" y="15" />
      <use href="#codepilot-cube" x="25.98"  y="15" />
      <use href="#codepilot-cube" x="0"      y="30" />
      <use href="#codepilot-cube" x="-25.98" y="45" />
      <use href="#codepilot-cube" x="25.98"  y="45" />

      {/* Layer Z = 0 (Middle) */}
      <use href="#codepilot-cube" x="0"      y="-30" />
      <use href="#codepilot-cube" x="-25.98" y="-15" />
      <use href="#codepilot-cube" x="25.98"  y="-15" />
      <use href="#codepilot-cube" x="0"      y="0" />
      <use href="#codepilot-cube" x="-51.96" y="0" />
      <use href="#codepilot-cube" x="51.96"  y="0" />
      <use href="#codepilot-cube" x="-25.98" y="15" />
      <use href="#codepilot-cube" x="25.98"  y="15" />
      <use href="#codepilot-cube" x="0"      y="30" />

      {/* Layer Z = 1 (Top) */}
      <use href="#codepilot-cube" x="-25.98" y="-45" />
      <use href="#codepilot-cube" x="25.98"  y="-45" />
      <use href="#codepilot-cube" x="0"      y="-30" />
      <use href="#codepilot-cube" x="-25.98" y="-15" />
      <use href="#codepilot-cube" x="25.98"  y="-15" />
    </svg>
  );
}