Gap color outline icon
Two outlined squares connected by a horizontal double-headed arrow across a gap
About the Gap color outline icon
Two equal squares face each other across an open space, joined by a horizontal arrow that points both ways to measure the distance between them. The idea is separation, spacing or a missing link that needs closing. Use it for gap analysis slides, before-and-after comparisons, layout spacing controls in design tools, network connection diagrams and process documentation.
Rounded square corners and a centered double arrow keep the composition balanced and symmetrical, with the arrow tips nearly touching each block. It works next to link, merge and distance icons in the same set. Give it extra horizontal room in tight toolbars.
This is the colour outline version of the gap 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.

















