diff --git a/README.md b/README.md
index 35515ad6..e81e6250 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,13 @@
 <div align="center">
-<p align="center">
-<img src="https://github.com/01-ai/Yi/raw/main/assets/img/Yi.svg?sanitize=true" width="200px">
-</p>
+
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/01-ai/Yi/tree/main/assets/img/Yi_logo_icon_dark.svg" width="200px">
+  <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/01-ai/Yi/tree/main/assets/img/Yi_logo_icon_light.svg" width="200px"> 
+  <img alt="specify theme context for images" src="https://raw.githubusercontent.com/01-ai/Yi/tree/main/assets/img/Yi_logo_icon_light.svg">
+</picture>
+
+</br>
+</br>
 
 <a href="https://github.com/01-ai/Yi/issues">
   <img src="https://img.shields.io/github/issues/01-ai/Yi?logo=github">
diff --git a/README/huggingface_header.md b/README/huggingface_header.md
index e3d0dc59..531491a6 100644
--- a/README/huggingface_header.md
+++ b/README/huggingface_header.md
@@ -17,15 +17,14 @@ pipeline_tag: text-generation
 
 <div align="center">
 
-<p align="center">
-<img width="200px" src="https://github.com/01-ai/Yi/raw/main/assets/img/Yi.svg?sanitize=true">
-</p>
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/01-ai/Yi/tree/main/assets/img/Yi_logo_icon_dark.svg" width="200px">
+  <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/01-ai/Yi/tree/main/assets/img/Yi_logo_icon_light.svg" width="200px"> 
+  <img alt="specify theme context for images" src="https://raw.githubusercontent.com/01-ai/Yi/tree/main/assets/img/Yi_logo_icon_light.svg">
+</picture>
 
-<div style="display: inline-block;">
-<a rel="noopener nofollow" href="https://github.com/01-ai/Yi/issues">
-  <img src="https://img.shields.io/github/issues/01-ai/Yi?logo=github" style="margin: 0 0;">
-</a>
-</div>
+</br>
+</br>
 
 <div style="display: inline-block;">
 <a rel="noopener nofollow" href="https://github.com/01-ai/Yi/actions/workflows/build_docker_image.yml">
diff --git a/assets/img/Yi.svg b/assets/img/Yi.svg
deleted file mode 100644
index 8e5379ec..00000000
--- a/assets/img/Yi.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -2600 2500 2500">
-
-<circle xmlns="http://www.w3.org/2000/svg" cx="1250" cy="-1350" r="1250" fill="#003426"/>
-
-<path xmlns="http://www.w3.org/2000/svg" d="M -50 -1285 m 670 -889 c 54 55 400 489 414 519 c 30 64 -12 145 -87 167 c -67 20 -107 -14 -297 -257 c -30 -39 -84 -106 -121 -150 c -123 -148 -135 -174 -104 -238 c 38 -80 137 -100 195 -41 z m 1196 43 c 30 18 64 74 64 105 c 0 8 -6 28 -12 43 c -12 27 -19 36 -68 93 c -12 14 -52 60 -88 104 c -174 205 -278 326 -325 380 l -52 59 l -5 419 l -5 418 l -36 36 c -61 61 -148 51 -196 -23 c -17 -25 -18 -60 -18 -468 c 0 -511 -18 -433 144 -625 c 314 -372 447 -524 475 -541 c 39 -24 83 -24 122 0 z m 235 0 m -158 965 c 18 7 43 26 57 41 l 25 27 l 3 286 c 2 271 1 289 -17 319 c -54 87 -164 86 -217 -1 c -17 -28 -19 -54 -19 -306 c 0 -305 2 -315 64 -357 c 39 -27 59 -28 104 -9 z" fill="#ffffff"/>
-
-<circle xmlns="http://www.w3.org/2000/svg" cx="2000" cy="-1500" r="125" fill="#00FF25"/>
-
-</svg>
\ No newline at end of file
diff --git a/assets/img/Yi_logo_icon_dark.svg b/assets/img/Yi_logo_icon_dark.svg
new file mode 100644
index 00000000..83ebd22d
--- /dev/null
+++ b/assets/img/Yi_logo_icon_dark.svg
@@ -0,0 +1,7 @@
+<svg width="600" height="600" viewBox="0 0 600 600" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="300" cy="300" r="300" fill="white"/>
+<rect x="409.733" y="340.032" width="42.3862" height="151.648" rx="21.1931" fill="#003425"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M422.005 133.354C413.089 125.771 399.714 126.851 392.131 135.768L273.699 275.021C270.643 278.614 268.994 282.932 268.698 287.302C268.532 288.371 268.446 289.466 268.446 290.581V468.603C268.446 480.308 277.934 489.796 289.639 489.796C301.344 489.796 310.832 480.308 310.832 468.603V296.784L424.419 163.228C432.002 154.312 430.921 140.937 422.005 133.354Z" fill="#003425"/>
+<rect x="113.972" y="134.25" width="42.3862" height="174.745" rx="21.1931" transform="rotate(-39.3441 113.972 134.25)" fill="#003425"/>
+<circle cx="460.126" cy="279.278" r="25.9027" fill="#00DD20"/>
+</svg>
diff --git a/assets/img/Yi_logo_icon_light.svg b/assets/img/Yi_logo_icon_light.svg
new file mode 100644
index 00000000..19806791
--- /dev/null
+++ b/assets/img/Yi_logo_icon_light.svg
@@ -0,0 +1,7 @@
+<svg width="600" height="600" viewBox="0 0 600 600" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="300" cy="300" r="300" fill="#003425"/>
+<rect x="409.733" y="340.031" width="42.3862" height="151.648" rx="21.1931" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M422.005 133.354C413.089 125.771 399.714 126.851 392.131 135.767L273.699 275.021C270.643 278.614 268.994 282.932 268.698 287.302C268.532 288.371 268.446 289.466 268.446 290.581V468.603C268.446 480.308 277.934 489.796 289.639 489.796C301.344 489.796 310.832 480.308 310.832 468.603V296.784L424.419 163.228C432.002 154.312 430.921 140.937 422.005 133.354Z" fill="white"/>
+<rect x="113.972" y="134.25" width="42.3862" height="174.745" rx="21.1931" transform="rotate(-39.3441 113.972 134.25)" fill="white"/>
+<circle cx="460.126" cy="279.278" r="25.9027" fill="#00FF25"/>
+</svg>