React color filled icon

SaveReact color filled icon
ColorMulticolor icon — use the Edit button on the preview to recolor
Outline
React Black Outline icon
Filled
React Black Filled icon
Color outline
React Color Outline icon
Color filled

React atom symbol with three crossing orbits and a center dot in a circle

✨ Ready styles — click one to customize it in the Advanced editor

About the React color filled icon

The React mark drawn inside a plain circular badge: three overlapping elliptical orbits cross at the center around a small nucleus dot, forming the familiar atom pattern. It identifies a JavaScript UI library, so it belongs in tech stack lists, developer portfolios and resumes, documentation sidebars, integration and plugin directories, course or bootcamp curricula, and job posting skill tags.

The outer ring gives the mark a consistent footprint next to other framework badges, while the orbit crossings create a dense hexagonal core that stays recognizable when shrunk. Pair it with Node, JavaScript and TypeScript icons in a stack row, and keep it at 24 px or larger.

This is the colour filled version of the react icon: a flat, solid-colour shape that stands out in dashboards, marketing pages and app tiles where the icon needs to carry colour meaning.

Download it free as a scalable SVG vector or transparent-background PNG in seven sizes (16 to 512px), copy the SVG code straight into your project, or open it in the free online editor to change colors, apply gold, silver, neon and gradient styles, animate it, or convert it to EPS, PDF and DXF.

Free for personal and commercial use with attribution.

Icons with the same concept