Figma logo
The Figma logo as clean SVG, in brand color and mono. Copy it, download it, or install it as a typed React component.
- Brand color
- #f24e1e
- Categories
- Design
- Variants
- 2 SVG files
- Website
- figma.com
- Brand guidelines
- Read before use
- Source
- gilbarbara/logos · CC0
Use the Figma logo
shadcn CLI
npx shadcn@latest add @logoforge/figmaFirst time? Add the @logoforge registry to components.json, or 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.