diff --git a/package-lock.json b/package-lock.json
index 4cb0ec1..c59fcf7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,6 +18,7 @@
         "autoprefixer": "10.4.14",
         "eslint": "8.41.0",
         "eslint-config-next": "13.4.4",
+        "lucide-react": "^1.28.0",
         "next": "13.4.4",
         "pdfjs": "^2.5.0",
         "pdfjs-dist": "^3.7.107",
@@ -6514,6 +6515,15 @@
         "node": ">=10"
       }
     },
+    "node_modules/lucide-react": {
+      "version": "1.28.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-1.28.0.tgz",
+      "integrity": "sha512-fARAFJULsGuDDydjp6+6blekG/sBIM29TerzLjc9bQUKAcEfrSc4ZQKb25KRz4OMKd87cZTb5dgq0w/T6KufVg==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
     "node_modules/lz-string": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
@@ -14125,6 +14135,12 @@
         "yallist": "^4.0.0"
       }
     },
+    "lucide-react": {
+      "version": "1.28.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-1.28.0.tgz",
+      "integrity": "sha512-fARAFJULsGuDDydjp6+6blekG/sBIM29TerzLjc9bQUKAcEfrSc4ZQKb25KRz4OMKd87cZTb5dgq0w/T6KufVg==",
+      "requires": {}
+    },
     "lz-string": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
diff --git a/package.json b/package.json
index 49258b9..a56def7 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,7 @@
     "autoprefixer": "10.4.14",
     "eslint": "8.41.0",
     "eslint-config-next": "13.4.4",
+    "lucide-react": "^1.28.0",
     "next": "13.4.4",
     "pdfjs": "^2.5.0",
     "pdfjs-dist": "^3.7.107",
diff --git a/src/app/components/ResumeDropzone.tsx b/src/app/components/ResumeDropzone.tsx
index 2b98485..394ee6c 100644
--- a/src/app/components/ResumeDropzone.tsx
+++ b/src/app/components/ResumeDropzone.tsx
@@ -12,6 +12,7 @@ import addPdfSrc from "public/assets/add-pdf.svg";
 import Image from "next/image";
 import { cx } from "lib/cx";
 import { deepClone } from "lib/deep-clone";
+import { CloudUploadIcon } from "lucide-react";
 
 const defaultFileState = {
   name: "",
@@ -116,12 +117,9 @@ export const ResumeDropzone = ({
         )}
       >
         {!playgroundView && (
-          <Image
-            src={addPdfSrc}
+          <CloudUploadIcon
             className="mx-auto h-14 w-14"
-            alt="Add pdf"
             aria-hidden="true"
-            priority
           />
         )}
         {!hasFile ? (