svg

A Powerful SVG Language Support Extension. Almost all the features you need to handle SVG.

Features

SVG Full Auto Completion.

Tip: All Completion list is context, will only show enable items.

Document Symbol tree.

SVG Live Preview and Export PNG

MDN Reference for fast learn

Tip: Configure Trusted Domains add MDN to it get more fast action.

Fast Color Picker

Rename Tag Name or Id Reference.

Cursor in Tag Name or Id Attribute or url(#id) Hit F2(Windows) Key, Rename it!

In Id Reference Click Goto id="" element.

Hot Ctrl Key and Move mouse to a url(#id), That it!

SVG Format Support

Default formatting support is HTML Language Serivce for compatible with complex svg content

Minify SVG with SVGO

Open the Command Palette (⇧⌘P on Mac and Ctrl+Shift+P on Win/Linux) and run Minify SVG. This will reduce the filesize significantly by removing all unnecessary code from the image.

Contributors

• Laurent Tréguier for sharing SVG formatting features
• Björn Ganslandt for sharing Minify SVG features
• Amelia Bellamy-Royds for Add the xmlns and xmlns:xlink attributes
• Evan Demaris
• Trevor Burnham
• Philipp Kief
• rioj7

Known Issues

SVG Version 2.0 is not included.

Changelog

1.4.13 - 2021-10-16

• Fixed pixel grid broken.

1.4.11 - 2021-10-02

• Preview Added has new default FIT mode.
• More Preview bug fix

1.4.10 - 2021-09-18

• Add Disable Preview configuration. Just for who don't like this extension's preview.

1.4.9 - 2021-07-18

• Preview <svg> mode will show active graphics shape and click to source code position.

1.4.8 - 2021-07-17

• Add Simple Elements completion configuration. This will change completion action result to <simple />.

1.4.7 - 2021-06-09

• Clean release package.

MORE

Donations

Support me in paypal.

For more information

• MDN SVG Reference

Enjoy!