Opacity black filled icon
Two overlapping rounded squares whose shared area is filled with horizontal lines
Related tags
About the Opacity black filled 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 solid black filled version of the opacity icon: a bold silhouette that reads clearly at 16-24 px and on dark or busy backgrounds, and prints well in one colour.
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.
