Logoforge
Back

Figma logo

Figma enables collaborative interface design in the browser, letting developers and designers prototype, share, and inspect UI components together. The Figma logo as clean SVG, in brand color and mono. Copy it, download it, or install it as a typed React component.

Figma logo
Brand color
#f24e1e
Categories
Design
Variants
2 SVG files
Website
figma.com
Brand guidelines
Read before use
Source
gilbarbara/logos · CC0
Sponsor

Use the Figma logo

shadcn CLI
npx shadcn@latest add @logoforge/figma

Works out of the box — @logoforge is in the official shadcn directory. Prefer your AI editor? Use the MCP server.

React
import { FigmaLogo } from "@/components/logos/figma";

<FigmaLogo className="size-8" />
<FigmaLogo variant="mono" />          {/* currentColor */}
icon.svg
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 384"><path fill="#0acf83" d="M64 384c35.328 0 64-28.672 64-64v-64H64c-35.328 0-64 28.672-64 64s28.672 64 64 64"/><path fill="#a259ff" d="M0 192c0-35.328 28.672-64 64-64h64v128H64c-35.328 0-64-28.672-64-64"/><path fill="#f24e1e" d="M0 64C0 28.672 28.672 0 64 0h64v128H64C28.672 128 0 99.328 0 64"/><path fill="#ff7262" d="M128 0h64c35.328 0 64 28.672 64 64s-28.672 64-64 64h-64z"/><path fill="#1abcfe" d="M256 192c0 35.328-28.672 64-64 64s-64-28.672-64-64 28.672-64 64-64 64 28.672 64 64"/></svg>

Download

Related logos

Figma and the Figma logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by Figma; the logo is provided to refer to the product. Follow the brand's own guidelines. Own this brand and want it removed? Contact us — handled within 72 hours.