Efferd

Figma Icon

Component 1

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>
  );
}

More by Efferd

View all
  • Testimonials Columns

    Testimonials Columns

    7.1K
  • Zoom Parallax

    Zoom Parallax

    5.2K
  • Dotted Surface

    Dotted Surface

    3.5K
  • Footer Section

    Footer Section

    2.7K
  • Grid Feature Cards

    Grid Feature Cards

    1.9K
  • Logo Cloud 2

    Logo Cloud 2

    1.6K
  • Header 3

    Header 3

    1.5K
  • Logo Cloud 3

    Logo Cloud 3

    1.5K

Explore more

Part of Efferd UI — browse the full library on 21st.dev.