diff --git a/assets/icons/png/unknown.png b/assets/icons/png/unknown.png
new file mode 100644
index 0000000..1ce5f8c
Binary files /dev/null and b/assets/icons/png/unknown.png differ
diff --git a/assets/icons/png/unknown@2x.png b/assets/icons/png/unknown@2x.png
new file mode 100644
index 0000000..0947e3f
Binary files /dev/null and b/assets/icons/png/unknown@2x.png differ
diff --git a/assets/icons/svg/unknown.svg b/assets/icons/svg/unknown.svg
new file mode 100644
index 0000000..a3990b5
--- /dev/null
+++ b/assets/icons/svg/unknown.svg
@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="64"
+   height="64"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.2 r9819"
+   sodipodi:docname="H.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="5.6"
+     inkscape:cx="5.7913307"
+     inkscape:cy="28.861058"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     width="64px"
+     showborder="true"
+     inkscape:window-width="1201"
+     inkscape:window-height="705"
+     inkscape:window-x="4"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid2985"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-988.36218)">
+    <path
+       sodipodi:type="arc"
+       style="fill:#4d4d4d;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0"
+       id="path2987"
+       sodipodi:cx="27.5"
+       sodipodi:cy="31.5"
+       sodipodi:rx="17.5"
+       sodipodi:ry="17.5"
+       d="m 45,31.5 a 17.5,17.5 0 1 1 -35,0 17.5,17.5 0 1 1 35,0 z"
+       transform="matrix(1.7142857,0,0,1.7142857,-15.142857,966.36218)" />
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot3757"
+       style="font-size:12px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
+       transform="translate(12.21125,985.10058)"><flowRegion
+         id="flowRegion3759"><rect
+           id="rect3761"
+           width="39.642857"
+           height="34.285713"
+           x="13.214286"
+           y="15.785714" /></flowRegion><flowPara
+         id="flowPara3763"
+         style="font-size:30px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;fill:#ffffff;font-family:TeX Gyre Pagella;-inkscape-font-specification:TeX Gyre Pagella">?</flowPara></flowRoot>  </g>
+</svg>
diff --git a/index.html b/index.html
index 17ddadf..71e56a7 100644
--- a/index.html
+++ b/index.html
@@ -16,7 +16,7 @@
         <ul class="media-list">
           <li class="media" ng-repeat="r in rc.research" ng-show="r.is_visible()">
             <img ng-show="r.level > 0" class="pull-left" class="media-object" src="{{ r.image }}" alt="">
-            <img ng-hide="r.level > 0" class="pull-left" class="media-object" src="assets/unknown.png" alt="">
+            <img ng-hide="r.level > 0" class="pull-left" class="media-object" src="assets/icons/png/unknown.png" alt="">
             <div class="media-body">
               <h4 class="media-heading">{{ r.level > 0 ? r.name : '?????' }} <span ng-show="r.level > 0" class="badge">Level {{ r.level }}</span></h4>
               <p ng-show="r.level > 0">{{ r.description }} Researching it will give you {{ r.reputation }} reputation.</p>