diff --git a/app/assets/images/Bug.png b/app/assets/images/Bug.png
new file mode 100644
index 0000000..1ac4973
Binary files /dev/null and b/app/assets/images/Bug.png differ
diff --git a/app/assets/images/Dark.png b/app/assets/images/Dark.png
new file mode 100644
index 0000000..8d1bb78
Binary files /dev/null and b/app/assets/images/Dark.png differ
diff --git a/app/assets/images/Dragon.png b/app/assets/images/Dragon.png
new file mode 100644
index 0000000..9da46c5
Binary files /dev/null and b/app/assets/images/Dragon.png differ
diff --git a/app/assets/images/Electric.png b/app/assets/images/Electric.png
new file mode 100644
index 0000000..46192e8
Binary files /dev/null and b/app/assets/images/Electric.png differ
diff --git a/app/assets/images/Fairy.png b/app/assets/images/Fairy.png
new file mode 100644
index 0000000..86abbca
Binary files /dev/null and b/app/assets/images/Fairy.png differ
diff --git a/app/assets/images/Fighting.png b/app/assets/images/Fighting.png
new file mode 100644
index 0000000..bb7da15
Binary files /dev/null and b/app/assets/images/Fighting.png differ
diff --git a/app/assets/images/Fire.png b/app/assets/images/Fire.png
new file mode 100644
index 0000000..da31e81
Binary files /dev/null and b/app/assets/images/Fire.png differ
diff --git a/app/assets/images/Flying.png b/app/assets/images/Flying.png
new file mode 100644
index 0000000..90eb3db
Binary files /dev/null and b/app/assets/images/Flying.png differ
diff --git a/app/assets/images/Ghost.png b/app/assets/images/Ghost.png
new file mode 100644
index 0000000..c1d669c
Binary files /dev/null and b/app/assets/images/Ghost.png differ
diff --git a/app/assets/images/Grass.png b/app/assets/images/Grass.png
new file mode 100644
index 0000000..2dabad4
Binary files /dev/null and b/app/assets/images/Grass.png differ
diff --git a/app/assets/images/Ground.png b/app/assets/images/Ground.png
new file mode 100644
index 0000000..4f8642e
Binary files /dev/null and b/app/assets/images/Ground.png differ
diff --git a/app/assets/images/Ice.png b/app/assets/images/Ice.png
new file mode 100644
index 0000000..baf918d
Binary files /dev/null and b/app/assets/images/Ice.png differ
diff --git a/app/assets/images/Normal.png b/app/assets/images/Normal.png
new file mode 100644
index 0000000..6066cce
Binary files /dev/null and b/app/assets/images/Normal.png differ
diff --git a/app/assets/images/Poison.png b/app/assets/images/Poison.png
new file mode 100644
index 0000000..7d83df5
Binary files /dev/null and b/app/assets/images/Poison.png differ
diff --git a/app/assets/images/Psychic.png b/app/assets/images/Psychic.png
new file mode 100644
index 0000000..3dd5db4
Binary files /dev/null and b/app/assets/images/Psychic.png differ
diff --git a/app/assets/images/Rock.png b/app/assets/images/Rock.png
new file mode 100644
index 0000000..918c469
Binary files /dev/null and b/app/assets/images/Rock.png differ
diff --git a/app/assets/images/Steel.png b/app/assets/images/Steel.png
new file mode 100644
index 0000000..96ca0e2
Binary files /dev/null and b/app/assets/images/Steel.png differ
diff --git a/app/assets/images/Water.png b/app/assets/images/Water.png
new file mode 100644
index 0000000..a2900b2
Binary files /dev/null and b/app/assets/images/Water.png differ
diff --git a/app/components/custom_document_component.html.erb b/app/components/custom_document_component.html.erb
index 83e22d3..f98e135 100644
--- a/app/components/custom_document_component.html.erb
+++ b/app/components/custom_document_component.html.erb
@@ -24,7 +24,8 @@
         <p> N/A </p>
     <% else %>
         <% pokemon.elements.each do |e| %>
-           <p class="type_layout"> <%= e.power %> &nbsp &nbsp </p>
+            <% image_string = e.power.to_s + ".png" %>
+            <%= image_tag(image_string.to_s, height: "20", width: "20") %>
         <% end %> 
     <% end %>
 </div>
diff --git a/app/views/pokemons/_pokemon.html.erb b/app/views/pokemons/_pokemon.html.erb
index d3b610a..58a2d5f 100644
--- a/app/views/pokemons/_pokemon.html.erb
+++ b/app/views/pokemons/_pokemon.html.erb
@@ -22,7 +22,8 @@
         <td> N/A </td>
       <% else %>
         <% pokemon.elements.each do |e| %>
-          <td class="break"> <%= e.power %> </td>
+            <% image_string = e.power.to_s + ".png" %>
+            <td class="break"> <%= image_tag(image_string.to_s, height: "20", width: "20") %> </td>
         <% end %> 
       <% end %>
       <td> <%= pokemon.ability %> </td>