Opacity Overlapping Squares black outline icon
Two overlapping rounded squares with horizontal stripes filling the shared area
Related tags
About the Opacity Overlapping Squares black outline icon
Two equally sized rounded squares sit offset from each other, one up and left, the other down and right, and the region where they overlap is filled with evenly spaced horizontal bars that stand in for a semi-transparent layer. It maps directly to opacity and blend controls in editors, layer panels, image tools, print prepress settings, and design system documentation.
Corner radii and stroke weight match on both squares, so neither reads as foreground; only the striped intersection carries meaning. Pair it with layers, contrast and blend mode icons in a toolbar. Keep it at 24 px or above or the stripes collapse into a solid block.
This is the black outline version of the opacity overlapping squares icon: even, monoline strokes that stay crisp at small sizes and suit clean, minimal interfaces, wireframes and light backgrounds.
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.
