diff --git a/components/PageHeaderCard.tsx b/components/PageHeaderCard.tsx
index 8f197b00d5dfa28907e7dfbbf885faa1d5a61f86..1a5efe34b043326c46f7d549e4ca3fb8f3623a76 100644
--- a/components/PageHeaderCard.tsx
+++ b/components/PageHeaderCard.tsx
@@ -1,5 +1,5 @@
 import React, { ReactElement } from 'react'
-import { IconBooks } from '@tabler/icons'
+import { IconBooks } from '@tabler/icons-react'
 
 type HeaderOptions = {
   title: string
@@ -30,9 +30,7 @@ export default ({ title, description, img, children }: HeaderOptions) => {
                                     />
                                 )
                                 : (
-                                    <IconBooks
-                                        className={'w-24 h-24'}
-                                    />
+                                    <IconBooks className='w-24 h-24'/>
                                 )}
                             <h1 className="p-5 text-3xl lg:text-5xl tracking-tight text-gray-900 overflow-hidden">
                                 {title}
diff --git a/package.json b/package.json
index f9dacb0647006b3ae72c925fc28cd00ca375d290..7b864dbe54c71bb1ab6cff3eeaefd9e0f33028ce 100644
--- a/package.json
+++ b/package.json
@@ -17,7 +17,7 @@
   },
   "dependencies": {
     "@headlessui/react": "^1.4.3",
-    "@tabler/icons": "^1.53.0",
+    "@tabler/icons-react": "^2.32.0",
     "@tailwindcss/forms": "^0.5.0",
     "@tailwindcss/typography": "^0.5.0",
     "ansi-regex": "6.0.1",
diff --git a/pages/404.tsx b/pages/404.tsx
index 33d25433d941a0a6790a506670112c4fb6b1c3f8..a6ee58506deea58ac031a710e30dabe77d0f5337 100644
--- a/pages/404.tsx
+++ b/pages/404.tsx
@@ -4,7 +4,7 @@ import {
     IconRss,
     IconListDetails,
     IconChevronRight
-} from '@tabler/icons'
+} from '@tabler/icons-react'
 
 export default function NotFound() {
     const links = [
diff --git a/pages/resources/[serviceName].tsx b/pages/resources/[serviceName].tsx
index d3310ac37f1bc430ca5d689838c1b51ec7a5a1ae..13eec4b3bdca7aa0aa36872da94d17c3ed5dbd79 100644
--- a/pages/resources/[serviceName].tsx
+++ b/pages/resources/[serviceName].tsx
@@ -1,6 +1,6 @@
 import { Header } from '@/views/Service'
 import Link from 'next/link'
-import { IconChevronLeft } from '@tabler/icons'
+import { IconChevronLeft } from '@tabler/icons-react'
 
 import { ServiceContent } from '../../types/ServiceContent'
 import useContent from 'shared/use-content'
diff --git a/pages/resources/index.tsx b/pages/resources/index.tsx
index c51d14d1e5343a818e23e71a0942848e22fcb378..d55bd9f13a65ac20ed6fd657d9d47a58ddbda2e6 100644
--- a/pages/resources/index.tsx
+++ b/pages/resources/index.tsx
@@ -1,5 +1,5 @@
 import { useRouter } from 'next/router'
-import { IconArrowBigRight, IconChevronLeft, IconMail, IconBooks, IconBook2 } from '@tabler/icons'
+import { IconArrowBigRight, IconChevronLeft, IconMail, IconBooks, IconBook2 } from '@tabler/icons-react'
 
 import { handleMailtoEvent, encodeEmail } from '@/lib/utils'
 
diff --git a/views/FeaturedApiModules.tsx b/views/FeaturedApiModules.tsx
index 2b5bfa1ff649c68d972ec9f42cc35cbf8f5c2453..e8e5960d7e36493d26b87e57ff1825209f5484ca 100644
--- a/views/FeaturedApiModules.tsx
+++ b/views/FeaturedApiModules.tsx
@@ -1,4 +1,4 @@
-import { IconSend, IconRoute, IconSteeringWheel, IconManualGearbox, IconBrandOpenSource, IconRocket, IconArrowBigRight } from '@tabler/icons'
+import { IconSend, IconRoute, IconSteeringWheel, IconManualGearbox, IconBrandOpenSource, IconRocket, IconArrowBigRight } from '@tabler/icons-react'
 import Link from 'next/link'
 
 const featuredModules = [
diff --git a/views/layout/Navbar.tsx b/views/layout/Navbar.tsx
index 68243b8c7d925a444abccc292f9376075e52430f..2845c22e2e812a880a36d56fc571ca1a460c6615 100644
--- a/views/layout/Navbar.tsx
+++ b/views/layout/Navbar.tsx
@@ -5,7 +5,7 @@ import Link from 'next/link'
 import { useRouter } from 'next/dist/client/router'
 
 import { Popover, Transition } from '@headlessui/react'
-import { IconMenu2, IconX } from '@tabler/icons'
+import { IconMenu2, IconX } from '@tabler/icons-react'
 
 type NavbarConfig = {
   logo: {
diff --git a/yarn.lock b/yarn.lock
index a85be33758dd85827777a246b53d64716bb081d6..41b69664ddcb52f5fe06df82033e274680138dea 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -386,10 +386,18 @@
   dependencies:
     tslib "^2.4.0"
 
-"@tabler/icons@^1.53.0":
-  version "1.119.0"
-  resolved "https://registry.yarnpkg.com/@tabler/icons/-/icons-1.119.0.tgz#8c590bc5a563c8673a78ccd451bedabd584b376e"
-  integrity sha512-Fk3Qq4w2SXcTjc/n1cuL5bccPkylrOMo7cYpQIf/yw6zP76LQV9dtLcHQUjFiUnaYuswR645CnURIhlafyAh9g==
+"@tabler/icons-react@^2.32.0":
+  version "2.32.0"
+  resolved "https://registry.yarnpkg.com/@tabler/icons-react/-/icons-react-2.32.0.tgz#942be6fac90da70da5a86acd3bf6e2b74d9937de"
+  integrity sha512-B6op3r/up+QRiB3CQOo8wqF5FNv+hG8dEWmBnO1v5KRjubGKLFRpBldQ6rjqfsdg/QW+jvcZQ5OMEEcA0tOPIA==
+  dependencies:
+    "@tabler/icons" "2.32.0"
+    prop-types "^15.7.2"
+
+"@tabler/icons@2.32.0":
+  version "2.32.0"
+  resolved "https://registry.yarnpkg.com/@tabler/icons/-/icons-2.32.0.tgz#872b3fef34f60b017da99a1c7f0a0379a9734f80"
+  integrity sha512-w1oNvrnqFipoBEy2/0X4/IHo2aLsijuz4QRi/HizxqiaoMfmWG5X2DpEYTw9WnGvFmixpu/rtQsQAr7Wr0Mc2w==
 
 "@tailwindcss/forms@^0.5.0":
   version "0.5.4"
@@ -2834,7 +2842,7 @@ prettier@^3.0.0:
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.0.2.tgz#78fcecd6d870551aa5547437cdae39d4701dca5b"
   integrity sha512-o2YR9qtniXvwEZlOKbveKfDQVyqxbEIWn48Z8m3ZJjBjcCmUy3xZGIv+7AkaeuaTr6yPXJjwv07ZWlsWbEy1rQ==
 
-prop-types@^15.8.1:
+prop-types@^15.7.2, prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
   integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==