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
Kaq2qL1d8y4x	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
WOnohT1pjgLK	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
RHI5mmNZpAzj	Input / Import /Get / Download / Extract / Read	KTEYcPxY2hcV	Output / Upload /Export / Insert / Put / Write	13xuOgxMi4mh	Validate
hmSlB5RIQ2nK	Create	pW6NXSq5aehC	Compare	TC305whPrOn0	Wait
lH8WMFIg1QWx	Block	lsvj15rA3FFG	Execute / Call	EGSzcoakgDNe	Search / Lookup / Exists
mIwBr811CXmv	Bulk Load	SiB2oxBXmr3r	Encrypt	qJSswQBpuq9Y	Generator /Processor
SJSBsi8QWyeR	Delete	cCHC0ws0fBJx	Decrypt	pwSfS6lMcXrm	Upsert
YRQ0hE0oTpgQ	Update	Xy4kFnqiAXSA	Move	AZCZpallXDEJ	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.