Add icon to website and vscode extension (microsoft#2829)

fix microsoft#2828


Dark 
<img width="255" alt="image"
src="https://github.com/microsoft/typespec/assets/1031227/000dacdd-df83-40b3-b28d-cbf766a00e23">

Light 
<img width="225" alt="image"
src="https://github.com/microsoft/typespec/assets/1031227/fe78ff8b-a794-4f95-be60-258bc09575fa">

Extension logo

<img width="562" alt="image"
src="https://github.com/microsoft/typespec/assets/1031227/bcf913f7-d73a-4bab-adcc-acfe8a3706b1">

Author: timotheeguerin

.changeset/fuzzy-pens-live.md

@@ -0,0 +1,5 @@
+---
+"typespec-vscode": patch
+---
+
+Added icons to the extensions

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.

icons/raw/tsp-logo-inverted.svg

@@ -14,3 +14,4 @@
 !README.md
 !ThirdPartyNotices.txt
 !LICENSE
+!icons/

icons/raw/tsp-logo.svg

@@ -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"
       },
       {

packages/typespec-vscode/.vscodeignore

@@ -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.

packages/typespec-vscode/icons/logo.png

@@ -2,6 +2,7 @@
   "name": "@typespec/website",
   "version": "1.0.0",
   "description": "",
+  "private": true,
   "main": "index.js",
   "scripts": {
     "docusaurus": "docusaurus",