Opacity Overlapping Circles black outline icon

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

Outline icon of two overlapping circles with diagonal hatching in the shared area

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

About the Opacity Overlapping Circles black outline icon

Two equal circles sit diagonally and overlap in the middle, where the shared lens area is filled with evenly spaced diagonal lines to stand in for a semi-transparent layer. It reads as opacity, transparency and blending rather than a plain Venn diagram. Use it in image editor toolbars, layer and effect panels, print preview settings, brand guideline slides and CSS documentation.

The hatching does the work of a percentage fill while staying monochrome, and the thin even strokes keep both circles equally weighted. It pairs with contrast, brightness and blend mode icons in the same toolbar. At small sizes, widen the hatch spacing so the overlap does not turn solid.

This is the black outline version of the opacity overlapping circles 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