diff --git a/assets/vue/components/DataFilter.vue b/assets/vue/components/DataFilter.vue
index 7ef1e09098..07c21ab972 100644
--- a/assets/vue/components/DataFilter.vue
+++ b/assets/vue/components/DataFilter.vue
@@ -4,7 +4,7 @@
       v-b-toggle.collapse-1
       variant="primary"
     >
-      <font-awesome-icon icon="search" />
+      <FontAwesomeIcon icon="search" />
       {{ $t('Search') }}
     </q-btn>
 <!--    <b-collapse-->
diff --git a/assets/vue/components/Toolbar.vue b/assets/vue/components/Toolbar.vue
index 50caa06102..fcb9969185 100644
--- a/assets/vue/components/Toolbar.vue
+++ b/assets/vue/components/Toolbar.vue
@@ -32,7 +32,7 @@
         @click="submitItem"
         unelevated
       >
-        <font-awesome-icon icon="save" />
+        <FontAwesomeIcon icon="save" />
         {{ $t('Submit') }}
       </q-btn>
       <!--      <v-btn-->
@@ -62,7 +62,7 @@
         class="btn btn-primary"
         @click="addItem"
       >
-        <font-awesome-icon icon="folder-plus" />
+        <FontAwesomeIcon icon="folder-plus" />
         New folder
       </q-btn>
 
@@ -72,7 +72,7 @@
         v-if="handleAddDocument"
         @click="addDocument"
       >
-        <font-awesome-icon icon="file-alt" /> New document
+        <FontAwesomeIcon icon="file-alt" /> New document
       </q-btn>
 
       <q-btn
@@ -81,7 +81,7 @@
         v-if="handleUploadDocument"
         @click="uploadDocument"
       >
-        <font-awesome-icon icon="cloud-upload-alt" /> File upload
+        <FontAwesomeIcon icon="cloud-upload-alt" /> File upload
       </q-btn>
 
   <!--    <DataFilter-->
diff --git a/assets/vue/components/documents/FormUpload.vue b/assets/vue/components/documents/FormUpload.vue
index c80662103f..360db6b528 100644
--- a/assets/vue/components/documents/FormUpload.vue
+++ b/assets/vue/components/documents/FormUpload.vue
@@ -48,7 +48,7 @@
               <a @click.prevent="files.splice(index, 1)"
                  class="delete"
               >
-                <font-awesome-icon icon="trash" />
+                <FontAwesomeIcon icon="trash" />
               </a>
             </span>
             </div>
diff --git a/assets/vue/components/layout/DashboardLayout.vue b/assets/vue/components/layout/DashboardLayout.vue
index 6ee06258c1..f49e1051db 100644
--- a/assets/vue/components/layout/DashboardLayout.vue
+++ b/assets/vue/components/layout/DashboardLayout.vue
@@ -121,7 +121,7 @@
           <q-item class="GNL__drawer-item" v-ripple v-for="link in links1" :key="link.text" :to="link.url" clickable>
             <q-item-section avatar>
               <!--              <q-icon :name="link.icon" />-->
-              <font-awesome-icon :icon="link.icon" size="lg" />
+              <FontAwesomeIcon :icon="link.icon" size="lg" />
             </q-item-section>
             <q-item-section>
               <q-item-label>{{ link.text }}</q-item-label>
@@ -133,7 +133,7 @@
           <q-item class="GNL__drawer-item" v-ripple v-for="link in links2" :key="link.text" :to="link.url"  clickable>
             <q-item-section avatar>
               <!--              <q-icon :name="link.icon" />-->
-              <font-awesome-icon :icon="link.icon" size="lg" />
+              <FontAwesomeIcon :icon="link.icon" size="lg" />
             </q-item-section>
             <q-item-section>
               <q-item-label>{{ link.text }}</q-item-label>
@@ -146,7 +146,7 @@
             <q-item-section>
               <q-item-label>{{ link.text }}
                 <!--                <q-icon v-if="link.icon" :name="link.icon" />-->
-                <font-awesome-icon :icon="link.icon" size="lg" />
+                <FontAwesomeIcon :icon="link.icon" size="lg" />
               </q-item-label>
             </q-item-section>
           </q-item>
diff --git a/assets/vue/components/sidebar/Sidebar.vue b/assets/vue/components/sidebar/Sidebar.vue
index 3939fc037c..05c2f9d0a4 100644
--- a/assets/vue/components/sidebar/Sidebar.vue
+++ b/assets/vue/components/sidebar/Sidebar.vue
@@ -32,7 +32,7 @@
                 :to="link.url">
                 <span class="inline-flex justify-center items-center ml-4">
                 <span class="w-5 h-5">
-                 <font-awesome-icon :icon="link.icon" />
+                 <FontAwesomeIcon :icon="link.icon" />
                 </span>
                 <span class="ml-2 text-sm tracking-wide truncate">{{ link.text }}</span>
                   </span>
@@ -136,7 +136,7 @@
                 :to="link.url">
                 <span class="inline-flex justify-center items-center ml-4">
                 <span class="w-5 h-5">
-                 <font-awesome-icon :icon="link.icon" />
+                 <FontAwesomeIcon :icon="link.icon" />
                 </span>
                 <span class="ml-2 text-sm tracking-wide truncate">{{ link.text }}</span>
                   </span>
@@ -155,7 +155,7 @@
                   :to="link.url">
                 <span class="inline-flex justify-center items-center ml-4">
                 <span class="w-5 h-5">
-                 <font-awesome-icon :icon="link.icon" />
+                 <FontAwesomeIcon :icon="link.icon" />
                 </span>
                 <span class="ml-2 text-sm tracking-wide truncate">{{ link.text }}</span>
                   </span>
diff --git a/assets/vue/main.js b/assets/vue/main.js
index 2fec77885c..5f5327c041 100644
--- a/assets/vue/main.js
+++ b/assets/vue/main.js
@@ -151,7 +151,7 @@ app.component('Button', Button);
 app.component('Column', Column);
 app.component('ColumnGroup', ColumnGroup);
 app.component('Toolbar', Toolbar);
-app.component('font-awesome-icon', FontAwesomeIcon);
+app.component('FontAwesomeIcon', FontAwesomeIcon);
 app.component('DashboardLayout', DashboardLayout)
 app.component('EmptyLayout', EmptyLayout)
 
diff --git a/assets/vue/views/course/Home.vue b/assets/vue/views/course/Home.vue
index 3c728a1228..4a3837e6d7 100644
--- a/assets/vue/views/course/Home.vue
+++ b/assets/vue/views/course/Home.vue
@@ -25,11 +25,11 @@
               {{ tool.nameToTranslate }}
             </a>
             <button @click="changeVisibility(course, tool)">
-              <font-awesome-icon
+              <FontAwesomeIcon
                   v-if="tool.resourceNode.resourceLinks[0].visibility === 2"
                   icon="eye" size="lg"
               />
-              <font-awesome-icon
+              <FontAwesomeIcon
                   v-else
                   icon="eye-slash" size="lg"
               />
diff --git a/assets/vue/views/documents/DocumentManager.vue b/assets/vue/views/documents/DocumentManager.vue
index a88b290051..64534ef56d 100644
--- a/assets/vue/views/documents/DocumentManager.vue
+++ b/assets/vue/views/documents/DocumentManager.vue
@@ -45,7 +45,7 @@
               v-if="slotProps.data"
               @click="handleClick(slotProps.data)"
               class="cursor-pointer " >
-            <font-awesome-icon
+            <FontAwesomeIcon
                 icon="folder"
                 size="lg"
             />
diff --git a/assets/vue/views/documents/List.vue b/assets/vue/views/documents/List.vue
index f69a3bdf14..36da319eb3 100644
--- a/assets/vue/views/documents/List.vue
+++ b/assets/vue/views/documents/List.vue
@@ -56,7 +56,7 @@
 <!--              </div>-->
 <!--              <div v-else>-->
 <!--                <a @click="handleClick(props.row)" class="cursor-pointer" >-->
-<!--                  <font-awesome-icon-->
+<!--                  <FontAwesomeIcon-->
 <!--                      icon="folder"-->
 <!--                      size="lg"-->
 <!--                  />-->
@@ -147,7 +147,7 @@
               v-if="slotProps.data"
               @click="handleClick(slotProps.data)"
               class="cursor-pointer " >
-            <font-awesome-icon
+            <FontAwesomeIcon
                 icon="folder"
                 size="lg"
             />
diff --git a/assets/vue/views/documents/ResourceFileIcon.vue b/assets/vue/views/documents/ResourceFileIcon.vue
index b91d0032bd..85042b2651 100644
--- a/assets/vue/views/documents/ResourceFileIcon.vue
+++ b/assets/vue/views/documents/ResourceFileIcon.vue
@@ -1,18 +1,18 @@
 <template>
   <span>
-    <font-awesome-icon
+    <FontAwesomeIcon
       v-if="file.image"
       icon="file-image"
       size="lg"
     />
 
-    <font-awesome-icon
+    <FontAwesomeIcon
       v-else-if="file.video"
       icon="file-video"
       size="lg"
     />
 
-    <font-awesome-icon
+    <FontAwesomeIcon
       v-else
       icon="file-alt"
       size="lg"
diff --git a/assets/vue/views/documents/Show.vue b/assets/vue/views/documents/Show.vue
index 43ca92be49..bc478e8c32 100644
--- a/assets/vue/views/documents/Show.vue
+++ b/assets/vue/views/documents/Show.vue
@@ -43,7 +43,7 @@
           </div>
         </div>
         <div class ="flex justify-center" v-else>
-              <font-awesome-icon
+              <FontAwesomeIcon
                   icon="folder"
                   size="7x"
               />