Opacity black outline icon

SaveOpacity black outline icon
Color
StrokeRegular ·1.0×
Outline
Filled
Opacity Black Filled icon

Two overlapping rounded squares whose shared area is filled with horizontal lines

✨ Ready styles — click one to customize it in the Advanced editor

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.

Icons with the same concept