The MahApps.IconPack Preview Extension is a Visual Studio Code extension that provides an instant preview of icons from the MahApps.Metro.IconPacks directly in your code. This extension is designed to streamline the development process by offering a visual representation of icons right within your development environment.
- Real-time Icon Preview: Displays a preview of the icons as you work in the code.
- Support for all MahApps.IconPacks: Compatible with all icon packs available in MahApps.Metro.IconPacks.
- Easy Integration: Simply add the extension to your Visual Studio Code to start seeing previews instantly.
To install the MahApps.IconPack Preview Extension, follow these steps:
- Open Visual Studio Code.
- Go to the Extensions view (
Ctrl+Shift+X). - Search for
MahApps.IconPack Preview. - Click
Installto add the extension to your editor. Alternatively, you can install the extension directly from the Visual Studio Code Marketplace.
- After installing the extension, open any
.csor.xamlfile that uses MahApps.Metro.IconPacks. - When you enter an icon key (e.g.,
PackIconModernKind.Settings,Kind=Settings) in your code, a preview of the corresponding icon will appear. - Hover over the icon, and a tooltip will appear displaying the icon in a larger size.
Ensure that the version of the MahApps.IconPack Preview Extension matches the version of the installed NuGet package for MahApps.Metro.IconPacks in your project. Using mismatched versions might result in incorrect or missing icon previews.
Here are some examples of how the preview might appear in your code:
When you hover over the icon, the corresponding icon will be displayed.
If you encounter any issues or have feedback about the extension, please open an Issue in the repository. We value your contributions and look forward to improving the extension together.
This project is licensed under the MIT License.
This extension was inspired by the excellent work on MahApps.Metro.IconPacks. Many thanks to the original developers!