Opacity Overlapping Circles black filled icon

SaveOpacity Overlapping Circles black filled icon
Color
Outline
Opacity Overlapping Circles Black Outline icon
Filled

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 filled 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 solid black filled version of the opacity overlapping circles icon: a bold silhouette that reads clearly at 16-24 px and on dark or busy backgrounds, and prints well in one colour.

Download it free as a scalable SVG vector or transparent-background PNG in seven sizes (16 to 512px), copy the SVG code straight into your project, or open it in the free online editor to change colors, apply gold, silver, neon and gradient styles, animate it, or convert it to EPS, PDF and DXF.

Free for personal and commercial use with attribution.

Icons with the same concept