⭐ Can I get Free Transparency Grid Icon SVG?

Yes, you can get free Transparency Grid SVG icons.

⭐ How to download free Transparency Grid Icon SVG code?

To download free Transparency Grid icons in SVG code click on the copy code button.

⭐ How to find the Transparency Grid Icon SVG path file?

You can get the Transparency Grid SVG file path from the above section.

⭐ What are the colors available for SVG Transparency Grid Icon?

You can check the Transparency Grid SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.

Transparency Grid Icon SVG

Transparency Grid

Transparency grid SVG Icon Code | Customize color

You can get svg icon transparency grid in blue, white, red color and transparent color from below list. You can also customize color using color picker.

Transparency grid

Svg Code

 <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity=".25" fill-rule="evenodd" clip-rule="evenodd" d="M0 0H3V3H0V0ZM6 3H3V6H0V9H3V12H0V15H3V12H6V15H9V12H12V15H15V12H12V9H15V6H12V3H15V0H12V3H9V0H6V3ZM6 6V3H9V6H6ZM6 9H3V6H6V9ZM9 9V6H12V9H9ZM9 9H6V12H9V9Z" fill="currentColor" /> </svg>

Transparency grid

Svg Code

 <svg style='color: white' width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity=".25" fill-rule="evenodd" clip-rule="evenodd" d="M0 0H3V3H0V0ZM6 3H3V6H0V9H3V12H0V15H3V12H6V15H9V12H12V15H15V12H12V9H15V6H12V3H15V0H12V3H9V0H6V3ZM6 6V3H9V6H6ZM6 9H3V6H6V9ZM9 9V6H12V9H9ZM9 9H6V12H9V9Z" fill="currentColor" /> </svg>

Transparency grid

Svg Code

 <svg style='color: red' width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity=".25" fill-rule="evenodd" clip-rule="evenodd" d="M0 0H3V3H0V0ZM6 3H3V6H0V9H3V12H0V15H3V12H6V15H9V12H12V15H15V12H12V9H15V6H12V3H15V0H12V3H9V0H6V3ZM6 6V3H9V6H6ZM6 9H3V6H6V9ZM9 9V6H12V9H9ZM9 9H6V12H9V9Z" fill="currentColor" /> </svg>

Transparency grid

Svg Code

 <svg style='color: blue' width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity=".25" fill-rule="evenodd" clip-rule="evenodd" d="M0 0H3V3H0V0ZM6 3H3V6H0V9H3V12H0V15H3V12H6V15H9V12H12V15H15V12H12V9H15V6H12V3H15V0H12V3H9V0H6V3ZM6 6V3H9V6H6ZM6 9H3V6H6V9ZM9 9V6H12V9H9ZM9 9H6V12H9V9Z" fill="currentColor" /> </svg>

Transparency grid

Svg Code

 <svg style='color: #f3da35' width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity=".25" fill-rule="evenodd" clip-rule="evenodd" d="M0 0H3V3H0V0ZM6 3H3V6H0V9H3V12H0V15H3V12H6V15H9V12H12V15H15V12H12V9H15V6H12V3H15V0H12V3H9V0H6V3ZM6 6V3H9V6H6ZM6 9H3V6H6V9ZM9 9V6H12V9H9ZM9 9H6V12H9V9Z" fill="currentColor" /> </svg>

Advance Editor

You can edit transparency grid as below. Change size color and background color of icon using below tool.

fontawesomeicons.com

Size

Stroke

shapes

Size

Stroke

tab 2 content

Tab 3 content

Transparency Grid Icon SVG

Transparency Grid

Transparency grid SVG Icon Code | Customize color

Transparency grid

Svg Code

Transparency grid

Svg Code

Transparency grid

Svg Code

Transparency grid

Svg Code

Transparency grid

Svg Code

Advance Editor

Related Icons