Opacity Overlapping Squares black filled icon
Two overlapping rounded squares with horizontal stripes filling the shared area
Related tags
About the Opacity Overlapping Squares black filled 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 solid black filled version of the opacity overlapping squares icon: a bold silhouette that reads clearly at 16-24 px and on dark or busy backgrounds, and prints well in one colour.
It downloads free as an SVG vector or transparent PNG in seven sizes, and the free online editor lets you recolor it, apply gold, silver, neon and gradient styles, add animation, or convert it to EPS, PDF and DXF.
Free for personal and commercial use with attribution.
