SVG Style Guide: Difference between revisions

Revision as of 13:44, 10 November 2022

Dimensions

Table:SVG Dimensions SVG files from The Noun Project are generally either 100px (older) or 1,200px (newer).

Each file should have a canvas size of 100×100px. The contents should be exactly 95px at the largest dimension, and centered within the canvas. Every element should have a 1px outer stroke in black (#000000).

Colors

Default Gray
#CCCCCC

Sequence of Seven Ate Nine

0th Order White^[1]
#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

↑ Older icons use #FFFFFF, but it's not worth the aggravation of updating them all.

[1] Older icons use #FFFFFF, but it's not worth the aggravation of updating them all.

[1]

@@ Line 2: / Line 2: @@
 ==Dimensions==
+{{Table:SVG Dimensions}}
+SVG files from [https://thenounproject.com/ The Noun Project] are generally either 100px (older) or 1,200px (newer).
 Each file should have a canvas size of 100×100px. The contents should be exactly 95px at the largest dimension, and centered within the canvas. Every element should have a 1px outer stroke in black ({{Code|#000000}}).
 ==Colors==