Skip to main content
Pentaho Documentation

Creating 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. The W3C offers a list of programs that support SVG.

The Anatomy of a PDI Icon

The PDI icons have had a face lift for 5.x. These new icons have been simplified, but continue to emphasize what makes PDI
​a great tool, blending data with ease. This section will review the breakdown of what goes inside these newly designed icons.

Icon

ID Description

anatomy.jpg

1.jpg

The primary stroke color is #3D6380

2.jpg

The primary stroke is 1.7pt

3.jpg

The secondary stroke size is 0.8pt

   

Positioning Action Indicators    

Icon

ID Description

position

1.jpg

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.

1.jpg

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

Input / Import /
Get / Download / Extract / Read

output

Output / Upload /
Export / Insert /
Put / Write

validates.jpg

Validate

create

Create

compare

Compare

wait

Wait

block

Block

execute

Execute / Call

search.jpg

Search / Lookup / Exists

Bulk Load

Bulk Load

Encrypt

Encrypt

Generator

Generator /
Processor

delete

Delete

Decrypt

Decrypt

Upsert

Upsert

Update

Update

Move

Move

Set

Set

Color Palette    

Primary Colors

Extended Color Palette
 

Downloading PDI Icon Template

You can use our 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 our Customer Support Portal, http://support.pentaho.com