SVG Style Guide: Difference between revisions

Revision as of 14:07, 10 November 2022

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

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 3: / Line 3: @@
 ==Dimensions==
 {{Table:SVG Dimensions}}
-SVG files from [https://thenounproject.com/ 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 ({{Code|#000000}}).
+SVG files from [https://thenounproject.com/ 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 ({{Code|#000000}}).
 {{Clear}}
 ==Colors==