Adjust an icon's opacity/transparency Adjust an icon's opacity/transparency

Adjust an icon's opacity/transparency

Stefan Pintaric Stefan Pintaric

Adjusting icon opacity can enhance your design by making icons more visible under overlapping elements. In this tutorial, we'll show you how to do it.

 To adjust an icon's opacity:

  1. Select the icon you would like to adjust.
  2. In the side menu, locate the "Transparency" slider at the bottom.
  3. Drag the slider to the left to decrease opacity or to the right to increase opacity, depending on your needs.
  4. Click anywhere on the canvas to apply the change.

Where to locate the transparency slider in the side tool bar:

Untitled (44).png