Free SVG Icons for VS Code

Search and use over 300,000+ free SVG icons directly in VS Code.

Features

• Search: Instantly search through a massive collection of open-source icons.
• Preview: View icons in a grid and see detailed information in a popup.
• Copy SVG: One-click copy of the SVG code to your clipboard.
• Customizable: Configure the default size and color of copied icons.
• Edit: Open icons on website for further customization.

Settings

You can customize the output of the copied SVG using the following settings in your .vscode/settings.json or User Settings:

free-svg-icons.iconSize

Sets the default width and height (in pixels) for copied SVGs.

• Default: 24
• Type: integer

free-svg-icons.iconColor

Sets the default fill color for copied SVGs.

• Default: "currentColor"
• Type: string
• Examples: "red", "#00ff00", "rgba(0, 0, 0, 0.5)"

Usage

1. Click the Free SVG Icons icon in the Activity Bar.
2. Type your query in the search box (e.g., "home", "user", "arrow").
3. Click on an icon to view details.
4. Click Copy SVG to copy the code to your clipboard.

This tool is brought to you by iconshelf.com. For issues or support, please contact us via the website.

License

MIT