diff --git a/icons/ball-red.png b/icons/ball-red.png
new file mode 100644
index 0000000..d07abbd
Binary files /dev/null and b/icons/ball-red.png differ
diff --git a/icons/func-additem.png b/icons/func-additem.png
new file mode 100644
index 0000000..210135e
Binary files /dev/null and b/icons/func-additem.png differ
diff --git a/icons/func-createarray.png b/icons/func-createarray.png
new file mode 100644
index 0000000..7a7d959
Binary files /dev/null and b/icons/func-createarray.png differ
diff --git a/icons/func-deletearray.png b/icons/func-deletearray.png
new file mode 100644
index 0000000..1a6c630
Binary files /dev/null and b/icons/func-deletearray.png differ
diff --git a/icons/func-deleteitem.png b/icons/func-deleteitem.png
new file mode 100644
index 0000000..9b22299
Binary files /dev/null and b/icons/func-deleteitem.png differ
diff --git a/icons/func-email.png b/icons/func-email.png
new file mode 100644
index 0000000..8f0151b
Binary files /dev/null and b/icons/func-email.png differ
diff --git a/ui/main_window.slint b/ui/main_window.slint
index 01bd71d..c30d6be 100644
--- a/ui/main_window.slint
+++ b/ui/main_window.slint
@@ -118,49 +118,99 @@ export component AppWindow inherits Window {
             HorizontalLayout {
                 
                 spacing: 8px;
+                
+                // Add button with icon
                 Rectangle {
-                    width: 80px;
+                    width: 32px;
                     height: 32px;
-                    background: #ffffff;
-                    border-radius: 3px;
-                    Text { text: "Add"; font_size: 12px; color: #000000; horizontal-alignment: center; vertical-alignment: center; }
+                    Image {
+                        source: @image-url("../icons/func-additem.png");
+                        width: 24px;
+                        height: 24px;
+                    }
                 }
+                
+                // Remove button with icon
                 Rectangle {
-                    width: 80px;
+                    width: 32px;
                     height: 32px;
-                    background: #ffffff;
-                    border-radius: 3px;
-                    Text { text: "Remove"; font_size: 12px; color: #000000; horizontal-alignment: center; vertical-alignment: center; }
+                    Image {
+                        source: @image-url("../icons/func-deleteitem.png");
+                        width: 24px;
+                        height: 24px;
+                    }
                 }
+                
                 Rectangle { width: 10px; }
+                
+                // Create button with icon
                 Rectangle {
                     width: 90px;
                     height: 32px;
                     background: #4a90d9;
                     border-radius: 3px;
-                    Text { text: "Create"; font_size: 12px; color: white; horizontal-alignment: center; vertical-alignment: center; }
+                    HorizontalLayout {
+                        padding: 4px;
+                        Image {
+                            source: @image-url("../icons/func-createarray.png");
+                            width: 20px;
+                            height: 20px;
+                        }
+                        Text { text: "Create"; font_size: 12px; color: white; vertical-alignment: center; }
+                    }
                 }
+                
+                // Delete button with icon
                 Rectangle {
                     width: 80px;
                     height: 32px;
                     background: #d94a4a;
                     border-radius: 3px;
-                    Text { text: "Delete"; font_size: 12px; color: white; horizontal-alignment: center; vertical-alignment: center; }
+                    HorizontalLayout {
+                        padding: 4px;
+                        Image {
+                            source: @image-url("../icons/func-deletearray.png");
+                            width: 20px;
+                            height: 20px;
+                        }
+                        Text { text: "Delete"; font_size: 12px; color: white; vertical-alignment: center; }
+                    }
                 }
+                
                 Rectangle { width: 10px; }
+                
+                // Email button with icon
                 Rectangle {
                     width: 80px;
                     height: 32px;
                     background: #ffffff;
                     border-radius: 3px;
-                    Text { text: "Email"; font_size: 12px; color: #000000; horizontal-alignment: center; vertical-alignment: center; }
+                    HorizontalLayout {
+                        padding: 4px;
+                        Image {
+                            source: @image-url("../icons/func-email.png");
+                            width: 20px;
+                            height: 20px;
+                        }
+                        Text { text: "Email"; font_size: 12px; color: #000000; vertical-alignment: center; }
+                    }
                 }
+                
+                // Settings button with icon
                 Rectangle {
                     width: 80px;
                     height: 32px;
                     background: #ffffff;
                     border-radius: 3px;
-                    Text { text: "Settings"; font_size: 12px; color: #000000; horizontal-alignment: center; vertical-alignment: center; }
+                    HorizontalLayout {
+                        padding: 4px;
+                        Image {
+                            source: @image-url("../icons/func-settings.png");
+                            width: 20px;
+                            height: 20px;
+                        }
+                        Text { text: "Settings"; font_size: 12px; color: #000000; vertical-alignment: center; }
+                    }
                 }
             }
         }