Opacity black outline icon
Two overlapping rounded squares whose shared area is filled with horizontal lines
Related tags
About the Opacity black outline icon
Two rounded squares of equal size overlap corner to corner, and the shared region is filled with evenly spaced horizontal lines that read as a semi-transparent tint. It is the standard way to express opacity, transparency and layer blending, making it right for design tools, photo editors, CSS panels, map layer controls and print settings.
The line fill appears only in the intersection, so the idea survives scaling, and the rounded corners match modern toolbar sets. Group it with layers, contrast and brightness icons, and keep the stripe spacing consistent with other pattern icons in the same toolbar.
This is the black outline version of the opacity icon: even, monoline strokes that stay crisp at small sizes and suit clean, minimal interfaces, wireframes and light backgrounds.
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.



















