docs: add icon to README

euxx · euxx · commit caa865f5e40b · 2026-03-10T01:38:49.000+08:00
Add extension icon with left-aligned layout to README header.
Add icon.png and icon.svg to images/ directory.
diff --git a/README.md b/README.md
@@ -1,6 +1,10 @@
 # GitHub Copilot Usage
 
-Shows Copilot Premium request quota usage (e.g., `25%`) in the VS Code status bar.
+<img src="images/icon.png" width="100" alt="GitHub Copilot Usage" align="left">
+
+<div>
+  <p>Shows Copilot Premium request quota usage (e.g., <code>25%</code>) in the VS Code status bar.</p>
+</div>
 
 | | | |
 | :---: | :---: | :---: |
diff --git a/images/icon.png b/images/icon.png
diff --git a/images/icon.svg b/images/icon.svg
@@ -0,0 +1,21 @@
+<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="bg" x1="20" y1="16" x2="108" y2="112" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#242428"/>
+      <stop offset="1" stop-color="#141417"/>
+    </linearGradient>
+  </defs>
+
+  <rect x="8" y="8" width="112" height="112" rx="28" fill="url(#bg)" stroke="#44444C" stroke-width="2"/>
+  <circle cx="64" cy="64" r="28" stroke="#5A5A63" stroke-width="12"/>
+  <circle
+    cx="64"
+    cy="64"
+    r="28"
+    stroke="#F5F5F5"
+    stroke-width="12"
+    stroke-linecap="round"
+    stroke-dasharray="116 176"
+    transform="rotate(-140 64 64)"
+  />
+</svg>
diff --git a/package.json b/package.json
@@ -9,6 +9,7 @@
     "type": "git",
     "url": "https://github.com/euxx/github-copilot-usage"
   },
+  "icon": "images/icon.png",
   "keywords": [
     "github",
     "copilot",
