Logoluv

Opacity icon

A free opacity icon from the design set: a line 24×24 SVG for ideas like transparency, alpha, transparent, fade, overlap. Copy the code, or download it as SVG or a transparent PNG, free for personal and commercial use.

opacity icon

Download

SVGAnimated SVG

About this icon

  • Set: Design icons
  • Style: line, on a 24×24 grid, a 2px stroke in currentColor, so it takes the colour of the text around it
  • Good for: transparency, alpha, transparent, fade, overlap, layers, design, blend
  • Licence: Tabler Icons, MIT, no credit needed

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2"/><path d="M6 18v.01"/><path d="M18 18v.01"/><path d="M9 18v.01"/><path d="M12 18.01v.01"/><path d="M15 18.01v.01"/><path d="M18 15.01v.01"/><path d="M9 15.01v.01"/><path d="M12 15.02v.01"/><path d="M15 15.02v.01"/><path d="M18 12.02v.01"/><path d="M12 12.03v.01"/><path d="M15 12.03v.01"/><path d="M18 9.03v.01"/><path d="M18 6.04v.01"/><path d="M15 9.04v.01"/></svg>

More design icons