diff --git a/package-lock.json b/package-lock.json
index 5d6d5c9..9a7f516 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,7 @@
       "version": "0.1.0",
       "hasInstallScript": true,
       "dependencies": {
+        "@heroicons/react": "^2.0.16",
         "@next-auth/prisma-adapter": "^1.0.5",
         "@prisma/client": "^4.9.0",
         "@tanstack/react-query": "^4.20.2",
@@ -16,7 +17,6 @@
         "@trpc/next": "^10.9.0",
         "@trpc/react-query": "^10.9.0",
         "@trpc/server": "^10.9.0",
-        "heroicons": "^2.0.16",
         "next": "^13.2.1",
         "next-auth": "^4.19.0",
         "react": "18.2.0",
@@ -122,6 +122,14 @@
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       }
     },
+    "node_modules/@heroicons/react": {
+      "version": "2.0.16",
+      "resolved": "https://registry.npmjs.org/@heroicons/react/-/react-2.0.16.tgz",
+      "integrity": "sha512-x89rFxH3SRdYaA+JCXwfe+RkE1SFTo9GcOkZettHer71Y3T7V+ogKmfw5CjTazgS3d0ClJ7p1NA+SP7VQLQcLw==",
+      "peerDependencies": {
+        "react": ">= 16"
+      }
+    },
     "node_modules/@humanwhocodes/config-array": {
       "version": "0.11.8",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz",
@@ -2603,11 +2611,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/heroicons": {
-      "version": "2.0.16",
-      "resolved": "https://registry.npmjs.org/heroicons/-/heroicons-2.0.16.tgz",
-      "integrity": "sha512-UhFYoJkROAS61zSRHDsLu1DEsfT1wn5gMR2AXRJSKGcwGdPovY2BsAOO763uXq/MCNVLzSpcpniNU24T/vwqUQ=="
-    },
     "node_modules/ignore": {
       "version": "5.2.4",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
@@ -4933,6 +4936,12 @@
       "integrity": "sha512-lxJ9R5ygVm8ZWgYdUweoq5ownDlJ4upvoWmO4eLxBYHdMo+vZ/Rx0EN6MbKWDJOSUGrqJy2Gt+Dyv/VKml0fjg==",
       "dev": true
     },
+    "@heroicons/react": {
+      "version": "2.0.16",
+      "resolved": "https://registry.npmjs.org/@heroicons/react/-/react-2.0.16.tgz",
+      "integrity": "sha512-x89rFxH3SRdYaA+JCXwfe+RkE1SFTo9GcOkZettHer71Y3T7V+ogKmfw5CjTazgS3d0ClJ7p1NA+SP7VQLQcLw==",
+      "requires": {}
+    },
     "@humanwhocodes/config-array": {
       "version": "0.11.8",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz",
@@ -6672,11 +6681,6 @@
         "has-symbols": "^1.0.2"
       }
     },
-    "heroicons": {
-      "version": "2.0.16",
-      "resolved": "https://registry.npmjs.org/heroicons/-/heroicons-2.0.16.tgz",
-      "integrity": "sha512-UhFYoJkROAS61zSRHDsLu1DEsfT1wn5gMR2AXRJSKGcwGdPovY2BsAOO763uXq/MCNVLzSpcpniNU24T/vwqUQ=="
-    },
     "ignore": {
       "version": "5.2.4",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
diff --git a/package.json b/package.json
index 938e43e..962bb72 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,7 @@
     "@trpc/next": "^10.9.0",
     "@trpc/react-query": "^10.9.0",
     "@trpc/server": "^10.9.0",
-    "heroicons": "^2.0.16",
+    "@heroicons/react": "^2.0.16",
     "next": "^13.2.1",
     "next-auth": "^4.19.0",
     "react": "18.2.0",
diff --git a/src/components/ResourceTable.tsx b/src/components/ResourceTable.tsx
index a784392..4fc66a9 100644
--- a/src/components/ResourceTable.tsx
+++ b/src/components/ResourceTable.tsx
@@ -1,10 +1,15 @@
 import { PaymentType } from '@prisma/client';
+import { CurrencyDollarIcon } from '@heroicons/react/24/solid'
 import Image from 'next/image';
 import Link from 'next/link';
 
 const ResourceInfo = () => {
     const PriceIcons = ({type}: {type: PaymentType}) => {
-
+        return (
+            <div>
+                <CurrencyDollarIcon className="h-6 w-6 text-lime-800"/>
+            </div>
+        )
     }
     
     return (
@@ -23,9 +28,7 @@ const ResourceInfo = () => {
             <div className="grow">
                 <h1 className="font-bold text-xl">Word Success</h1>
                 <p>Apple and Android</p>
-                <div className="">
-
-                </div>
+                <PriceIcons type={PaymentType.SUBSCRIPTION_WEEKLY} />
             </div>
         </div>
     )