diff --git a/waybar/themes/assets/ml4w-icon-black.svg b/waybar/themes/assets/ml4w-icon-black.svg
new file mode 100644
index 0000000..0db1791
--- /dev/null
+++ b/waybar/themes/assets/ml4w-icon-black.svg
@@ -0,0 +1,18 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" role="img">
+  <!-- Define the mask for the cutouts -->
+  <mask id="cutoutMask">
+    <!-- Circle -->
+    <circle fill="#ffffff" cx="120" cy="120" r="120" />
+    
+    <!-- Big L Shape -->
+    <rect x="60" y="165" width="120" height="15" rx="4" ry="4" fill="black"/>
+    <rect x="60" y="60" width="15" height="120" rx="4" ry="4" fill="black"/>
+    
+    <!-- Little L Shape -->
+    <rect x="110" y="120" width="75" height="15" rx="4" ry="4" fill="black"/>
+    <rect x="110" y="55" width="15" height="80" rx="4" ry="4" fill="black"/>
+  </mask>
+
+  <!-- Circle with cutouts -->
+  <circle fill="#ffffff" cx="120" cy="120" r="120" mask="url(#cutoutMask)" />
+</svg>
diff --git a/waybar/themes/assets/ml4w-icon.svg b/waybar/themes/assets/ml4w-icon.svg
new file mode 100644
index 0000000..fa8e063
--- /dev/null
+++ b/waybar/themes/assets/ml4w-icon.svg
@@ -0,0 +1,18 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" role="img">
+  <!-- Define the mask for the cutouts -->
+  <mask id="cutoutMask">
+    <!-- Circle -->
+    <circle fill="#19cddb" cx="120" cy="120" r="120" />
+    
+    <!-- Big L Shape -->
+    <rect x="60" y="165" width="120" height="15" rx="4" ry="4" fill="black"/>
+    <rect x="60" y="60" width="15" height="120" rx="4" ry="4" fill="black"/>
+    
+    <!-- Little L Shape -->
+    <rect x="110" y="120" width="75" height="15" rx="4" ry="4" fill="black"/>
+    <rect x="110" y="55" width="15" height="80" rx="4" ry="4" fill="black"/>
+  </mask>
+
+  <!-- Circle with cutouts -->
+  <circle fill="#19cddb" cx="120" cy="120" r="120" mask="url(#cutoutMask)" />
+</svg>
diff --git a/waybar/themes/assets/openai.svg b/waybar/themes/assets/openai.svg
index 179dce6..63ffae1 100644
--- a/waybar/themes/assets/openai.svg
+++ b/waybar/themes/assets/openai.svg
@@ -1,2 +1,2 @@
 <?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg fill="currentColor" width="800px" height="800px" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg"><title>OpenAI icon</title><path d="M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"/></svg>
\ No newline at end of file
+<svg fill="#770000" width="800px" height="800px" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg"><title>OpenAI icon</title><path d="M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"/></svg>
\ No newline at end of file
diff --git a/waybar/themes/ml4w-blur-bottom/black/style.css b/waybar/themes/ml4w-blur-bottom/black/style.css
index 2ec68f9..1613a6c 100644
--- a/waybar/themes/ml4w-blur-bottom/black/style.css
+++ b/waybar/themes/ml4w-blur-bottom/black/style.css
@@ -20,5 +20,5 @@ window#waybar {
 }
 
 #custom-ml4w-welcome {
-    background-image: url("../../assets/ml4w-icon-dark.png");
+    background-image: url("../../assets/ml4w-icon-black.svg");
 }
diff --git a/waybar/themes/ml4w-blur/black/style.css b/waybar/themes/ml4w-blur/black/style.css
index ab90c15..f114908 100644
--- a/waybar/themes/ml4w-blur/black/style.css
+++ b/waybar/themes/ml4w-blur/black/style.css
@@ -20,5 +20,5 @@ window#waybar {
 }
 
 #custom-ml4w-welcome {
-    background-image: url("../../assets/ml4w-icon-dark.png");
+    background-image: url("../../assets/ml4w-icon-black.svg");
 }
diff --git a/waybar/themes/ml4w-blur/style.css b/waybar/themes/ml4w-blur/style.css
index 65787f5..5c610d4 100644
--- a/waybar/themes/ml4w-blur/style.css
+++ b/waybar/themes/ml4w-blur/style.css
@@ -203,9 +203,10 @@ window#waybar.empty #window {
 
 #custom-ml4w-welcome {
     margin-right: 12px;
-    background-image: url("../assets/ml4w-icon.png");
-    background-repeat: no-repeat;
+    background-image: url("../assets/ml4w-icon.svg");
     background-position: center;
+    background-repeat: no-repeat;
+    background-size: contain; 
     padding-right: 24px;
 }
 
diff --git a/waybar/themes/ml4w-bottom/black/style.css b/waybar/themes/ml4w-bottom/black/style.css
index ff14a02..abc59d6 100644
--- a/waybar/themes/ml4w-bottom/black/style.css
+++ b/waybar/themes/ml4w-bottom/black/style.css
@@ -16,5 +16,5 @@
 @import '../../ml4w/style.css';
 
 #custom-ml4w-welcome {
-    background-image: url("../../assets/ml4w-icon-dark.png");
+    background-image: url("../../assets/ml4w-icon-black.svg");
 }
diff --git a/waybar/themes/ml4w-minimal/style.css b/waybar/themes/ml4w-minimal/style.css
index 55da7c5..14a06e8 100644
--- a/waybar/themes/ml4w-minimal/style.css
+++ b/waybar/themes/ml4w-minimal/style.css
@@ -185,11 +185,12 @@ window#waybar.empty #window {
 
 
 #custom-ml4w-welcome {
-    margin-right: 15px;
-    background-image: url("../assets/ml4w-icon-20.png");
-    background-repeat: no-repeat;
+    margin-right: 12px;
+    background-image: url("../assets/ml4w-icon.svg");
     background-position: center;
-    padding-right: 24px;
+    background-repeat: no-repeat;
+    background-size: contain; 
+    padding-right: 20px;
 }
 
 #custom-ml4w-hyprland-settings {
diff --git a/waybar/themes/ml4w/black/style.css b/waybar/themes/ml4w/black/style.css
index 641ab13..712716b 100644
--- a/waybar/themes/ml4w/black/style.css
+++ b/waybar/themes/ml4w/black/style.css
@@ -15,6 +15,6 @@
  
  @import '../style.css';
  
- #custom-ml4w-welcome {
-    background-image: url("../../assets/ml4w-icon-dark.png");
+#custom-ml4w-welcome {
+    background-image: url("../../assets/ml4w-icon-black.svg");
 }
diff --git a/waybar/themes/ml4w/style.css b/waybar/themes/ml4w/style.css
index 7f7aa6d..241de84 100644
--- a/waybar/themes/ml4w/style.css
+++ b/waybar/themes/ml4w/style.css
@@ -204,18 +204,20 @@ window#waybar.empty #window {
 
 #custom-chatgpt {
     margin-right: 12px;
-    background-image: url("../assets/ai-icon.png");
+    background-image: url("../assets/openai.svg");
     background-position: center;
     background-repeat: no-repeat;
     background-size: contain; 
     padding-right: 24px;
+    color: #FFFFFF;
 }
 
 #custom-ml4w-welcome {
     margin-right: 12px;
-    background-image: url("../assets/ml4w-icon.png");
-    background-repeat: no-repeat;
+    background-image: url("../assets/ml4w-icon.svg");
     background-position: center;
+    background-repeat: no-repeat;
+    background-size: contain; 
     padding-right: 24px;
 }
 
diff --git a/waybar/themes/starter/style.css b/waybar/themes/starter/style.css
index 00aef52..c40d0b2 100644
--- a/waybar/themes/starter/style.css
+++ b/waybar/themes/starter/style.css
@@ -194,10 +194,11 @@ window#waybar.empty #window {
 }
 
 #custom-ml4w-welcome {
-    margin-right: 15px;
-    background-image: url("../assets/ml4w-icon.png");
-    background-repeat: no-repeat;
+    margin-right: 12px;
+    background-image: url("../assets/ml4w-icon.svg");
     background-position: center;
+    background-repeat: no-repeat;
+    background-size: contain; 
     padding-right: 24px;
 }