diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0823290..1d7cd6a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Upcoming
 
+- Added custom icon to the webview panel tab
+
 ### Added
 
 - Added `app` id tag to `body` element
diff --git a/src/extension/extension.ts b/src/extension/extension.ts
index de5754c..4c7ed2d 100644
--- a/src/extension/extension.ts
+++ b/src/extension/extension.ts
@@ -1,6 +1,6 @@
 import { commands, ExtensionContext } from "vscode";
 import { SveltePanel } from "./panel";
-import * as vscode from 'vscode'
+import * as vscode from 'vscode';
 import path from 'path';
 import fs from 'fs';
 import dirTree from 'directory-tree'
@@ -19,6 +19,9 @@ function setupExtension(context: ExtensionContext) {
 export function activate(context: ExtensionContext) {
     const showHelloWorldCommand = commands.registerCommand("file-makeup-viewer.show-makeup", () => {
 		SveltePanel.render('showPanel', 'File Makeup', context.extensionUri);
+		if (SveltePanel.currentPanel) {
+            SveltePanel.currentPanel.panel.iconPath = vscode.Uri.joinPath(context.extensionUri, 'assets', 'pie-chart-683.png');
+        }
 		SveltePanel.currentPanel?.panel.onDidChangeViewState(e => {
 			setupExtension(context);
 		}, null, context.subscriptions)