diff --git a/.changeset/fuzzy-pens-live.md b/.changeset/fuzzy-pens-live.md
new file mode 100644
index 0000000000..f33e3c8053
--- /dev/null
+++ b/.changeset/fuzzy-pens-live.md
@@ -0,0 +1,5 @@
+---
+"typespec-vscode": patch
+---
+
+Added icons to the extensions
diff --git a/icons/raw/readme.md b/icons/raw/readme.md
new file mode 100644
index 0000000000..04c17ea095
--- /dev/null
+++ b/icons/raw/readme.md
@@ -0,0 +1,3 @@
+# TypeSpec Raw Svg Icons
+
+Those are the raw typespec icons with text still has text. It can be used to easily convert the text to path with different font and different positions.
diff --git a/icons/raw/tsp-logo-inverted.svg b/icons/raw/tsp-logo-inverted.svg
new file mode 100644
index 0000000000..33e6f84aaa
--- /dev/null
+++ b/icons/raw/tsp-logo-inverted.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg viewBox="200 200 30 30" xmlns="http://www.w3.org/2000/svg" xmlns:bx="https://boxy-svg.com">
+  <defs>
+    <style bx:fonts="League Gothic">@import url(https://fonts.googleapis.com/css2?family=League+Gothic%3Aital%2Cwght%400%2C400&amp;display=swap);</style>
+  </defs>
+  <text style="fill: rgb(74, 54, 101); font-family: 'League Gothic'; font-size: 5.3px; white-space: pre;" transform="matrix(4.553588, 0, 0, 3.175088, -811.313782, -249.035522)" x="222.733" y="148.108">TSP</text>
+</svg>
diff --git a/icons/raw/tsp-logo.svg b/icons/raw/tsp-logo.svg
new file mode 100644
index 0000000000..b52a0a909b
--- /dev/null
+++ b/icons/raw/tsp-logo.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg viewBox="200 200 30 30" xmlns="http://www.w3.org/2000/svg" xmlns:bx="https://boxy-svg.com">
+  <defs>
+    <style bx:fonts="League Gothic">@import url(https://fonts.googleapis.com/css2?family=League+Gothic%3Aital%2Cwght%400%2C400&amp;display=swap);</style>
+  </defs>
+  <rect x="200" y="200" width="30" height="30" style="fill: rgb(74, 54, 101); paint-order: fill;"/>
+  <text style="fill: rgb(255, 255, 255); font-family: 'League Gothic'; font-size: 5.3px; white-space: pre;" transform="matrix(4.553588, 0, 0, 3.175088, -811.313782, -249.035522)" x="222.733" y="148.108">TSP</text>
+</svg>
\ No newline at end of file
diff --git a/packages/typespec-vscode/.vscodeignore b/packages/typespec-vscode/.vscodeignore
index 63dbd54be3..b016ff91a9 100644
--- a/packages/typespec-vscode/.vscodeignore
+++ b/packages/typespec-vscode/.vscodeignore
@@ -14,3 +14,4 @@
 !README.md
 !ThirdPartyNotices.txt
 !LICENSE
+!icons/
diff --git a/packages/typespec-vscode/icons/logo.png b/packages/typespec-vscode/icons/logo.png
new file mode 100644
index 0000000000..2c17e664c5
Binary files /dev/null and b/packages/typespec-vscode/icons/logo.png differ
diff --git a/packages/typespec-vscode/icons/tsp-file.dark.svg b/packages/typespec-vscode/icons/tsp-file.dark.svg
new file mode 100644
index 0000000000..eeb3b10cbd
--- /dev/null
+++ b/packages/typespec-vscode/icons/tsp-file.dark.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg viewBox="200 200 30 30" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M 223.327 148.108 L 223.327 144.801 L 222.786 144.801 L 222.786 144.213 L 224.44 144.213 L 224.44 144.801 L 223.899 144.801 L 223.899 148.108 Z M 225.391 148.15 Q 225.156 148.15 224.999 148.072 Q 224.843 147.994 224.753 147.846 Q 224.663 147.697 224.624 147.488 Q 224.586 147.279 224.586 147.016 L 225.148 146.963 Q 225.148 147.09 225.157 147.208 Q 225.166 147.326 225.191 147.42 Q 225.217 147.514 225.266 147.57 Q 225.315 147.626 225.391 147.626 Q 225.519 147.626 225.572 147.508 Q 225.625 147.39 225.625 147.223 Q 225.625 147.056 225.537 146.876 Q 225.45 146.696 225.328 146.534 Q 225.121 146.258 224.966 146.022 Q 224.811 145.787 224.725 145.559 Q 224.639 145.331 224.639 145.082 Q 224.639 144.886 224.689 144.72 Q 224.74 144.554 224.836 144.431 Q 224.933 144.308 225.071 144.239 Q 225.209 144.17 225.386 144.17 Q 225.606 144.17 225.758 144.244 Q 225.911 144.319 226.005 144.456 Q 226.099 144.594 226.143 144.784 Q 226.186 144.973 226.186 145.204 L 225.625 145.257 Q 225.625 145.159 225.615 145.059 Q 225.606 144.96 225.582 144.878 Q 225.558 144.796 225.513 144.745 Q 225.468 144.695 225.397 144.695 Q 225.285 144.695 225.243 144.789 Q 225.201 144.883 225.201 145.055 Q 225.201 145.278 225.32 145.485 Q 225.439 145.691 225.641 145.967 Q 225.882 146.293 226.034 146.566 Q 226.186 146.839 226.186 147.17 Q 226.186 147.379 226.141 147.558 Q 226.096 147.737 226 147.87 Q 225.903 148.002 225.753 148.076 Q 225.603 148.15 225.391 148.15 Z M 226.494 148.108 L 226.494 144.213 L 227.066 144.213 Q 227.392 144.213 227.611 144.356 Q 227.829 144.499 227.938 144.761 Q 228.047 145.023 228.047 145.379 Q 228.047 145.734 227.933 145.991 Q 227.819 146.248 227.6 146.392 Q 227.381 146.537 227.066 146.55 L 227.066 148.108 Z M 227.066 145.967 Q 227.217 145.967 227.305 145.907 Q 227.392 145.848 227.43 145.718 Q 227.469 145.588 227.469 145.384 Q 227.469 145.177 227.43 145.047 Q 227.392 144.917 227.303 144.856 Q 227.214 144.796 227.066 144.796 Z"
+    transform="matrix(4.553588, 0, 0, 3.175088, -811.313782, -249.035522)"
+    fill="#A088C0" />
+</svg>
diff --git a/packages/typespec-vscode/icons/tsp-file.light.svg b/packages/typespec-vscode/icons/tsp-file.light.svg
new file mode 100644
index 0000000000..48c3ce2d95
--- /dev/null
+++ b/packages/typespec-vscode/icons/tsp-file.light.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg viewBox="200 200 30 30" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M 223.327 148.108 L 223.327 144.801 L 222.786 144.801 L 222.786 144.213 L 224.44 144.213 L 224.44 144.801 L 223.899 144.801 L 223.899 148.108 Z M 225.391 148.15 Q 225.156 148.15 224.999 148.072 Q 224.843 147.994 224.753 147.846 Q 224.663 147.697 224.624 147.488 Q 224.586 147.279 224.586 147.016 L 225.148 146.963 Q 225.148 147.09 225.157 147.208 Q 225.166 147.326 225.191 147.42 Q 225.217 147.514 225.266 147.57 Q 225.315 147.626 225.391 147.626 Q 225.519 147.626 225.572 147.508 Q 225.625 147.39 225.625 147.223 Q 225.625 147.056 225.537 146.876 Q 225.45 146.696 225.328 146.534 Q 225.121 146.258 224.966 146.022 Q 224.811 145.787 224.725 145.559 Q 224.639 145.331 224.639 145.082 Q 224.639 144.886 224.689 144.72 Q 224.74 144.554 224.836 144.431 Q 224.933 144.308 225.071 144.239 Q 225.209 144.17 225.386 144.17 Q 225.606 144.17 225.758 144.244 Q 225.911 144.319 226.005 144.456 Q 226.099 144.594 226.143 144.784 Q 226.186 144.973 226.186 145.204 L 225.625 145.257 Q 225.625 145.159 225.615 145.059 Q 225.606 144.96 225.582 144.878 Q 225.558 144.796 225.513 144.745 Q 225.468 144.695 225.397 144.695 Q 225.285 144.695 225.243 144.789 Q 225.201 144.883 225.201 145.055 Q 225.201 145.278 225.32 145.485 Q 225.439 145.691 225.641 145.967 Q 225.882 146.293 226.034 146.566 Q 226.186 146.839 226.186 147.17 Q 226.186 147.379 226.141 147.558 Q 226.096 147.737 226 147.87 Q 225.903 148.002 225.753 148.076 Q 225.603 148.15 225.391 148.15 Z M 226.494 148.108 L 226.494 144.213 L 227.066 144.213 Q 227.392 144.213 227.611 144.356 Q 227.829 144.499 227.938 144.761 Q 228.047 145.023 228.047 145.379 Q 228.047 145.734 227.933 145.991 Q 227.819 146.248 227.6 146.392 Q 227.381 146.537 227.066 146.55 L 227.066 148.108 Z M 227.066 145.967 Q 227.217 145.967 227.305 145.907 Q 227.392 145.848 227.43 145.718 Q 227.469 145.588 227.469 145.384 Q 227.469 145.177 227.43 145.047 Q 227.392 144.917 227.303 144.856 Q 227.214 144.796 227.066 144.796 Z"
+    transform="matrix(4.553588, 0, 0, 3.175088, -811.313782, -249.035522)"
+    fill="#4A3665" />
+</svg>
diff --git a/packages/typespec-vscode/package.json b/packages/typespec-vscode/package.json
index 3ae596056d..c083dff724 100644
--- a/packages/typespec-vscode/package.json
+++ b/packages/typespec-vscode/package.json
@@ -34,6 +34,7 @@
     "typespec-vscode-*.vsix",
     "ThirdPartyNotices.txt"
   ],
+  "icon": "./icons/logo.png",
   "contributes": {
     "languages": [
       {
@@ -45,6 +46,10 @@
         "extensions": [
           ".tsp"
         ],
+        "icon": {
+          "light": "./icons/tsp-file.light.svg",
+          "dark": "./icons/tsp-file.dark.svg"
+        },
         "configuration": "./dist/language-configuration.json"
       },
       {
diff --git a/packages/website/docusaurus.config.ts b/packages/website/docusaurus.config.ts
index df9005d395..b966fac47a 100644
--- a/packages/website/docusaurus.config.ts
+++ b/packages/website/docusaurus.config.ts
@@ -41,7 +41,7 @@ const config: Config = {
   baseUrl,
   onBrokenLinks: "throw",
   onBrokenMarkdownLinks: "warn",
-  favicon: "img/azure.svg",
+  favicon: "img/favicon.svg",
 
   // GitHub pages deployment config.
   // If you aren't using GitHub pages, you don't need these.
diff --git a/packages/website/package.json b/packages/website/package.json
index 9397ad6204..2b1ecead1b 100644
--- a/packages/website/package.json
+++ b/packages/website/package.json
@@ -2,6 +2,7 @@
   "name": "@typespec/website",
   "version": "1.0.0",
   "description": "",
+  "private": true,
   "main": "index.js",
   "scripts": {
     "docusaurus": "docusaurus",
diff --git a/packages/website/static/img/favicon.svg b/packages/website/static/img/favicon.svg
new file mode 100644
index 0000000000..27071d255e
--- /dev/null
+++ b/packages/website/static/img/favicon.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg viewBox="200 200 30 30" xmlns="http://www.w3.org/2000/svg">
+  <rect x="200" y="200" width="30" height="30" fill="#4A3665" />
+  <path
+    d="M 223.327 148.108 L 223.327 144.801 L 222.786 144.801 L 222.786 144.213 L 224.44 144.213 L 224.44 144.801 L 223.899 144.801 L 223.899 148.108 Z M 225.391 148.15 Q 225.156 148.15 224.999 148.072 Q 224.843 147.994 224.753 147.846 Q 224.663 147.697 224.624 147.488 Q 224.586 147.279 224.586 147.016 L 225.148 146.963 Q 225.148 147.09 225.157 147.208 Q 225.166 147.326 225.191 147.42 Q 225.217 147.514 225.266 147.57 Q 225.315 147.626 225.391 147.626 Q 225.519 147.626 225.572 147.508 Q 225.625 147.39 225.625 147.223 Q 225.625 147.056 225.537 146.876 Q 225.45 146.696 225.328 146.534 Q 225.121 146.258 224.966 146.022 Q 224.811 145.787 224.725 145.559 Q 224.639 145.331 224.639 145.082 Q 224.639 144.886 224.689 144.72 Q 224.74 144.554 224.836 144.431 Q 224.933 144.308 225.071 144.239 Q 225.209 144.17 225.386 144.17 Q 225.606 144.17 225.758 144.244 Q 225.911 144.319 226.005 144.456 Q 226.099 144.594 226.143 144.784 Q 226.186 144.973 226.186 145.204 L 225.625 145.257 Q 225.625 145.159 225.615 145.059 Q 225.606 144.96 225.582 144.878 Q 225.558 144.796 225.513 144.745 Q 225.468 144.695 225.397 144.695 Q 225.285 144.695 225.243 144.789 Q 225.201 144.883 225.201 145.055 Q 225.201 145.278 225.32 145.485 Q 225.439 145.691 225.641 145.967 Q 225.882 146.293 226.034 146.566 Q 226.186 146.839 226.186 147.17 Q 226.186 147.379 226.141 147.558 Q 226.096 147.737 226 147.87 Q 225.903 148.002 225.753 148.076 Q 225.603 148.15 225.391 148.15 Z M 226.494 148.108 L 226.494 144.213 L 227.066 144.213 Q 227.392 144.213 227.611 144.356 Q 227.829 144.499 227.938 144.761 Q 228.047 145.023 228.047 145.379 Q 228.047 145.734 227.933 145.991 Q 227.819 146.248 227.6 146.392 Q 227.381 146.537 227.066 146.55 L 227.066 148.108 Z M 227.066 145.967 Q 227.217 145.967 227.305 145.907 Q 227.392 145.848 227.43 145.718 Q 227.469 145.588 227.469 145.384 Q 227.469 145.177 227.43 145.047 Q 227.392 144.917 227.303 144.856 Q 227.214 144.796 227.066 144.796 Z"
+    transform="matrix(4.553588, 0, 0, 3.175088, -811.313782, -249.035522)"
+    fill="#fff" />
+</svg>