SVG Style Guide

Dimensions

Table:SVG Dimensions SVG files from The Noun Project are generally either 100px (older) or 1,200px (newer). The starting canvas size determines a number of parameters that should be used for the contents.

Regardless of the size, the content should be centered within the canvas and the outer stroke is black (#000000).

Colors

Most icon types will be Default Grey, while those intended to be used with Combat Utility Belt status effects should be CUB White unless another appropriate color presents itself.

Default Gray
#CCCCCC

CUB White
#FFFFFF

Sequence of Seven Ate Nine

Use these colors when items have generally similar effects and icons, only differentiated by rating — commlinks, rigger control consoles, cyberdecks, and so on.

0th Order White
#FAFAFA

1st Order Purple
#CC66CC

2nd Order Blue
#6666CC

3rd Order Green
#66CC66

4th Order Yellow
#CCCC66

5th Order Orange
#CC6600

6th Order Red
#CC6666

7th Order Grey
#666666

8th Order Black
#333333

Glorious Purpose

Bioware Blue
#33CCCC

Cyberware Grey
#CCCCCC

Matrix Green
#33CC99

Positive Quality Green
#00CC00

Negative Quality Red
#CC0000

Notes