How do I use grouped icons?

What grouped icons are, how to identify them, and grouping and ungrouping icons.

Stefan Pintaric avatar
Written by Stefan Pintaric
Updated over a week ago

The group function is useful when you’re creating something that contains several individual objects. Grouping objects together ensures all components stay together when you move, scale, or rotate them.

Many of the icons in our library are grouped by default to give you more control. Grouped icons can be identified by their purple bounding box.

Note: Free users can include already grouped icons in their figures, although they cannot ungroup them

Grouping and ungrouping objects

To group the objects

  1. Hold down the Shift key and click each of the objects you’d like to include in the group. Alternatively, you can drag over the objects to select them.
    Note: To deselect an object, press Shift and click on it.

  2. Then, group the object using one of the following methods:

  • Press Ctrl + G (Mac: Command + G),

  • Click Group from the top menu, or

  • Right-click and select group from the menu.

3. A purple bounding box will appear, indicating the selected objects are grouped.

To ungroup the objects

  1. Click the grouped objects.

  2. Press Ctrl + Shift + G (Mac: Command + Shift + G), or select Ungroup from the top menu.

Why should I use the group function?

The group function is useful when you have:

  • A number of small objects of the same type that you want to modify together (e.g. changing colors of particles simultaneously)

  • Parts of an illustration that you want to arrange or move together quickly (eg. steps in a protocol)

Editing individual objects in a group

To make changes to a single object within a group:

  1. Double-click to enter the group.

  2. Click on an object to select it, then edit it as you’d like.

Click anywhere outside of the object to save your changes. Alternatively, press Escape (esc) on your keyboard.

Did this answer your question?