diff --git a/README.md b/README.md
index 512c2aff..ef9426d5 100644
--- a/README.md
+++ b/README.md
@@ -29,3 +29,7 @@ If you found a bug, have a suggestion or want to share some feedback, you are we
 Your contributions are very appreciated! Check out "[How to Contribute](https://github.com/camellia-app/camellia/wiki/How-to-Contribute)" page to get started.
 
 This is the main repository of Camellia projects which contains the extension itself, however there are few more repositories with other components that work together. You may find them under [our GitHub organization](https://github.com/camellia-app).
+
+## Special Thanks
+
+[@idlist](https://github.com/idlist) for creating the icon 🤩
diff --git a/src/logo.svg b/src/logo.svg
new file mode 100644
index 00000000..47fd4d06
--- /dev/null
+++ b/src/logo.svg
@@ -0,0 +1,52 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <defs>
+    <style>
+      .a {
+        fill: none;
+        stroke: rgb(247, 116, 99);
+        stroke-linecap: round;
+        stroke-width: 0.65px;
+      }
+    </style>
+  </defs>
+  <path class="a" d="M14.4,4.6c-.53.85-.07,2.75-1.92,4"/>
+  <path class="a" d="M15.18,9c-.59-.73-.49-1.72-1.3-2.38"/>
+  <path class="a" d="M9.26,9.18a2.21,2.21,0,0,0,1.52-.79"/>
+  <line class="a" x1="11.59" y1="6.09" x2="11.31" y2="6.24"/>
+  <path class="a" d="M14.4,4.6c-1,0-2.32-1.49-4.4-.66"/>
+  <path class="a" d="M11.17,1.47c.28.9,1.15,1.37,1.24,2.41"/>
+  <path class="a" d="M7.73,6.29a2.26,2.26,0,0,1,1.5-.82"/>
+  <line class="a" x1="11.59" y1="6.09" x2="11.31" y2="6.24"/>
+  <path class="a" d="M13.21,13c-1-.25-2.64.78-4.4-.59"/>
+  <path class="a" d="M9.25,15.15c.51-.79,1.48-1,1.86-2"/>
+  <path class="a" d="M7.27,9.57a2.24,2.24,0,0,0,1.22,1.2"/>
+  <line class="a" x1="10.92" y1="10.82" x2="10.7" y2="10.6"/>
+  <path class="a" d="M13.21,13c-.27-1,.7-2.67-.73-4.39"/>
+  <path class="a" d="M15.18,9c-.76.54-.94,1.52-1.9,1.92"/>
+  <path class="a" d="M9.54,7.21a2.24,2.24,0,0,1,1.24,1.18"/>
+  <line class="a" x1="10.92" y1="10.82" x2="10.7" y2="10.6"/>
+  <path class="a" d="M4.82,14.51c-.07-1-1.56-2.27-.8-4.37"/>
+  <path class="a" d="M1.59,11.39C2.5,11.64,3,12.5,4,12.55"/>
+  <path class="a" d="M6.28,7.79a2.22,2.22,0,0,0-.76,1.53"/>
+  <line class="a" x1="6.22" y1="11.65" x2="6.36" y2="11.37"/>
+  <path class="a" d="M4.82,14.51c.84-.56,2.76-.16,3.95-2"/>
+  <path class="a" d="M9.27,15.14c-.75-.56-1.74-.43-2.42-1.21"/>
+  <path class="a" d="M9.22,9.22a2.25,2.25,0,0,1-.73,1.55"/>
+  <line class="a" x1="6.22" y1="11.65" x2="6.36" y2="11.37"/>
+  <path class="a" d="M.82,7C1.75,6.61,2.5,4.8,4.73,4.87"/>
+  <path class="a" d="M2.79,3c0,.94-.62,1.68-.35,2.69"/>
+  <path class="a" d="M7.67,6.3A2.23,2.23,0,0,0,6,6.05"/>
+  <line class="a" x1="3.97" y1="7.43" x2="4.29" y2="7.48"/>
+  <path class="a" d="M.82,7c.79.62,1,2.57,3.18,3.12"/>
+  <path class="a" d="M1.6,11.42c.3-.89-.13-1.79.41-2.68"/>
+  <path class="a" d="M7.22,9.54a2.23,2.23,0,0,1-1.7-.22"/>
+  <line class="a" x1="3.97" y1="7.43" x2="4.29" y2="7.48"/>
+  <path class="a" d="M6.74.86c.65.77,2.6.92,3.22,3.07"/>
+  <path class="a" d="M11.19,1.49c-.88.33-1.79-.07-2.66.5"/>
+  <path class="a" d="M9.51,7.16a2.18,2.18,0,0,0-.28-1.69"/>
+  <line class="a" x1="7.29" y1="4" x2="7.35" y2="4.31"/>
+  <path class="a" d="M6.74.86c-.34,1-2.13,1.75-2,4"/>
+  <path class="a" d="M2.77,3c.94,0,1.66-.67,2.68-.44"/>
+  <path class="a" d="M6.29,7.73A2.23,2.23,0,0,1,6,6.05"/>
+  <line class="a" x1="7.29" y1="4" x2="7.35" y2="4.31"/>
+</svg>
diff --git a/src/logo_128x128.png b/src/logo_128x128.png
new file mode 100644
index 00000000..8ff674f1
Binary files /dev/null and b/src/logo_128x128.png differ
diff --git a/src/logo_16x16.png b/src/logo_16x16.png
new file mode 100644
index 00000000..b45af87f
Binary files /dev/null and b/src/logo_16x16.png differ
diff --git a/src/logo_32x32.png b/src/logo_32x32.png
new file mode 100644
index 00000000..759373f5
Binary files /dev/null and b/src/logo_32x32.png differ
diff --git a/src/logo_48x48.png b/src/logo_48x48.png
new file mode 100644
index 00000000..da1fd033
Binary files /dev/null and b/src/logo_48x48.png differ
diff --git a/webpack.config.js b/webpack.config.js
index 54083bdb..ae7c738f 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -44,9 +44,6 @@ const buildExtensionManifest = () => {
     description: '__MSG_extensionDescription__',
     homepage_url: 'https://camellia.app',
     host_permissions: ['https://*.camellia.app/'],
-    icons: {
-      128: 'logo.png',
-    },
     manifest_version: 3,
     name: 'Camellia',
     options_ui: {
@@ -62,6 +59,12 @@ const buildExtensionManifest = () => {
     case 'chromium':
       extensionManifest.background = {};
       extensionManifest.background.service_worker = '/background.js';
+      extensionManifest.icons = {
+        16: 'logo_16x16.png',
+        32: 'logo_32x32.png',
+        48: 'logo_48x48.png',
+        128: 'logo_128x128.png',
+      };
       extensionManifest.minimum_chrome_version = '105';
       extensionManifest.offline_enabled = true;
       extensionManifest.permissions = [...extensionManifest.permissions, 'favicon'];
@@ -76,6 +79,9 @@ const buildExtensionManifest = () => {
       extensionManifest.browser_specific_settings.gecko = {};
       extensionManifest.browser_specific_settings.gecko.id = 'firefox@camellia.app';
       extensionManifest.browser_specific_settings.gecko.strict_min_version = '121.0';
+      extensionManifest.icons = {
+        16: 'logo.svg',
+      };
 
       break;
   }
@@ -179,7 +185,14 @@ const commonConfig = {
       path: path.resolve(__dirname, 'dist', process.env.TARGET_PLATFORM),
     }),
     new CopyWebpackPlugin({
-      patterns: [{ from: path.resolve(__dirname, 'translations'), to: '_locales' }, { from: './logo.png' }],
+      patterns: [
+        { from: path.resolve(__dirname, 'translations'), to: '_locales' },
+        { from: './logo.svg' },
+        { from: './logo_16x16.png' },
+        { from: './logo_32x32.png' },
+        { from: './logo_48x48.png' },
+        { from: './logo_128x128.png' },
+      ],
     }),
     new HtmlWebpackPlugin({
       chunks: ['newtab'],