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
icon	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
Positioning action indicators	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 indicator	Input / Import /Get / Download / Extract / Read	output indicator	Output / Upload /Export / Insert / Put / Write	validated indicator	Validate
create indicator	Create	compare indicator	Compare	wait indicator	Wait
block indicator	Block	execute indicator	Execute / Call	search indicator	Search / Lookup / Exists
bulk load indicator	Bulk Load	encrypt indicator	Encrypt	generator indicator	Generator /Processor
delete indicator	Delete	decrypt indicator	Decrypt	upsert indicator	Upsert
update indicator	Update	move indicator	Move	set indicator	Set

Color palette

Shades of blue in the color palette

Color palette for icons

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.