Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>lobehub-icon-helperNew to Visual Studio Code? Get it now.
lobehub-icon-helper

lobehub-icon-helper

Santhoshsharuk

|
3 installs
| (0) | Free
Search, preview, and download LobeHub icons in VS Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

lobehub-icon-helper

lobehub-icon-helper is a Visual Studio Code extension that helps you easily browse, search, and insert LobeHub icons into your projects without leaving the editor.


✨ Features

  • 🔍 Search Icons – Quickly find icons from the LobeHub icon set.
  • 📋 Copy/Insert Icons – Copy SVG code or insert directly into your project.
  • 🎨 Preview Support – Instantly preview icons before using them.
  • ⚡ Fast & Lightweight – Built for speed with minimal overhead.

⚙️ Requirements

  • Visual Studio Code 1.85.0 or higher
  • Internet access (for fetching icon metadata)

🔧 Extension Settings

This extension contributes the following settings:

  • lobehubIconHelper.enable: Enable/disable the extension.
  • lobehubIconHelper.defaultFormat: Choose default format (svg, jsx, iconfont).
  • lobehubIconHelper.insertMode: Select whether to insert as inline SVG or component import.

🐞 Known Issues

  • Limited to the official LobeHub icon set.
  • Some icons may not display correctly in preview on certain themes.

📦 Release Notes

1.0.0

  • Initial release of lobehub-icon-helper 🎉
  • Icon search and insertion support.

1.1.0

  • Added preview panel for icons.
  • New configuration for default format.

📖 Resources


Enjoy effortless icon management with LobeHub Icon Helper! 🎨

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft