SVG Style Guide: Difference between revisions

Revision as of 14:06, 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 1: / Line 1: @@
-[[Category:Style Sheet]]
+[[Category:Style Sheet]]__NOTOC__
 ==Dimensions==
 {{Table:SVG Dimensions}}
-SVG files from [https://thenounproject.com/ The Noun Project] are generally either 100px (older) or 1,200px (newer).
+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}}
-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==
 <div style="display: flex; flex-wrap: wrap;">