diff --git a/.env b/.env
new file mode 100644
index 0000000..8917459
--- /dev/null
+++ b/.env
@@ -0,0 +1 @@
+VITE_API_URL=http://localhost:8787
\ No newline at end of file
diff --git a/src/components/game/Game.tsx b/src/components/game/Game.tsx
index 39a8317..4dff6c0 100644
--- a/src/components/game/Game.tsx
+++ b/src/components/game/Game.tsx
@@ -4,20 +4,22 @@ import { Grid2 as Grid, Card, CardContent, CardHeader } from '@mui/material'
 import { Score, Gitcoin } from '@/components/game/core'
 import { Skills } from '@/components/game/skills'
 import { Store } from '@/components/game/store'
-import { loop } from '@/modules/game'
-
-import { useDispatch } from 'react-redux'
+import { loop, start, stop } from '@/modules/game'
+import { useAppDispatch } from '@/store'
 
 export function Game() {
-  const dispatch = useDispatch()
+  const dispatch = useAppDispatch()
 
   useEffect(() => {
+    dispatch(start())
     const interval = setInterval(() => {
       dispatch(loop())
     }, 100)
 
-    return () => clearInterval(interval)
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+    return () => {
+      clearInterval(interval)
+      dispatch(stop())
+    }
   }, [])
 
   return (
diff --git a/src/components/game/__tests__/Game.test.tsx b/src/components/game/__tests__/Game.test.tsx
index 40d874f..0503706 100644
--- a/src/components/game/__tests__/Game.test.tsx
+++ b/src/components/game/__tests__/Game.test.tsx
@@ -8,6 +8,12 @@ describe('Game', () => {
         lines: 6,
         linesPerMillisecond: 2,
         skills: {},
+        items: [{
+          id: 1,
+          name: 'Bash',
+          price: 10,
+          linesPerMillisecond: 0.1,
+        }],
       },
     }
 
@@ -17,6 +23,7 @@ describe('Game', () => {
     expect(screen.getByText(/per second: 20/)).toBeInTheDocument()
     expect(screen.getByText(/Skills/)).toBeInTheDocument()
     expect(screen.getByText(/Store/)).toBeInTheDocument()
+    expect(screen.getByText(/Bash/)).toBeInTheDocument()
 
     await screen.findByText(/8 lines/, undefined, { timeout: 150 })
     await screen.findByText(/10 lines/, undefined, { timeout: 150 })
diff --git a/src/components/game/core/__tests__/Score.test.tsx b/src/components/game/core/__tests__/Score.test.tsx
index 81cd73a..03c88f6 100644
--- a/src/components/game/core/__tests__/Score.test.tsx
+++ b/src/components/game/core/__tests__/Score.test.tsx
@@ -4,7 +4,7 @@ import { render, screen } from '@/test-setup'
 describe('Score', () => {
   it('should display the number of lines', () => {
     const initialState = {
-      game: { lines: 6, linesPerMillisecond: 2, skills: {} },
+      game: { lines: 6, linesPerMillisecond: 2, skills: {}, items: [] },
     }
 
     render(<Score />, { preloadedState: initialState })
diff --git a/src/components/game/skills/Section.tsx b/src/components/game/skills/Section.tsx
index 2913797..6f89edb 100644
--- a/src/components/game/skills/Section.tsx
+++ b/src/components/game/skills/Section.tsx
@@ -1,5 +1,7 @@
-import { items } from '@/constants/items'
+import { RootState } from '@/store'
+import getItemIcon from '@/utils/getItemIcon'
 import { Box, Grid2 as Grid, Typography } from '@mui/material'
+import { useSelector } from 'react-redux'
 
 type Props = {
   itemName: string
@@ -7,6 +9,7 @@ type Props = {
 }
 
 export const Section = ({ itemName, number }: Props) => {
+  const items = useSelector((state: RootState) => state.game.items)
   const item = items.find(element => element.name === itemName)
 
   if (item == null) {
@@ -22,7 +25,7 @@ export const Section = ({ itemName, number }: Props) => {
             key={index}
           >
             <img
-              src={item.icon}
+              src={getItemIcon(item)}
               alt={item.name}
               style={{
                 width: '2rem',
diff --git a/src/components/game/skills/__tests__/Section.test.tsx b/src/components/game/skills/__tests__/Section.test.tsx
index 7875832..bf21ca5 100644
--- a/src/components/game/skills/__tests__/Section.test.tsx
+++ b/src/components/game/skills/__tests__/Section.test.tsx
@@ -1,9 +1,22 @@
-import { render, screen } from '@testing-library/react'
+import { render, screen } from '@/test-setup'
 import { Section } from '../Section'
 
 describe('Section', () => {
   it('displays the owned skills', () => {
-    render(<Section itemName="Bash" number={3} />)
+    const initialState = {
+      game: {
+        lines: 6,
+        linesPerMillisecond: 2,
+        skills: {},
+        items: [{
+          id: 1,
+          name: 'Bash',
+          price: 10,
+          linesPerMillisecond: 0.1,
+        }],
+      },
+    }
+    render(<Section itemName="Bash" number={3} />, { preloadedState: initialState })
 
     expect(screen.getByText('Bash')).toBeInTheDocument()
     expect(screen.getAllByAltText('Bash')).toHaveLength(3)
diff --git a/src/components/game/skills/__tests__/Skills.test.tsx b/src/components/game/skills/__tests__/Skills.test.tsx
index 0056f74..0a6db4a 100644
--- a/src/components/game/skills/__tests__/Skills.test.tsx
+++ b/src/components/game/skills/__tests__/Skills.test.tsx
@@ -1,5 +1,6 @@
 import { render, screen } from '@/test-setup'
 import { Skills } from '../Skills'
+import { items } from '@/utils/__mocks__/items.mock'
 
 describe('Skills', () => {
   it('renders correctly', () => {
@@ -8,6 +9,7 @@ describe('Skills', () => {
         lines: 6,
         linesPerMillisecond: 2,
         skills: { Bash: 2, Git: 3, Javascript: 4 },
+        items,
       },
     }
 
diff --git a/src/components/game/store/Item.tsx b/src/components/game/store/Item.tsx
index 5aa6a99..cbeb2e1 100644
--- a/src/components/game/store/Item.tsx
+++ b/src/components/game/store/Item.tsx
@@ -1,6 +1,7 @@
 import '@/styles/game/store/item.css'
 import { Typography, Button } from '@mui/material'
 import { Item as ItemType } from '@/types'
+import getItemIcon from '@/utils/getItemIcon'
 
 type Props = {
   item: ItemType
@@ -19,14 +20,10 @@ export function Item({ item, lines, onBuy }: Props) {
       onClick={() => canBuy && onBuy(item)}
     >
       <div className="title">
-        <img src={item.icon} alt={item.name} />
+        <img src={getItemIcon(item)} alt={item.name} />
         <div>
           <Typography variant="subtitle1">{item.name}</Typography>
-          <small>
-            {linePerSecond}
-            {' '}
-            lines per second
-          </small>
+          <small>{linePerSecond} lines per second</small>
         </div>
       </div>
       <Button
diff --git a/src/components/game/store/Store.tsx b/src/components/game/store/Store.tsx
index ef3a122..f4e9f40 100644
--- a/src/components/game/store/Store.tsx
+++ b/src/components/game/store/Store.tsx
@@ -1,6 +1,5 @@
 import { Item as ItemType } from '@/types'
 import { Item } from './Item.tsx'
-import { items } from '@/constants/items.ts'
 import { Grid2 as Grid } from '@mui/material'
 import { buyItem } from '@/modules/game.ts'
 import { RootState } from '@/store.ts'
@@ -8,6 +7,7 @@ import { useSelector, useDispatch } from 'react-redux'
 
 export function Store() {
   const lines = useSelector((state: RootState) => state.game.lines)
+  const items = useSelector((state: RootState) => state.game.items)
   const dispatch = useDispatch()
   const handleBuy = (item: ItemType) => dispatch(buyItem(item))
 
diff --git a/src/components/game/store/__tests__/Item.test.tsx b/src/components/game/store/__tests__/Item.test.tsx
index fa224e1..da6f440 100644
--- a/src/components/game/store/__tests__/Item.test.tsx
+++ b/src/components/game/store/__tests__/Item.test.tsx
@@ -1,21 +1,14 @@
-import BashIcon from 'devicon/icons/bash/bash-original.svg'
 import { render, screen, fireEvent } from '@testing-library/react'
 import { Item } from '../Item'
+import { items } from '@/utils/__mocks__/items.mock'
 
 describe('Item', () => {
   it('Renders a buyable item', () => {
-    const item = {
-      name: 'Bash',
-      price: 10,
-      linesPerMillisecond: 0.1,
-      icon: BashIcon,
-    }
-
     const onBuy = vi.fn()
 
     render(
       <Item
-        item={item}
+        item={items[0]}
         lines={150}
         onBuy={onBuy}
       />,
@@ -27,22 +20,15 @@ describe('Item', () => {
 
     fireEvent.click(screen.getByRole('button'))
 
-    expect(onBuy).toHaveBeenCalledWith(item)
+    expect(onBuy).toHaveBeenCalledWith(items[0])
   })
 
   it('Renders a non buyable item', () => {
-    const item = {
-      name: 'Bash',
-      price: 10,
-      linesPerMillisecond: 0.1,
-      icon: BashIcon,
-    }
-
     const onBuy = vi.fn()
 
     render(
       <Item
-        item={item}
+        item={items[0]}
         lines={0}
         onBuy={onBuy}
       />,
@@ -54,6 +40,6 @@ describe('Item', () => {
 
     fireEvent.click(screen.getByRole('button'))
 
-    expect(onBuy).not.toHaveBeenCalledWith(item)
+    expect(onBuy).not.toHaveBeenCalledWith(items[0])
   })
 })
diff --git a/src/components/game/store/__tests__/Store.test.tsx b/src/components/game/store/__tests__/Store.test.tsx
index a75d5c8..a56576d 100644
--- a/src/components/game/store/__tests__/Store.test.tsx
+++ b/src/components/game/store/__tests__/Store.test.tsx
@@ -1,5 +1,6 @@
 import { render, screen } from '@/test-setup'
 import { Store } from '../Store'
+import { items } from '@/utils/__mocks__/items.mock'
 
 describe('Store', () => {
   it('renders correctly', () => {
@@ -8,6 +9,7 @@ describe('Store', () => {
         lines: 6,
         linesPerMillisecond: 2,
         skills: {},
+        items,
       },
     }
 
diff --git a/src/components/layout/__tests__/__snapshots__/Navbar.test.tsx.snap b/src/components/layout/__tests__/__snapshots__/Navbar.test.tsx.snap
index 1bf9abf..9a8ef1d 100644
--- a/src/components/layout/__tests__/__snapshots__/Navbar.test.tsx.snap
+++ b/src/components/layout/__tests__/__snapshots__/Navbar.test.tsx.snap
@@ -14,17 +14,10 @@ exports[`Navbar page > renders correctly 1`] = `
         data-discover="true"
         href="/"
       >
-        <svg
-          aria-hidden="true"
-          class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root"
-          data-testid="GitHubIcon"
-          focusable="false"
-          viewBox="0 0 24 24"
-        >
-          <path
-            d="M12 1.27a11 11 0 00-3.48 21.46c.55.09.73-.28.73-.55v-1.84c-3.03.64-3.67-1.46-3.67-1.46-.55-1.29-1.28-1.65-1.28-1.65-.92-.65.1-.65.1-.65 1.1 0 1.73 1.1 1.73 1.1.92 1.65 2.57 1.2 3.21.92a2 2 0 01.64-1.47c-2.47-.27-5.04-1.19-5.04-5.5 0-1.1.46-2.1 1.2-2.84a3.76 3.76 0 010-2.93s.91-.28 3.11 1.1c1.8-.49 3.7-.49 5.5 0 2.1-1.38 3.02-1.1 3.02-1.1a3.76 3.76 0 010 2.93c.83.74 1.2 1.74 1.2 2.94 0 4.21-2.57 5.13-5.04 5.4.45.37.82.92.82 2.02v3.03c0 .27.1.64.73.55A11 11 0 0012 1.27"
-          />
-        </svg>
+        <img
+          alt="Gitcoin"
+          src="data:image/svg+xml,%3csvg%20width='98'%20height='96'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M48.854%200C21.839%200%200%2022%200%2049.217c0%2021.756%2013.993%2040.172%2033.405%2046.69%202.427.49%203.316-1.059%203.316-2.362%200-1.141-.08-5.052-.08-9.127-13.59%202.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015%204.934.326%207.523%205.052%207.523%205.052%204.367%207.496%2011.404%205.378%2014.235%204.074.404-3.178%201.699-5.378%203.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283%200-5.378%201.94-9.778%205.014-13.2-.485-1.222-2.184-6.275.486-13.038%200%200%204.125-1.304%2013.426%205.052a46.97%2046.97%200%200%201%2012.214-1.63c4.125%200%208.33.571%2012.213%201.63%209.302-6.356%2013.427-5.052%2013.427-5.052%202.67%206.763.97%2011.816.485%2013.038%203.155%203.422%205.015%207.822%205.015%2013.2%200%2018.905-11.404%2023.06-22.324%2024.283%201.78%201.548%203.316%204.481%203.316%209.126%200%206.6-.08%2011.897-.08%2013.526%200%201.304.89%202.853%203.316%202.364%2019.412-6.52%2033.405-24.935%2033.405-46.691C97.707%2022%2075.788%200%2048.854%200z'%20fill='%2324292f'/%3e%3c/svg%3e"
+        />
         <h6
           class="MuiTypography-root MuiTypography-h6 MuiTypography-noWrap css-1tl44qx-MuiTypography-root"
         >
diff --git a/src/modules/__tests__/game.test.ts b/src/modules/__tests__/game.test.ts
index 95f0a17..8332e2d 100644
--- a/src/modules/__tests__/game.test.ts
+++ b/src/modules/__tests__/game.test.ts
@@ -1,4 +1,4 @@
-import game, { buyItem, click, loop } from '../game'
+import gameReducer, { buyItem, click, loop } from '../game'
 
 describe('game reducer', () => {
   it('should handle loop action', () => {
@@ -6,6 +6,7 @@ describe('game reducer', () => {
       lines: 6,
       linesPerMillisecond: 6,
       skills: {},
+      items: [],
     }
 
     const action = loop()
@@ -14,9 +15,10 @@ describe('game reducer', () => {
       lines: 12,
       linesPerMillisecond: 6,
       skills: {},
+      items: [],
     }
 
-    expect(game(state, action)).toEqual(expectedState)
+    expect(gameReducer(state, action)).toEqual(expectedState)
   })
 
   it('should handle click action', () => {
@@ -24,6 +26,7 @@ describe('game reducer', () => {
       lines: 6,
       linesPerMillisecond: 6,
       skills: {},
+      items: [],
     }
 
     const action = click()
@@ -32,13 +35,15 @@ describe('game reducer', () => {
       lines: 7,
       linesPerMillisecond: 6,
       skills: {},
+      items: [],
     }
 
-    expect(game(state, action)).toEqual(expectedState)
+    expect(gameReducer(state, action)).toEqual(expectedState)
   })
 
   it('should handle buyItem action, with no existing skills', () => {
     const item = {
+      id: 1,
       name: 'Bash',
       price: 10,
       linesPerMillisecond: 0.5,
@@ -51,6 +56,7 @@ describe('game reducer', () => {
       lines: 25,
       linesPerMillisecond: 6,
       skills: {},
+      items: [],
     }
 
     const expectedState = {
@@ -59,13 +65,15 @@ describe('game reducer', () => {
       skills: {
         Bash: 1,
       },
+      items: [],
     }
 
-    expect(game(state, action)).toEqual(expectedState)
+    expect(gameReducer(state, action)).toEqual(expectedState)
   })
 
   it('should handle buyItem action, when the skill has already been bought', () => {
     const item = {
+      id: 1,
       name: 'Bash',
       price: 10,
       linesPerMillisecond: 0.5,
@@ -80,6 +88,7 @@ describe('game reducer', () => {
       skills: {
         Bash: 4,
       },
+      items: [],
     }
 
     const expectedState = {
@@ -88,13 +97,15 @@ describe('game reducer', () => {
       skills: {
         Bash: 5,
       },
+      items: [],
     }
 
-    expect(game(state, action)).toEqual(expectedState)
+    expect(gameReducer(state, action)).toEqual(expectedState)
   })
 
   it('should handle buyItem action, when another skill has already been bought', () => {
     const item = {
+      id: 1,
       name: 'Bash',
       price: 10,
       linesPerMillisecond: 0.5,
@@ -111,6 +122,7 @@ describe('game reducer', () => {
         Javascript: 2,
         Vim: 1,
       },
+      items: [],
     }
 
     const expectedState = {
@@ -121,9 +133,10 @@ describe('game reducer', () => {
         Javascript: 2,
         Vim: 1,
       },
+      items: [],
     }
 
-    expect(game(state, action)).toEqual(expectedState)
+    expect(gameReducer(state, action)).toEqual(expectedState)
   })
 
   it('should handle unknown action', () => {
@@ -131,10 +144,156 @@ describe('game reducer', () => {
       lines: 6,
       linesPerMillisecond: 6,
       skills: {},
+      items: [],
     }
 
     const action = { type: 'UNKNOWN ACTION' }
 
-    expect(game(state, action)).toEqual(state)
+    expect(gameReducer(state, action)).toEqual(state)
+  })
+
+  it('should handle initGame action', () => {
+    const state = {
+      lines: 6,
+      linesPerMillisecond: 6,
+      skills: {},
+      items: [],
+    }
+
+    const action = {
+      type: 'game/initGame',
+      payload: {
+        lines: 10,
+        linesPerMillisecond: 10,
+        skills: {
+          Bash: 5,
+          Javascript: 2,
+        },
+        items: [
+          {
+            id: 1,
+            name: 'Bash',
+            price: 10,
+            linesPerMillisecond: 0.5,
+            icon: '/some/icon/path.svg',
+          },
+          {
+            id: 2,
+            name: 'Git',
+            price: 100,
+            linesPerMillisecond: 1.2,
+            icon: '/some/icon/path.svg',
+          },
+          {
+            id: 3,
+            name: 'Javascript',
+            price: 10000,
+            linesPerMillisecond: 14.0,
+            icon: '/some/icon/path.svg',
+          },
+        ],
+      },
+    }
+
+    const expectedState = {
+      lines: 10,
+      linesPerMillisecond: 10,
+      skills: {
+        Bash: 5,
+        Javascript: 2,
+      },
+      items: [
+        {
+          id: 1,
+          name: 'Bash',
+          price: 10,
+          linesPerMillisecond: 0.5,
+          icon: '/some/icon/path.svg',
+        },
+        {
+          id: 2,
+          name: 'Git',
+          price: 100,
+          linesPerMillisecond: 1.2,
+          icon: '/some/icon/path.svg',
+        },
+        {
+          id: 3,
+          name: 'Javascript',
+          price: 10000,
+          linesPerMillisecond: 14.0,
+          icon: '/some/icon/path.svg',
+        },
+      ],
+    }
+
+    expect(gameReducer(state, action)).toEqual(expectedState)
+  })
+
+  it('should handle fetchedItems action', () => {
+    const state = {
+      lines: 6,
+      linesPerMillisecond: 6,
+      skills: {},
+      items: [],
+    }
+
+    const action = {
+      type: 'game/fetchedItems',
+      payload: [
+        {
+          id: 1,
+          name: 'Bash',
+          price: 10,
+          linesPerMillisecond: 0.5,
+          icon: '/some/icon/path.svg',
+        },
+        {
+          id: 2,
+          name: 'Git',
+          price: 100,
+          linesPerMillisecond: 1.2,
+          icon: '/some/icon/path.svg',
+        },
+        {
+          id: 3,
+          name: 'Javascript',
+          price: 10000,
+          linesPerMillisecond: 14.0,
+          icon: '/some/icon/path.svg',
+        },
+      ],
+    }
+
+    const expectedState = {
+      lines: 6,
+      linesPerMillisecond: 6,
+      skills: {},
+      items: [
+        {
+          id: 1,
+          name: 'Bash',
+          price: 10,
+          linesPerMillisecond: 0.5,
+          icon: '/some/icon/path.svg',
+        },
+        {
+          id: 2,
+          name: 'Git',
+          price: 100,
+          linesPerMillisecond: 1.2,
+          icon: '/some/icon/path.svg',
+        },
+        {
+          id: 3,
+          name: 'Javascript',
+          price: 10000,
+          linesPerMillisecond: 14.0,
+          icon: '/some/icon/path.svg',
+        },
+      ],
+    }
+
+    expect(gameReducer(state, action)).toEqual(expectedState)
   })
 })
diff --git a/src/modules/game.ts b/src/modules/game.ts
index 9eeeb47..4a13584 100644
--- a/src/modules/game.ts
+++ b/src/modules/game.ts
@@ -1,23 +1,64 @@
+import { RootState } from '@/store'
 import type { OwnedItems, Item } from '@/types'
-import { PayloadAction, createSlice } from '@reduxjs/toolkit'
+import { PayloadAction, createAsyncThunk, createSlice } from '@reduxjs/toolkit'
 
 // Initial state
 type GameState = {
   lines: number
   linesPerMillisecond: number
   skills: OwnedItems
+  items: Item[]
 }
 
 const INITIAL_STATE: GameState = {
   lines: 0,
   linesPerMillisecond: 0,
   skills: {},
+  items: [],
 }
 
+// Side Effects / thunks
+export const start = createAsyncThunk(
+  'game/start',
+  async (_, { dispatch }) => {
+    const localStoredGame = localStorage.getItem('game')
+    const initalGameState = localStoredGame ? JSON.parse(localStoredGame) : {}
+
+    dispatch(initGame(initalGameState))
+
+    const response = await fetch(`${import.meta.env.VITE_API_URL}/api/shop/items`)
+    const items = await response.json()
+
+    dispatch(fetchedItems(items))
+  },
+)
+
+export const stop = createAsyncThunk(
+  'game/stop',
+  async (_, { getState }) => {
+    const state = getState() as RootState
+    const serializedGameState = JSON.stringify(state.game)
+
+    localStorage.setItem('game', serializedGameState)
+  },
+)
+
 const game = createSlice({
   name: 'game',
   initialState: INITIAL_STATE,
   reducers: {
+    initGame: (state, action: PayloadAction<GameState>) => {
+      return {
+        ...state,
+        ...action.payload,
+      }
+    },
+    fetchedItems: (state, action: PayloadAction<Item[]>) => {
+      return {
+        ...state,
+        items: action.payload,
+      }
+    },
     click: (state) => {
       state.lines += 1
     },
@@ -40,6 +81,14 @@ const game = createSlice({
   },
 })
 
-export const { click, buyItem, loop } = game.actions
+const {
+  click,
+  buyItem,
+  loop,
+  initGame,
+  fetchedItems,
+} = game.actions
+
+export { click, buyItem, loop }
 
 export default game.reducer
diff --git a/src/pages/__tests__/GitClicker.test.tsx b/src/pages/__tests__/GitClicker.test.tsx
index 58add1e..1b3697f 100644
--- a/src/pages/__tests__/GitClicker.test.tsx
+++ b/src/pages/__tests__/GitClicker.test.tsx
@@ -1,9 +1,18 @@
 import { render } from '@/test-setup'
 import GitClicker from '../GitClicker'
+import { items } from '@/utils/__mocks__/items.mock'
 
 describe('GitClicker page', () => {
   it('renders correctly', () => {
-    const { asFragment } = render(<GitClicker />)
+    const initialState = {
+      game: {
+        lines: 0,
+        linesPerMillisecond: 0,
+        skills: {},
+        items,
+      },
+    }
+    const { asFragment } = render(<GitClicker />, { preloadedState: initialState })
 
     expect(asFragment()).toMatchSnapshot()
   })
diff --git a/src/store.ts b/src/store.ts
index 692009b..143bb7f 100644
--- a/src/store.ts
+++ b/src/store.ts
@@ -1,5 +1,6 @@
 import { configureStore } from '@reduxjs/toolkit'
 import { rootReducer } from './modules'
+import { useDispatch } from 'react-redux'
 
 export function createStore(preloadedState = {}) {
   return configureStore({
@@ -12,4 +13,7 @@ const store = createStore()
 
 export type RootState = ReturnType<typeof store.getState>
 
+export type AppDispatch = typeof store.dispatch
+export const useAppDispatch: () => AppDispatch = useDispatch
+
 export default store
diff --git a/src/types.ts b/src/types.ts
index 422bef8..f11fe0d 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -1,8 +1,8 @@
 export type Item = {
+  id: number
   name: string
   price: number
   linesPerMillisecond: number
-  icon: string
 }
 
 export type OwnedItems = {
diff --git a/src/constants/items.ts b/src/utils/__mocks__/items.mock.ts
similarity index 51%
rename from src/constants/items.ts
rename to src/utils/__mocks__/items.mock.ts
index 700615a..9c4223c 100644
--- a/src/constants/items.ts
+++ b/src/utils/__mocks__/items.mock.ts
@@ -1,39 +1,34 @@
 import { Item } from '@/types'
-import BashIcon from 'devicon/icons/bash/bash-original.svg'
-import GitIcon from 'devicon/icons/git/git-original.svg'
-import JavascriptIcon from 'devicon/icons/javascript/javascript-original.svg'
-import ReactIcon from 'devicon/icons/react/react-original.svg'
-import VimIcon from 'devicon/icons/vim/vim-original.svg'
 
 export const items: Item[] = [
   {
+    id: 1,
     name: 'Bash',
     price: 10,
     linesPerMillisecond: 0.1,
-    icon: BashIcon,
   },
   {
+    id: 2,
     name: 'Git',
     price: 100,
     linesPerMillisecond: 1.2,
-    icon: GitIcon,
   },
   {
+    id: 3,
     name: 'Javascript',
     price: 10000,
     linesPerMillisecond: 14.0,
-    icon: JavascriptIcon,
   },
   {
+    id: 4,
     name: 'React',
     price: 50000,
     linesPerMillisecond: 75.0,
-    icon: ReactIcon,
   },
   {
+    id: 5,
     name: 'Vim',
     price: 999999,
     linesPerMillisecond: 10000.0,
-    icon: VimIcon,
   },
 ]
diff --git a/src/utils/__tests__/getItemIcon.test.ts b/src/utils/__tests__/getItemIcon.test.ts
new file mode 100644
index 0000000..c266253
--- /dev/null
+++ b/src/utils/__tests__/getItemIcon.test.ts
@@ -0,0 +1,27 @@
+import BashIcon from 'devicon/icons/bash/bash-original.svg'
+import IEIcon from 'devicon/icons/ie10/ie10-original.svg'
+import getItemIcon from '../getItemIcon'
+
+describe('getItemIcon', () => {
+  it('provides icon for a known item', () => {
+    const item = {
+      id: 1,
+      name: 'Bash',
+      price: 10,
+      linesPerMillisecond: 0.5,
+    }
+
+    expect(getItemIcon(item)).toBe(BashIcon)
+  })
+
+  it('provides default icon for unknown item', () => {
+    const item = {
+      id: 1,
+      name: 'Unknown item',
+      price: 10,
+      linesPerMillisecond: 0.5,
+    }
+
+    expect(getItemIcon(item)).toBe(IEIcon)
+  })
+})
diff --git a/src/utils/getItemIcon.ts b/src/utils/getItemIcon.ts
new file mode 100644
index 0000000..963c37a
--- /dev/null
+++ b/src/utils/getItemIcon.ts
@@ -0,0 +1,21 @@
+import BashIcon from 'devicon/icons/bash/bash-original.svg'
+import GitIcon from 'devicon/icons/git/git-original.svg'
+import JavascriptIcon from 'devicon/icons/javascript/javascript-original.svg'
+import ReactIcon from 'devicon/icons/react/react-original.svg'
+import VimIcon from 'devicon/icons/vim/vim-original.svg'
+import IEIcon from 'devicon/icons/ie10/ie10-original.svg'
+import { Item } from '@/types'
+
+type ItemName = keyof typeof iconMap
+
+const iconMap = {
+  Bash: BashIcon,
+  Git: GitIcon,
+  Javascript: JavascriptIcon,
+  React: ReactIcon,
+  Vim: VimIcon,
+}
+
+export default (item: Item) => {
+  return iconMap[item.name as ItemName] ?? IEIcon
+}