Svg/icons Library for VS Code

Svg/icons Library brings the svgicons.com catalog directly into VS Code so you can search icons, browse icon sets, and insert production-ready code without leaving your editor.

What it does

• Search icons by name
• Browse icon sets and drill into a set
• Sign in with your svgicons.com account
• Sync favorites
• Preview icons before inserting them
• Insert code directly into the active editor
• Copy generated code to the clipboard
• Choose export size before inserting or copying
• Reopen recent icons quickly
• Use the same visual UI as the Figma plugin

Supported output formats

• SVG
• SVG symbol
• JSX markup
• React component
• React TS component
• Vue component
• Vue TS component

How to install

1. Open the Extensions view in VS Code.
2. Search for svg/icons.
3. Open the Svg/icons Library extension page.
4. Click Install.

Account and favorites

Sign in with your svgicons.com account to sync favorites and remove the guest insertion limit.

Support

• Website: https://svgicons.com
• Suggestions and support: https://svgicons.com/suggestion

Notes

• The extension uses the dedicated svgicons.com VS Code auth flow and shares browse and favorites data with the website backend.
• Recent icons, session token, auth request, and guest insertion count are stored in VS Code extension global state.
• The toolbar includes both output format and export size.