Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>SVG Icon ExtensionNew to Visual Studio Code? Get it now.
SVG Icon Extension

SVG Icon Extension

Linxford

|
466 installs
| (1) | Free
| Sponsor
Easily search and insert SVG icons from multiple sources.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

SVG Icon Extension for VS Code

Version Installs Rating OpenVSX Downloads

Overview

The SVG Icon Extension for VS Code is designed to streamline the process of adding SVG icons to your projects. It provides an easy-to-use interface for browsing, selecting, and inserting SVG icons directly into your code.

Support

SVG ICON EXTENSION is an extension created for Visual Studio Code. If you find it useful, please consider supporting it.

Features

  • Browse and search SVG icons by type (outline, duotone, colored, solid)
  • Preview icons before insertion
  • Automatically insert selected icons into your code
  • Manage icon assets in your Flutter project
  • Automatically update pubspec.yaml with new icon directories -Autocompletion and preview for icons.

Installation and Configuration

You should follow the official documentation to:

  • Install the extension
  • Modify its settings

Usage

  1. Search for Icons:

    • Use the command palette (Ctrl+Shift+P) and type Search SVG Icons.
    • Enter the icon name you wish to find (e.g., home, user) and choose the desired category.
  2. Follow this:

  • Open a project in VS Code
  • Place your cursor where you want to insert an icon
  • Open the Command Palette (Ctrl+Shift+P)
  • Type "Search SVG Icons" and select the command
  • Choose the icon type (outline, duotone, colored, solid)
  • Search and select your desired icon
  • The icon path will be inserted at your cursor position
  1. Use Keyboard shortcut
  • ctrl+shift+i

Extension Settings

This extension doesn't add any VS Code settings.

Known Issues

Please report any issues on the GitHub repository.

Further Updates

Future updates will include:

  • Adding more icon categories and a broader range of icons.
  • Enhancements to the search functionality, making it more intuitive.
  • Integration of user-requested features based on feedback.
  • Support for other IDE's

Contributing

If you have suggestions or find issues with the extension, feel free to open an issue or a pull request on the GitHub repository.

Credits

  • Kudos to all contributors that made this extension what it is.

License

This project is licensed under the MIT License - see the LICENSE file for details.

  • Branded icons are licensed under their copyright license.
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft