Opacity color outline icon

About the Opacity color outline 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 outline version of the opacity icon: the same line drawing in an accent colour, useful for highlighting a state, a category or a brand tone without adding visual weight.

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.