UI library / SVG + React

React logo & icon

Free React logo SVG with a copyable React component example. Choose light, dark or grayscale assets for GitHub READMEs, portfolios and frontend stack diagrams.

React · light

Download React SVG ↓

import StackIcon from "tech-stack-icons";

<StackIcon name="react" 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 blue artwork. Grayscale is a separate neutral asset; choose a surface with enough contrast.

Make your frontend stack easy to scan

Use the React atom mark in a skills section, frontend architecture diagram or repository README. Label it React for clarity. If your project uses React Native, describe that in the surrounding text rather than assuming this shared symbol communicates the target platform.

For a README, download the SVG into your repository and reference it with a descriptive image label. For a React interface, install the library once and use the component snippet below.

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 React 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 React website for brand guidance.

More icons for your stack

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