How to adjust icon opacity

📝 Note: This article reflects the new, updated BioRender canvas. For guidance on the older, Classic canvas, check out this article. 

Adjusting icon opacity can improve the visual clarity of your illustration, especially when layering elements. Making icons more or less transparent allows you to emphasize certain parts of your design while keeping other components in the background.

This article explains how to adjust an icon's opacity using the Transparency slider in BioRender.

Adjust icon opacity

1. Select the icon you want to modify and click "Edit" on the floating menu
2. In the Edit menu, scroll to the bottom to locate the Transparency slider.
3. Drag the slider:
   • Slide to the left to decrease opacity (make the icon more transparent).
   • Slide to the right to increase opacity (make the icon more opaque).
4. Click anywhere on the canvas to apply the change.

✨ Pro tip: Adjusting opacity is great for layering elements, but want your figure to blend cleanly into other designs or slides? Transparent background export (available on Premium plans) removes the white box around your illustration. Perfect for clean overlays in PowerPoint or posters. Learn about transparent exports ↗

Related articles

• Using grouped icons
• Change icon's color
• Aligning and distributing objects on the canvas

Need help?

1. Email: support@biorender.com
2. Live Chat: Available by clicking on the "Help" bubble in the app on the bottom right-hand corner.