Files
copilotkit__copilotkit/docs/components/ui/icons/langgraph.tsx
Claude 9e5db9aa2b docs: replace LangChain/LangGraph icons with new brand symbol
- Create new langchain.tsx icon component with the rebranded LangChain
  symbol SVG (geometric cross pattern from official brand kit)
- Update langgraph.tsx to use the same new LangChain symbol (since the
  integration is now branded as LangChain)
- Replace SiLangchain (react-icons) with custom LangchainIcon in
  custom-icons.tsx and langgraph/index.mdx
- Remove unused SiLangchain import from quickstart.mdx
- Remove temp/ SVG directory (raw brand assets no longer needed)

https://claude.ai/code/session_01JAQ7P3GEeP2bGZtc6V45WY
2026-04-02 17:21:00 +02:00

47 lines
1.5 KiB
TypeScript

import React from "react";
import { cn } from "@/lib/utils";
interface LanggraphIconProps {
className?: string;
width?: number;
height?: number;
}
const DEFAULT_CLASSNAME = "text-icon";
const LanggraphIcon = ({
className,
width = 16,
height = 16,
}: LanggraphIconProps) => {
return (
<svg
width={width}
height={height}
viewBox="0 0 128 128"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className={cn(DEFAULT_CLASSNAME, className)}
>
<path
d="M40.1024 85.0722C47.6207 77.5537 51.8469 67.3453 51.8469 56.7136C51.8469 46.0818 47.617 35.8734 40.1024 28.355L11.7446 0C4.22995 7.5185 0 17.7269 0 28.3586C0 38.9903 4.22995 49.1987 11.7446 56.7172L40.0987 85.0722H40.1024Z"
fill="currentColor"
/>
<path
d="M99.4385 87.698C91.9239 80.1832 81.7121 75.9531 71.0844 75.9531C60.4566 75.9531 50.2448 80.1832 42.7266 87.698L71.0844 116.057C78.599 123.571 88.8107 127.802 99.4421 127.802C110.074 127.802 120.282 123.571 127.8 116.057L99.4421 87.698H99.4385Z"
fill="currentColor"
/>
<path
d="M11.8146 115.987C19.3329 123.502 29.541 127.732 40.1724 127.732V87.6289H0.0664062C0.0700559 98.2606 4.29635 108.469 11.8146 115.987Z"
fill="currentColor"
/>
<path
d="M110.387 45.7684C102.869 38.2535 92.6608 34.0198 82.0258 34.0234C71.3943 34.0234 61.1863 38.2535 53.668 45.772L82.0258 74.1306L110.387 45.7684Z"
fill="currentColor"
/>
</svg>
);
};
export default LanggraphIcon;