# Create PDI icons

This design guideline is intended to help you maintain consistency with other user interface elements within Pentaho Data Integration. It's recommended that you create your icon in vector shapes using a design tool which saves or exports to Scalable Vector Graphics (SVG) Version 1.1 format. Vector shapes allow assets to be scaled up without loss of detail and crisp edges.

**Note:** The W3C offers a [list of programs](http://www.w3.org/Graphics/SVG/WG/wiki/Implementations) that support SVG.

## The anatomy of a PDI icon

This section reviews the breakdown of what goes inside the icons.

| Icon                                                                                                                                                                                                                                      | ID                                 | Description                         |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------- | ----------------------------------- |
| <p><img src="https://1041214956-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiFWuQjAZNxh1EoQbRnsT%2Fuploads%2Fgit-blob-05c61a3c91ae9a458960cd5f10a16ea9428caee7%2FssPDIIcon_Anatomy.png?alt=media" alt="icon"></p> | 1: Icon fill color                 | The primary stroke color is #3D6380 |
| 2: Icon border color                                                                                                                                                                                                                      | The primary stroke is 1.7pt        |                                     |
| 3: Icon foreground line color                                                                                                                                                                                                             | The secondary stroke size is 0.8pt |                                     |

## Positioning action indicators

| Icon                                                                                                                                                                                                                                                                     | ID                                                                                                                                    | Description                                                                                                                                              |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <p><img src="https://1041214956-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiFWuQjAZNxh1EoQbRnsT%2Fuploads%2Fgit-blob-de7a58b758a802cecc23bf965e1695fb88a5d23e%2FssPDIIcon_FinalPosition.png?alt=media" alt="Positioning action indicators"></p> | 1: Action indicator                                                                                                                   | For any PDI icon which requires an action indicator, the icon must have the secondary element placed in the top-left or bottom-right corner of the icon. |
| 2: Forty-five degree slice for positioning action indicators                                                                                                                                                                                                             | The primary element within the icon is recommended to have a 45º angle sliced through, and the secondary element placed in that spot. |                                                                                                                                                          |

### Action indicator badges

| Icon                                                                                                                                                                                                                                                      | Description                                     | Icon                                                                                                                                                                                                                                                   | Description                                                 | Icon                                                                                                                                                                                                                                                       | Description              |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------ |
| <p><img src="https://1041214956-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiFWuQjAZNxh1EoQbRnsT%2Fuploads%2Fgit-blob-0e76f3c78cf3c52fc2d197c01a6b60f4999e1a0b%2FssPDIIcon_Input.png?alt=media" alt="input indicator"></p>        | Input / Import /Get / Download / Extract / Read | <p><img src="https://1041214956-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiFWuQjAZNxh1EoQbRnsT%2Fuploads%2Fgit-blob-2f424f6759be830bd53e56cd0497b9022028a9a2%2FssPDIIcon_Output.png?alt=media" alt="output indicator"></p>   | <p>Output / Upload /Export / Insert /</p><p>Put / Write</p> | <p><img src="https://1041214956-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiFWuQjAZNxh1EoQbRnsT%2Fuploads%2Fgit-blob-4824458b507c2c0007e430775840d33ced933abc%2FssPDIIcon_Validates.png?alt=media" alt="validated indicator"></p> | Validate                 |
| <p><img src="https://1041214956-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiFWuQjAZNxh1EoQbRnsT%2Fuploads%2Fgit-blob-ba15403e50d095cac87200d656c17c750ddbecce%2FssPDIIcon_Create.png?alt=media" alt="create indicator"></p>      | Create                                          | <p><img src="https://1041214956-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiFWuQjAZNxh1EoQbRnsT%2Fuploads%2Fgit-blob-3815735bd97bdaf5abac62a25f3d0f94de4ea308%2FssPDIIcon_Compare.png?alt=media" alt="compare indicator"></p> | Compare                                                     | <p><img src="https://1041214956-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiFWuQjAZNxh1EoQbRnsT%2Fuploads%2Fgit-blob-eccb92d67995ae34ebf1a27eda2922dabbdf7bc9%2FssPDIIcon_Wait.png?alt=media" alt="wait indicator"></p>           | Wait                     |
| <p><img src="https://1041214956-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiFWuQjAZNxh1EoQbRnsT%2Fuploads%2Fgit-blob-9a4f5df6bc7a943f9d13d7d6ed776f94a85a4a16%2FssPDIIcon_Block.png?alt=media" alt="block indicator"></p>        | Block                                           | <p><img src="https://1041214956-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiFWuQjAZNxh1EoQbRnsT%2Fuploads%2Fgit-blob-248cb0753d8656b19d2badfd6298880240dd932c%2FssPDIIcon_Execute.png?alt=media" alt="execute indicator"></p> | Execute / Call                                              | <p><img src="https://1041214956-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiFWuQjAZNxh1EoQbRnsT%2Fuploads%2Fgit-blob-311945f644bf7e10bb65e855367f5292f78eccce%2FssPDIIcon_Search.png?alt=media" alt="search indicator"></p>       | Search / Lookup / Exists |
| <p><img src="https://1041214956-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiFWuQjAZNxh1EoQbRnsT%2Fuploads%2Fgit-blob-95276dc28747cc6c57c913bccea0ca1b7b2a08f6%2FssPDIIcon_BulkLoad.png?alt=media" alt="bulk load indicator"></p> | Bulk Load                                       | <p><img src="https://1041214956-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiFWuQjAZNxh1EoQbRnsT%2Fuploads%2Fgit-blob-7191e0566a5c59e0742ac3ef17a623e722dc1734%2FssPDIIcon_Encrypt.png?alt=media" alt="encrypt indicator"></p> | Encrypt                                                     | <p><img src="https://1041214956-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiFWuQjAZNxh1EoQbRnsT%2Fuploads%2Fgit-blob-620076180a6fb3f0e358ea1a2b51d23a1d73db31%2FssPDIIcon_Generator.png?alt=media" alt="generator indicator"></p> | Generator /Processor     |
| <p><img src="https://1041214956-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiFWuQjAZNxh1EoQbRnsT%2Fuploads%2Fgit-blob-4c90a4ba7b019ec461f25f79f841bb5b6e07c96d%2FssPDIIcon_Delete.png?alt=media" alt="delete indicator"></p>      | Delete                                          | <p><img src="https://1041214956-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiFWuQjAZNxh1EoQbRnsT%2Fuploads%2Fgit-blob-d27627213f01501389912fcbd3c405cdbc14432b%2FssPDIIcon_Decrypt.png?alt=media" alt="decrypt indicator"></p> | Decrypt                                                     | <p><img src="https://1041214956-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiFWuQjAZNxh1EoQbRnsT%2Fuploads%2Fgit-blob-0600a01d1279679dbe401c932bf3b5609baf8cc5%2FssPDIIcon_Upsert.png?alt=media" alt="upsert indicator"></p>       | Upsert                   |
| <p><img src="https://1041214956-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiFWuQjAZNxh1EoQbRnsT%2Fuploads%2Fgit-blob-dbf00a285c5f3a0ee7780cb9cd647c2bab6a0672%2FssPDIIcon_Update.png?alt=media" alt="update indicator"></p>      | Update                                          | <p><img src="https://1041214956-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiFWuQjAZNxh1EoQbRnsT%2Fuploads%2Fgit-blob-294c92855710c8f6e2ca8e961e1a148500670943%2FssPDIIcon_Move.png?alt=media" alt="move indicator"></p>       | Move                                                        | <p><img src="https://1041214956-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiFWuQjAZNxh1EoQbRnsT%2Fuploads%2Fgit-blob-d250e2aa3283559c7f4e22fe604f065fa31452c7%2FssPDIIcon_Set.png?alt=media" alt="set indicator"></p>             | Set                      |

## Color palette

![Shades of blue in the color palette](https://1041214956-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiFWuQjAZNxh1EoQbRnsT%2Fuploads%2Fgit-blob-2e5ac4c81f1e4889b3d40112e1248e55485edb4d%2FssPDIIcon_BlueShades.png?alt=media)

![Color palette for icons](https://1041214956-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiFWuQjAZNxh1EoQbRnsT%2Fuploads%2Fgit-blob-4bbd18152c7341c614cc5e07741cee6cde3b80c0%2FssPDIIcon_Colors.png?alt=media)

## Downloading PDI icon template

You can use the SVG template file, `PDI_Icon_Guide.ai`, as a starting point for creating a PDI icon. This file is bundled with the other samples in the Pentaho Data Integration SDK. You can download the SDK from the [Support Portal](https://support.pentaho.com/home).