diff --git a/web/src/components/atomic/Icon.vue b/web/src/components/atomic/Icon.vue
index a91cbef35..2572aa314 100644
--- a/web/src/components/atomic/Icon.vue
+++ b/web/src/components/atomic/Icon.vue
@@ -53,11 +53,17 @@
   <SvgIcon v-else-if="name === 'visibility-private'" :path="mdiLockOutline" size="24" />
   <SvgIcon v-else-if="name === 'visibility-internal'" :path="mdiLockOpenOutline" size="24" />
 
-  <iconify-icon v-else-if="name === 'forgejo'" icon="devicon:forgejo" />
-  <!-- <i v-else-if="name === 'forgejo'" class="devicon-forgejo-plain" />
-  <i v-else-if="name === 'github'" class="devicon-github-plain" />
-  <i v-else-if="name === 'gitlab'" class="devicon-gitlab-plain" /> -->
-  <SvgIcon v-else-if="name === 'gitea'" :path="siGitea.path" size="32" color="#609926" />
+  <iconify-icon v-else-if="name === 'forgejo'" icon="devicon:forgejo" width="32" height="32" />
+  <iconify-icon v-else-if="name === 'gitlab'" icon="devicon:gitlab" width="32" height="32" />
+  <iconify-icon v-else-if="name === 'github'" icon="devicon:github" width="32" height="32" />
+  <iconify-icon
+    v-else-if="name === 'gitea'"
+    icon="simple-icons:gitea"
+    width="32"
+    height="32"
+    style="color: #609926"
+    ;
+  />
 
   <svg v-else-if="name === 'spinner'" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
     <path
@@ -83,7 +89,8 @@
 </template>
 
 <script lang="ts" setup>
-import "iconify-icon";
+import 'iconify-icon';
+
 import {
   mdiAlarm,
   mdiAlertCircle,
@@ -125,7 +132,6 @@ import {
   mdiTimerOutline,
   mdiTrashCanOutline,
 } from '@mdi/js';
-import { siGitea } from 'simple-icons';
 
 import SvgIcon from './SvgIcon.vue';