Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>VS HugeiconsNew to Visual Studio Code? Get it now.
VS Hugeicons

VS Hugeicons

Hugeicons Pro

|
206 installs
| (0) | Free
Hugeicons Icons Integration for VS Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

VS Hugeicons

VS Hugeicons is a Visual Studio Code extension that brings the power of Hugeicons directly into your IDE. Access and use over 4,000+ beautiful icons in your projects with ease.

Features

  • Smart Framework Detection: Automatically detects your project's framework (React, Vue, Angular, Svelte, React Native)
  • Icon Browser: Browse and search through our extensive collection of icons
  • Multiple Icon Styles (Pro version):
    • Stroke (Rounded, Sharp, Standard)
    • Solid (Rounded, Sharp, Standard)
    • Bulk Rounded
    • Duotone Rounded
    • Twotone Rounded
  • Framework-Specific Import: Automatically imports icons in the correct format for your framework
  • Quick Actions:
    • Copy icon name
    • Copy font class
    • Copy framework-specific component code
    • Import icon with proper framework syntax
  • Favorites System: Save your frequently used icons for quick access
  • Search & Filter: Find icons by name, category, or tags

Installation

  1. Open VS Code
  2. Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
  3. Search for "VS Hugeicons"
  4. Click Install

Usage

Basic Usage

  1. Click on the Hugeicons icon in the activity bar (sidebar)
  2. Browse or search for icons
  3. Click an icon to copy its name
  4. Right-click for more options:
    • Copy Name
    • Copy Font Class
    • Copy Component Code (framework-specific)
    • Import Component (adds import statements to your file)

Framework Detection

  • The extension automatically detects your project's framework from package.json
  • Supported frameworks: React, React Native, Vue, Angular, Svelte
  • You can manually change the framework in Settings if needed

Quick Tips

  • Click: Copy icon name
  • ⌘/Ctrl+Click: Add/remove from favorites
  • Right-click: Open context menu with more options

Favorites

  • Use ⌘/Ctrl+Click to add icons to favorites
  • Access favorites from the favorites tab
  • Favorites are preserved across sessions

Pro Version Features

  • 36,000+ icons
  • 9 unique styles:
    • Stroke (Rounded, Sharp, Standard)
    • Solid (Rounded, Sharp, Standard)
    • Bulk Rounded
    • Duotone Rounded
    • Twotone Rounded
  • Style switching in the icon browser
  • All styles in favorites

Requirements

  • Visual Studio Code version 1.93.1 or higher
  • For framework-specific features: Corresponding framework installed in your project

License

This project is licensed under the MIT License.

Support

For support, please visit hugeicons.com or contact our support team.

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