Icons style guide

Icon Guidelines

Canvas: Icons needs to be saved on a transparent background
Canvas Positioning: Ensure icons are positioned on canvas as shown below
File Type: SVG

Icon Type 1

Specification:

• Canvas size: 300x150px
• Canvas: transparent background
• Aspect ratio: 2:1
• File Type: SVG
• Style: Use two colour (#00B9E4 and #51626F) styling for icons 
• Canvas positioing: Ensure icon is positioned on canvas as shown.

Use for content blocks:

• Name: CB Card Icons
• Name: CB Teaser Content With Icons
• Name: CB Featured Snippets

Icon Type 2

Specification:

• Canvas size: 300x300px
• Canvas: transparent background
• Aspect ratio: 1:1
• File Type: SVG
• Style: Use two colour (#00B9E4 and #51626F) styling for icons. Use single colour [white] for icons on dark backgrounds
• Canvas positioing: Ensure icon is positioned on canvas as shown

Use for content blocks:

• Name: CB Snippet Icons

Icon Type 3

Specification:

• Canvas size: 96x96px
• Canvas: transparent background
• Aspect ratio: 1:1
• File Type: SVG
• Style: Use single colour (#00B9E4) styling for icons 
• Canvas positioning: Ensure icon is positioned on canvas as shown.

Use for content block(s):

• Name: CB Featured Resources