Antigravity Logo

1const COLORS = {
2  dark: "#FFFFFF",
3  light: "#000000",
4};
5 
6const ICON_PATH =
7  "M89.7 93.7c4.667 3.5 11.667 1.167 5.25-5.25C75.7 69.778 79.783 18.445 55.866 18.445S36.033 69.778 16.783 88.445c-7 7-.417 8.75 4.25 5.25 18.083-12.25 16.916-33.834 33.833-33.834s16.834 21.584 34.834 33.834z";
8 
9function GradientDef({ id }: { id: string }) {
10  return (
11    <defs>
12      <linearGradient
13        gradientUnits="userSpaceOnUse"
14        id={id}
15        x1="16"
16        y1="18"
17        x2="96"
18        y2="18"
19      >
20        <stop offset="0" stopColor="#00B95C" />
21        <stop offset="0.35" stopColor="#FBBC04" />
22        <stop offset="0.65" stopColor="#FC413D" />
23        <stop offset="1" stopColor="#3186FF" />
24      </linearGradient>
25    </defs>
26  );
27}
28 
29export function AntigravityLogo({
30  className,
31  variant = "icon",
32  mode = "dark",
33}: {
34  className?: string;
35  variant?: "icon" | "icon-color";
36  mode?: "dark" | "light";
37}) {
38  const color = COLORS[mode];
39 
40  if (variant === "icon") {
41    return (
42      <svg
43        role="img"
44        viewBox="0 0 112 112"
45        xmlns="http://www.w3.org/2000/svg"
46        className={className}
47        fill="none"
48      >
49        <title>Antigravity</title>
50        <path d={ICON_PATH} fill={color} />
51      </svg>
52    );
53  }
54 
55  return (
56    <svg
57      role="img"
58      viewBox="0 0 112 112"
59      xmlns="http://www.w3.org/2000/svg"
60      className={className}
61      fill="none"
62    >
63      <title>Antigravity</title>
64      <GradientDef id="antigravity-gradient" />
65      <path d={ICON_PATH} fill="url(#antigravity-gradient)" />
66    </svg>
67  );
68}