diff --git a/lib/images/burn.svg b/assets/images/burn.svg
similarity index 100%
rename from lib/images/burn.svg
rename to assets/images/burn.svg
diff --git a/lib/images/drive.svg b/assets/images/drive.svg
similarity index 100%
rename from lib/images/drive.svg
rename to assets/images/drive.svg
diff --git a/lib/images/image.svg b/assets/images/image.svg
similarity index 100%
rename from lib/images/image.svg
rename to assets/images/image.svg
diff --git a/lib/images/resin.svg b/assets/images/resin.svg
similarity index 100%
rename from lib/images/resin.svg
rename to assets/images/resin.svg
diff --git a/lib/index.html b/lib/index.html
index 72ba256c..ecacef39 100644
--- a/lib/index.html
+++ b/lib/index.html
@@ -39,7 +39,7 @@
     <footer class="section-footer row between-xs middle-xs">
       <div class="col-xs">
         <div class="box text-left">
-          <hero-icon path="images/resin.svg" width="85px" height="auto" open-external="https://resin.io"></hero-icon>
+          <hero-icon path="../assets/images/resin.svg" width="85px" height="auto" open-external="https://resin.io"></hero-icon>
         </div>
       </div>
 
diff --git a/lib/partials/main.html b/lib/partials/main.html
index ef207078..06901993 100644
--- a/lib/partials/main.html
+++ b/lib/partials/main.html
@@ -1,7 +1,7 @@
 <div class="row around-xs">
   <div class="col-xs">
     <div class="box text-center">
-      <hero-icon path="images/image.svg" label="SELECT IMAGE"></hero-icon>
+      <hero-icon path="../assets/images/image.svg" label="SELECT IMAGE"></hero-icon>
       <span class="badge space-top-medium">1</span>
 
       <div class="space-vertical-large">
@@ -21,7 +21,7 @@
       <div class="step-border-left" ng-disabled="!app.selection.hasImage()"></div>
       <div class="step-border-right" ng-disabled="!app.selection.hasImage() || !app.selection.hasDrive()"></div>
 
-      <hero-icon path="images/drive.svg" ng-disabled="!app.selection.hasImage()" label="SELECT DRIVE"></hero-icon>
+      <hero-icon path="../assets/images/drive.svg" ng-disabled="!app.selection.hasImage()" label="SELECT DRIVE"></hero-icon>
 
       <span class="badge space-top-medium" ng-disabled="!app.selection.hasImage()">2</span>
 
@@ -46,7 +46,7 @@
 
   <div class="col-xs">
     <div class="box text-center">
-      <hero-icon path="images/burn.svg" ng-disabled="!app.selection.hasImage() || !app.selection.hasDrive()" label="BURN IMAGE"></hero-icon>
+      <hero-icon path="../assets/images/burn.svg" ng-disabled="!app.selection.hasImage() || !app.selection.hasDrive()" label="BURN IMAGE"></hero-icon>
       <span class="badge space-top-medium" ng-disabled="!app.selection.hasImage() || !app.selection.hasDrive()">3</span>
 
       <div class="space-vertical-large">