Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>ioniconsNew to Visual Studio Code? Get it now.
ionicons

ionicons

realappie

|
6,307 installs
| (1) | Free
Display ionic icons in the gutter of vscode
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

ionicons

Get ionicicons autocomplete & see ionicons in use in your vscode gutter

Features

image-gif

image

Requirements

This currently only works for ionic icons in angular, react & vue are not supported yet.

<ion-icon name="close"><ion-icon>

Extension Settings

Include if your extension adds any VS Code settings through the contributes.configuration extension point.

For example:

This extension contributes the following settings:

  • ionicons.darkModeIconColor: What color to use for icons in dark mode, defaults to white
  • ionicons.iconsVersion: Which version of ionicons to use, defaults to 5.4.0
  • ionicons.logLevel: What types of log to see in the output section, defaults to info

Known Issues

React ionicons usage is not supported yet.

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