About
A Figma brand logo rendered as an inline SVG icon component that accepts all standard SVG props.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Figma Icon to your project and fits it to your theme.
Code
How Figma Icon is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import FigmaIcon from "@/components/ui/figma-icon";
export default function FigmaIconDemo() {
return (
<div className="flex min-h-64 items-center justify-center bg-background text-foreground">
<FigmaIcon className="h-24 w-auto" />
</div>
);
}







