diff --git a/src/App.vue b/src/App.vue
index 017e322..2d6d227 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,16 +1,16 @@
 <template>
   <div>
-    <icon-container v-for="icon in icons" :name="icon"></icon-container>
+    <icon-grid :icons="icons"></icon-grid>
   </div>
 </template>
 
 <script>
   import {mapState} from 'vuex';
-  import IconContainer from './IconContainer';
+  import IconGrid from './IconGrid';
 
   export default {
     name: 'App',
-    components: {IconContainer},
+    components: {IconGrid},
     computed: mapState(['icons'])
   }
 </script>
diff --git a/src/IconGrid.vue b/src/IconGrid.vue
new file mode 100644
index 0000000..a2dd692
--- /dev/null
+++ b/src/IconGrid.vue
@@ -0,0 +1,20 @@
+<template>
+  <div>
+    <icon-container v-for="icon in icons" :name="icon"></icon-container>
+  </div>
+</template>
+
+<script>
+  import IconContainer from './IconContainer';
+
+  export default {
+    name: 'IconGrid',
+    components: {IconContainer},
+    props: {
+      icons: {
+        type: Array,
+        required: true
+      }
+    }
+  }
+</script>
\ No newline at end of file