Charmed Icons

📷 Previews

🫐 Base

🥥 Light

🍇 Soft

🍓 Warm

🔧 Usage

Marketplace

You can find Charmed Icons on the VS Code Marketplace or on the Open VSX Registry.

Manual Installation

1. Download the .vsix file from the Releases page.
2. Open the Command Palette (Ctrl+Shift+P on Windows/Linux or Cmd+Shift+P on macOS) in VS Code.
3. Run the Extensions: Install from VSIX... command.

🎨 Customization

Settings

You can customize the icon theme using the following settings:

{
	// Set to `true` to disable folding arrows next to folder icons.
	"charmed-icons.hidesExplorerArrows": false,

	// Set to `when-expanded` to use outlines when the folder is expanded.
	// Set to `always` to always use outlined folder icons.
	// Set to `never` to always use filled folder icons.
	"charmed-icons.outlinedFolders": "when-expanded"
}

Custom Icon Associations

Charmed Icons supports custom icon associations (inspired by Catppuccin Icons):

{
	// Files with the language type `typescriptreact` will use the `react-typescript` icon.
	"charmed-icons.associations.languages": {
		"typescriptreact": "react-typescript"
	},

	// Files with the `spec.ts` extension will use the `test-blue` icon.
	"charmed-icons.associations.extensions": {
		"spec.ts": "test-blue"
	},

	// Files named `vite.config.ts` will use the `vite` icon.
	"charmed-icons.associations.files": {
		"vite.config.ts": "vite"
	},

	// Folders named `typings/` will use the `folder_types` icon.
	"charmed-icons.associations.folders": {
		"typings": "folder_types"
	}
}

[!NOTE] See the preview images for a list of available icons.

🙌 Requests

If you have any icon requests, please open an issue.

For a quicker response, ping me on Discord: @littensy!

❤️ Gratitude

Charmed Icons draws heavy inspiration from:

• Catppuccin Icons: Soothing pastel icons for VS Code.
• Monospace Theme: The Monospace Theme from Google's IDX.

Charmed Icons is released under the MIT License.