diff --git a/frontend/public/drawing.png b/frontend/public/drawing.png
new file mode 100644
index 0000000..ffdd36b
Binary files /dev/null and b/frontend/public/drawing.png differ
diff --git a/frontend/src/pages/LandingPage.tsx b/frontend/src/pages/LandingPage.tsx
index ec7fd75..be8c92f 100644
--- a/frontend/src/pages/LandingPage.tsx
+++ b/frontend/src/pages/LandingPage.tsx
@@ -16,6 +16,7 @@ const categoryColors: { [key: string]: string } = {
   videos: 'pink',
   speechsounds: 'purple',
   tictactoe: 'blue',
+  drawingpad: 'amber',
 };
 
 const colorMap: { [key: string]: string } = {
@@ -106,6 +107,17 @@ export function LandingPage() {
                         loading="eager"
                         fetchPriority="auto"
                       />
+                    ) : app.id === 'drawingpad' ? (
+                      <OptimizedImage 
+                        src="/drawing.png" 
+                        alt="Drawing Pad" 
+                        className="w-20 h-20 object-contain"
+                        width={80}
+                        height={80}
+                        loading="eager"
+                        fetchPriority="auto"
+                        disableWebP={true}
+                      />
                     ) : (
                       <span className="text-5xl">{emoji}</span>
                     )}