How to add a new icon

NOTE: I have changed the wrapper shape of property and field SVGs from circle to diamond.

1. Original SVG files are stored in productions/svg_raw

2. Edit each SVG file and save to productions/svg_unfilled. For each SVG file, removing all fill color:

• For rectangle-shaped icons, remove color fill: delete the fill attribute in rect elements
• For diamond-shaped icons, remove color fill: delete specific path elements
• For type symbol: delete specific path elements
• For typeVariable symbol: delete the fill attribute in path elements
• For template symbol: no processing needed

3. Convert stroke to path (XML tag), diamond-shaped icons don't need this operation:

• Inkscape: inkscape command line, where is it on mac?
• cd productions/svg_unfilled, run sh stroke2path.sh

4. Upload all the SVG in productions/svg_unfilled/out to IcoMoon or Fontello, remove color, and finally generate icon font(xxx.woff).

Resources

Official Jetbrains icons SVG

Vscode product icon theme extension guide

Vscode icon reference

Edit and preview SVG online

iconfont-preview extension