diff --git a/frontend/src/assets/magnifying-glass.jpg b/frontend/src/assets/magnifying-glass.jpg
deleted file mode 100644
index d3bcfdf5..00000000
Binary files a/frontend/src/assets/magnifying-glass.jpg and /dev/null differ
diff --git a/frontend/src/assets/magnifying-glass.svg b/frontend/src/assets/magnifying-glass.svg
new file mode 100644
index 00000000..d21368bd
--- /dev/null
+++ b/frontend/src/assets/magnifying-glass.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
+</svg>
diff --git a/frontend/src/components/AppBar/AppBar.css b/frontend/src/components/AppBar/AppBar.css
index e1beb8d7..8b33b936 100644
--- a/frontend/src/components/AppBar/AppBar.css
+++ b/frontend/src/components/AppBar/AppBar.css
@@ -36,7 +36,7 @@
   font-size: 16px;
   padding: 12px 20px 12px 40px;
   background-color: white;
-  background-image: url('../../assets/magnifying-glass.jpg');
+  background-image: url('../../assets/magnifying-glass.svg');
   background-position: 10px 10px; 
   background-repeat: no-repeat;
   background-size: 20px 20px;