Code color outline icon
Angle brackets with a forward slash between them inside a circular outline
Related tags
About the Code color outline icon
A circular badge frames a pair of angle brackets split by a forward slash, the universal shorthand for a block of markup or source code. It reads instantly as programming, scripting and software builds. Use it for developer portfolios, documentation menus, API sections on a SaaS site, code-editor toolbars, embed buttons, and course cards for coding bootcamps.
The brackets sit at equal angles either side of a steeply tilted slash, keeping the mark balanced inside a thin even-weight ring. It sits well beside terminal, bug and repository icons in the same set. Keep the ring stroke at 1.5px or above so it survives at 24px.
This is the colour outline version of the code icon: the same line drawing in an accent colour, useful for highlighting a state, a category or a brand tone without adding visual weight.
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.
