How to add a new icon
NOTE: I have changed the wrapper shape of property and field SVGs from circle to diamond.
Original SVG files are stored in productions/svg_raw
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
- Convert stroke to path (XML tag), diamond-shaped icons don't need this operation:
- 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
| |
