Design tool / SVG + React

Figma logo & icon

Get the Figma logo SVG in color or grayscale and copy React usage. Add it to design portfolios, team tool directories and design-to-development workflows.

Figma · light

Download Figma SVG ↓

import StackIcon from "tech-stack-icons";

<StackIcon name="figma" variant="light" className="h-12 w-12" />

SVG is standalone. React requires the npm package.

npm install tech-stack-icons

The light and dark assets currently share the same multicolor mark. The grayscale asset is available for monochrome tool lists.

Connect design tools with your development stack

Use the Figma product mark in your portfolio, process diagram or team documentation. Preserve the proportions and colors of the full mark. This represents the Figma tool; it is separate from the Tech Stack Icons plugin that helps you insert icons into a Figma file.

For a handoff diagram, place Figma before your UI library and implementation tools. Use the plugin link below when you need to insert technology marks into your design canvas.

From browser to canvas

Use your icons where you work

Insert technology icons into your design or workshop without managing a folder of logo files.

Open the Figma plugin ↗Open the Miro app ↗

How to use the Figma icon

Choose a theme and download the SVG for your website, README or presentation.
For React, install tech-stack-icons and copy the component snippet. The variant prop selects the same theme shown here.
Keep the original proportions, include a clear label and check the result on your actual background.

The package code is MIT licensed. Brand names and logos belong to their respective owners; a library license does not grant trademark rights. Check the official Figma website for brand guidance.

More icons for your stack

Need another tool? Search the complete icon library or follow the GitHub README guide.