Charmed Icons

📷 Previews

🫐 Base

🥥 Light

🍇 Soft

🍓 Warm

🔧 Usage

Marketplace

You can find my icons on the VS Code Marketplace or on the Open VSX Registry.

Manual

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

🎨 Customization

Settings

You can customize the icon theme with 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 also supports custom icon associations (thanks to Catppuccin Icons):

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

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

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

	// Folders with the name `typings/` will have 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.

Ping me on Discord @littensy for a quicker response!!

❤️ Gratitude

Charmed Icons draws heavy inspiration from:

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

Charmed Icons is released under the MIT License.