---
title: "Shape Icons In Flow Designer"
slug: "shape-icon-settings-in-the-flow-designer"
description: "Learn how to customize and resize Flow step icons to make steps easier to recognize and distinguish in the Flow Designer workspace."
tags: ["Flow Designer", "Flow Steps", "flow settings"]
updated: 2026-05-19T20:39:31Z
published: 2026-05-19T20:39:31Z
canonical: "documentation.decisions.com/shape-icon-settings-in-the-flow-designer"
---

> ## 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/version-10/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/image-1779123847000.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/image-1779123929123.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-1779123957907.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/image-1779124053206.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-1779124075320.png)