diff --git a/frontend/components/global/Header.vue b/frontend/components/global/Header.vue
index bd383d9..707273d 100644
--- a/frontend/components/global/Header.vue
+++ b/frontend/components/global/Header.vue
@@ -92,11 +92,15 @@ const megaMenuCategories = computed(() => {
                     >
                         <NuxtLink
                             to="/signin"
-                            class="flex-center"
+                            class="flex-center header-navbar-item"
                         >
-                            <Icon
+                            <!-- <Icon
                                 name="ci:profile"
                                 class="**:stroke-black size-5 lg:size-6 header-navbar-item"
+                            /> -->
+                            <NuxtImg
+                                src="/img/navbar/profile.gif"
+                                class="size-7 lg:size-8 mt-0.5"
                             />
                         </NuxtLink>
                     </Tooltip>
@@ -105,21 +109,29 @@ const megaMenuCategories = computed(() => {
                             to="/products"
                             class="flex-center header-navbar-item"
                         >
-                            <Icon
+                            <!-- <Icon
                                 name="ci:search"
                                 class="**:stroke-black size-4.5 lg:size-[21px]"
+                            /> -->
+                            <NuxtImg
+                                src="/img/navbar/search.gif"
+                                class="size-7 lg:size-8 mt-0.5"
                             />
                         </NuxtLink>
                     </Tooltip>
                     <Tooltip title="سبد خرید">
                         <NuxtLink
                             to="/cart"
-                            class="flex-center"
+                            class="flex-center header-navbar-item"
                         >
                             <button class="relative">
-                                <Icon
+                                <!-- <Icon
                                     name="ci:cart"
                                     class="**:stroke-black size-5 lg:size-6 header-navbar-item"
+                                /> -->
+                                <NuxtImg
+                                    src="/img/navbar/cart.gif"
+                                    class="size-7 lg:size-8"
                                 />
 
                                 <div
diff --git a/frontend/public/img/navbar/cart.gif b/frontend/public/img/navbar/cart.gif
new file mode 100644
index 0000000..6d05f2b
Binary files /dev/null and b/frontend/public/img/navbar/cart.gif differ
diff --git a/frontend/public/img/navbar/profile.gif b/frontend/public/img/navbar/profile.gif
new file mode 100644
index 0000000..e5790e0
Binary files /dev/null and b/frontend/public/img/navbar/profile.gif differ
diff --git a/frontend/public/img/navbar/search.gif b/frontend/public/img/navbar/search.gif
new file mode 100644
index 0000000..d0c9153
Binary files /dev/null and b/frontend/public/img/navbar/search.gif differ