Opacity color filled icon

SaveOpacity color filled icon
ColorMulticolor icon — use the Edit button on the preview to recolor
Outline
Opacity Black Outline icon
Filled
Opacity Black Filled icon
Color outline
Opacity Color Outline icon
Color filled

Two overlapping rounded squares in a circle with striped lines in the overlap area

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

About the Opacity color filled icon

Two rounded squares overlap inside a circular frame, and the area where they cross is filled with evenly spaced horizontal lines to show a partly see-through layer. The idea reads as opacity, blending and transparency levels, making it a fit for design tool toolbars, photo editor panels, layer controls, presentation software and print production settings.

The offset squares are identical in size, so the hatched intersection carries the whole meaning and should stay crisp. The outer ring lets it sit neatly among other round toolbar buttons, and it pairs with layers, contrast and blend mode icons in the same set.

This is the colour filled version of the opacity icon: a flat, solid-colour shape that stands out in dashboards, marketing pages and app tiles where the icon needs to carry colour meaning.

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