React color outline icon

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

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 outline 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 outline version of the react icon: the same line drawing in an accent colour, useful for highlighting a state, a category or a brand tone without adding visual weight.

Get it free as an SVG vector or transparent PNG (16-512px), copy the SVG code, or restyle it in the free online editor — recolor any part, add gold, neon or gradient effects, animate it, or export EPS, PDF and DXF.

Free for personal and commercial use with attribution.

Icons with the same concept