Add icons to this collection by clicking the heart icon.
Transparency icon - also known as interface, graphics editor, graphic design, design, graphic tool, transparency, and edit tools. Created in a clean lineal color style with a white, silver, and black finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M461.102 50.898H50.899v410.203h410.203z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eff5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M461.102 50.898h-40.121v410.203h40.121z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#cae5e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M119.266 392.734H50.899v68.367h68.367z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#a8d3d9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M187.633 392.734h-68.367v68.367h68.367z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eff5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M256 392.734h-68.367v68.367H256Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#a8d3d9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M324.367 392.74h-68.373v68.362h68.373zM119.266 324.367H50.899v68.367h68.367z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eff5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M187.633 324.367h-68.367v68.367h68.367z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#a8d3d9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M256 324.367h-68.367v68.367H256Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eff5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M324.367 324.367h-68.373v68.373h68.373zM119.266 256H50.899v68.367h68.367z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#a8d3d9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M187.633 256h-68.367v68.367h68.367z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eff5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M256 256h-68.367v68.367H256Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#a8d3d9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M324.367 255.995h-68.373v68.373h68.373zM119.266 187.633H50.899V256h68.367z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eff5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M187.633 187.633h-68.367V256h68.367z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#a8d3d9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M256 187.633h-68.367V256H256Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eff5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M324.367 187.633h-68.373v68.362h68.373zM392.734 392.734h-68.367v68.367h68.367z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#a8d3d9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M392.734 324.367h-68.367v68.367h68.367z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eff5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M461.1 324.37h-68.37v68.36h68.37z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#a8d3d9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M461.1 324.37h-40.12v68.36h40.12z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#8fbac5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M392.734 256h-68.367v68.367h68.367z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#a8d3d9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M461.1 256h-68.37v68.37h68.37z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eff5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M461.1 256h-40.12v68.37h40.12z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#cae5e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M392.734 187.633h-68.367V256h68.367z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eff5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M461.1 187.63h-68.37V256h68.37z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#a8d3d9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M420.98 256h40.12v-68.37h-40.12Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#8fbac5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M119.266 119.266H50.899v68.367h68.367z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#a8d3d9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M187.633 119.266h-68.367v68.367h68.367z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eff5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M256 119.266h-68.367v68.367H256Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#a8d3d9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M324.367 119.271h-68.373v68.362h68.373zM119.266 50.898H50.899v68.367h68.367z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eff5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M187.633 50.898h-68.367v68.367h68.367z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#a8d3d9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M256 50.898h-68.367v68.367H256Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eff5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M324.367 50.898h-68.373v68.373h68.373z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#a8d3d9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M392.734 119.266h-68.367v68.367h68.367z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#a8d3d9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M461.1 119.27h-68.37v68.36h68.37z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eff5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M420.98 187.63h40.12v-68.36h-40.12Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#cae5e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M392.734 50.898h-68.367v68.367h68.367z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#eff5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M461.1 50.9h-68.37v68.37h68.37z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#a8d3d9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M420.98 119.27h40.12V50.9h-40.12z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#8fbac5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v410.203"
transform="matrix(1.33333 0 0 -1.33333 159.02 614.802)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-410.203"
transform="matrix(1.33333 0 0 -1.33333 523.646 67.865)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v410.203"
transform="matrix(1.33333 0 0 -1.33333 250.177 614.802)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-410.203"
transform="matrix(1.33333 0 0 -1.33333 432.49 67.865)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-410.203"
transform="matrix(1.33333 0 0 -1.33333 341.326 67.865)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h410.203"
transform="matrix(1.33333 0 0 -1.33333 67.865 159.02)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-410.203"
transform="matrix(1.33333 0 0 -1.33333 614.802 523.646)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h410.203"
transform="matrix(1.33333 0 0 -1.33333 67.865 250.177)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-410.203"
transform="matrix(1.33333 0 0 -1.33333 614.802 432.49)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-291.255"
transform="matrix(1.33333 0 0 -1.33333 614.802 341.326)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-85.957"
transform="matrix(1.33333 0 0 -1.33333 182.474 341.326)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-497"
transform="translate(50.898 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v267.153"
transform="translate(461.102 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v196.856"
transform="translate(461.102 307.644)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-497"
transform="translate(504.5 461.102)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h198.66"
transform="translate(305.84 50.898)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h265.349"
transform="translate(7.5 50.898)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.104"
transform="translate(426.866 489.976)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.104"
transform="translate(426.866 22.024)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.104"
transform="translate(85.03 489.976)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.104"
transform="translate(85.03 22.024)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-.104"
transform="translate(489.976 85.134)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-.104"
transform="translate(22.024 85.134)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-.104"
transform="translate(489.976 426.97)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-.104"
transform="translate(22.024 426.97)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category