Pixelarticons

Figma Pixel Art Icon

Figma's brand icon for 'Open in Figma' links, design-tool integrations and product-team resource pages.

brands Pro 1 variant

Tags

design

Style variants

base

Outline ยท rounded corners

Get Pro

Base, sharp, solid or glyph: see how the four styles differ and which to use.

About the Figma icon

The Figma logo: three overlapping circles plus a rectangle that form the distinctive multicolor 'F' shape. It signals UI design, collaborative prototyping, and design-system work to product teams. Place it in a 'Designed in Figma' footer credit, a 'View mockups' button, or a design-tool comparison table alongside Sketch and Adobe XD. Outside design-tool contexts, the mark may not be recognized, so pair it with the Figma wordmark on public-facing pages.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/figma.svg" width="24" height="24" alt="Figma" />

<!-- React -->
import { Figma } from 'pixelarticons/react'

<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="figma.svg" width="48" height="48" style="image-rendering: pixelated" />

Related icons