Google DocsGoogle SlidesGoogle SheetsNewFree icons inside Google Docs™, Slides™ & Sheets™Install free →

Code color outline icon

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

Angle brackets with diagonal slash, code and programming symbol

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

About the Code color outline icon

This icon shows two angle brackets, one facing left and one facing right, with a diagonal slash line running between them. It's the widely recognized symbol for source code, HTML tags, and programming. Use it on developer portals, code editors, documentation sites, tech blogs, and software product interfaces.

The brackets curve slightly at their tips while the slash cuts diagonally through the center, keeping the mark balanced and legible even at very small sizes. It pairs naturally with terminal, file, and bug icons in a developer icon set. Reads clearly down to 16px in navigation bars.

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.

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