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 that support SVG.
The anatomy of a PDI icon
This section reviews the breakdown of what goes inside the icons.
Icon
ID
Description
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
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
Input / Import /Get / Download / Extract / Read
Output / Upload /Export / Insert /
Put / Write
Validate
Create
Compare
Wait
Block
Execute / Call
Search / Lookup / Exists
Bulk Load
Encrypt
Generator /Processor
Delete
Decrypt
Upsert
Update
Move
Set
Color palette
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.
Last updated
Was this helpful?