diff --git a/app/styles/app/layouts/build-job.sass b/app/styles/app/layouts/build-job.sass
index fa9addea..d5953443 100644
--- a/app/styles/app/layouts/build-job.sass
+++ b/app/styles/app/layouts/build-job.sass
@@ -111,6 +111,8 @@
     @include colorJobs($fail-color, #fbebe6)
   &.passed
     @include colorJobs($pass-color, #e5efe4)
+  &.canceled
+    @include colorJobs($cancel-color, #e5e5e5)
   &.started,
   &.created,
   &.received,
diff --git a/app/styles/app/modules/icons.sass b/app/styles/app/modules/icons.sass
index a61501fa..e58075d7 100644
--- a/app/styles/app/modules/icons.sass
+++ b/app/styles/app/modules/icons.sass
@@ -103,6 +103,8 @@
 .icon--job.queued,
 .icon--started-yellow
   background-image: inline-image('svg/icon-job-started.svg')
+.icon--job.canceled
+  background-image: inline-image('svg/icon-job-canceled.svg')
 
 .icon--lang
   background-image: inline-image('svg/icon-language.svg')
diff --git a/public/images/svg/icon-job-canceled.svg b/public/images/svg/icon-job-canceled.svg
new file mode 100644
index 00000000..ad4e9d81
--- /dev/null
+++ b/public/images/svg/icon-job-canceled.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="20px" height="20px" viewBox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve">
+<path fill="#A1A0A0" d="M9.937,0C4.45,0,0,4.449,0,9.937c0,5.487,4.45,9.938,9.937,9.938c5.489,0,9.937-4.45,9.937-9.938
+	S15.426,0,9.937,0z M4.582,10c0-0.943,0.244-1.829,0.668-2.602l0.025-0.001l7.334,7.335c-0.774,0.431-1.66,0.686-2.609,0.686
+	C7.008,15.417,4.582,12.992,4.582,10z M14.742,12.604h-0.018L7.387,5.266v-0.01C8.162,4.829,9.052,4.583,10,4.583
+	c2.991,0,5.417,2.425,5.417,5.417C15.417,11.038,14.828,12.389,14.742,12.604z"/>
+</svg>