All Collections
How to BioRender guides
Icons
How do I edit an icon's color?
How do I edit an icon's color?
Edit an icon's color, opacity, saturation and more!
Christina avatar
Written by Christina
Updated over a week ago
  • BioRender has a number of pre-set color options for each icon, making it easy to design a visually cohesive figure.

  • To customize the style of icons to fit your needs, you can choose custom colors or customize icons at any time while illustrating.

Changing the color of a single icon

  1. Select the icon you’d like to change.

  2. From the side menu, select one of the presets or apply a color overlay.

Changing a layer of an icon

  • Some icons allow you to customize individual “layers” (parts of the icon). Customizing layers gives you the ability to create even more unique icons for your specific needs. For some layers, you can only apply a color to the entire layer

  • Other layers will allow you to adjust the fill color, border color, border width, and border dash.

Bulk-edit individual icons of the same type

To edit a number of the same type of icons at once:

  1. Right-click on one of the icons you want to change.

  2. From the drop-down, click on Select All Same Icons.

  3. Edit by applying a color overlay.

Frequently Asked Questions

  1. How can I edit grouped icons?

To edit icons in a group, double click on the group to select and edit individual parts.

2. How can I delete a color overlay?

To remove a color, right-click on the color and select "Delete."

3. Why can't I customize this icon?

Our icons have different levels of customizability based on the icon type and their most common use cases. The level of customizability is determined by our team of science illustrators. Please let us know if you think some icons should be more customizable.


Check out this and other features available to premium users only and sign up for BioRender premium!

Did this answer your question?