SVG Style Guide

This article covers how SVG files from The Noun Project should be prepared for use in Foundry.

Files are generally either 100px (older) or 1,200px (newer). They should always be adjusted to 100px, with the content's maximum dimensions being expanded to 95px (length or width, which ever is greater) and centered in the canvas. Each element should have a 1px outer stroke in black (#000000).

Colors

Most icon types will be Default Grey, while those intended to be used with Condition Lab & Triggler status effects should be Conditionally White unless another appropriate color presents itself.

Default Gray
#CCCCCC

Conditionally 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
#AA6633

6th Order Red
#CC6666

7th Order Grey
#666666

8th Order Black
#333333

Glorious Purpose

Bioware Blue
#33CCCC

Cyberware Grey
#CCCCCC

Matrix Green
#33CC99

Mystical Purple
#CC00CC

Technomancy Gold
#CC9933

Positive Quality Green
#00CC00

Negative Quality Red
#CC0000

Adept Three-Part Cyan
#66CCCC