---
title: "Shape Icons In Flow Designer"
slug: "shape-icon-settings-in-the-flow-designer"
tags: ["Flow Designer", "Flow Steps", "flow settings"]
updated: 2025-06-17T18:08:09Z
published: 2025-06-17T18:08:09Z
---

> ## Documentation Index
> Fetch the complete documentation index at: https://documentation.decisions.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Shape Icons In Flow Designer

## Overview

Steps added to the workspace in a Flow Designer can have their icons altered or resized. This can allow steps to be more informative at a glance.

---

## Changing Step Shape and Color

1. [Create or open an existing Flow](https://documentation.decisions.com/v9/docs/create-flows).
2. Select a step in the workspace.
3. To adjust the size of the step, click and drag any corner of the Step.
4. Under **Step Information**, click the pencil icon next to the **Shape Settings**.![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/2025-06-17_14h02_07.png)
5. In the **Edit**dialog, change the **Shape Type**.
6. The step color can be adjusted under the**Shape Settings** header in the Edit menu.![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/2025-06-17_14h03_14.png)
7. Click OK to save the changes. The step will reflect the changes.

![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/image-1750183488652.png)

---

## Adding an Image

For certain Shape Types, an image can be selected and used as an icon for the steps.

1. Select the step and navigate to **Step Information > Shape Setting****s** in the **Properties** panel.
2. Click the Pencil Icon to open the Edit dialog
3. Select a Shape Type that contains the **Image** header as a property. For this example, Shape Type was set to Image.
4. Under **Image** check **Has Image**. New settings to select and adjust the image will appear.![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/2025-06-17_14h05_46.png)
5. Select or upload an icon by selecting the pencil icon next to the **Image**.

![](https://cdn.document360.io/6ef8bcc1-6489-4486-9ad1-83acff7e5df0/Images/Documentation/image-1750183668010.png)

---