Image Style Guide
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

 

 

icons-style-guide_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