diff --git a/media/img/skills/level0.gif b/media/img/skills/level0.gif
new file mode 100644
index 0000000..65eb477
Binary files /dev/null and b/media/img/skills/level0.gif differ
diff --git a/media/img/skills/level1.gif b/media/img/skills/level1.gif
new file mode 100644
index 0000000..bae1da4
Binary files /dev/null and b/media/img/skills/level1.gif differ
diff --git a/media/img/skills/level2.gif b/media/img/skills/level2.gif
new file mode 100644
index 0000000..627681d
Binary files /dev/null and b/media/img/skills/level2.gif differ
diff --git a/media/img/skills/level3.gif b/media/img/skills/level3.gif
new file mode 100644
index 0000000..7b186c9
Binary files /dev/null and b/media/img/skills/level3.gif differ
diff --git a/media/img/skills/level4.gif b/media/img/skills/level4.gif
new file mode 100644
index 0000000..0f7e9ac
Binary files /dev/null and b/media/img/skills/level4.gif differ
diff --git a/media/img/skills/level5.gif b/media/img/skills/level5.gif
new file mode 100644
index 0000000..47e3491
Binary files /dev/null and b/media/img/skills/level5.gif differ
diff --git a/templates/sso/character.html b/templates/sso/character.html
index 7b8ab09..5618ce3 100644
--- a/templates/sso/character.html
+++ b/templates/sso/character.html
@@ -63,10 +63,10 @@
                         {% for group in skill_group %}
 			<tr class="skill_heading"><th colspan=3>{{ group.grouper }}</th</tr>
 			{% for skill in group.list %}
-			<tr style="display:none;"><td>{{ skill.skill.name }} </td><td>Level {{ skill.level }}</td><td>{{ skill.skillpoints|intcomma }} SP</td></tr>
+			<tr style="display:none;"><td>{{ skill.skill.name }} </td><td><img src="/static/img/skills/level{{ skill.level }}.gif" alt="Level {{ skill.level }}" /></td><td>{{ skill.skillpoints|intcomma }} SP</td></tr>
 			{% endfor %}
 			{% endfor %}
-			<tr><th colspan=2>Total SP</th><th>{{ character.total_sp|intcomma }} SP</td></tr>
+			<tr><th colspan=2>Total SP</th><th>{{ character.total_sp|intcomma }} SP</th></tr>
 		</table>
 	</div>
 </div>