From df0d62f6ed221a3e15294781fa654f0e1f2362e0 Mon Sep 17 00:00:00 2001
From: Pete Harverson <peteharverson@users.noreply.github.com>
Date: Thu, 8 Nov 2018 21:13:59 +0000
Subject: [PATCH] [ML] Updates job type and APM module icon to new designs
 (#25380)

* [ML] Updates job type and APM module icon to new designs

* [ML] Use self closing tags for icons

* [ML] Removes unnecessary icon from jobs list
---
 .../ml/public/assets/ml_create_advanced_job.svg      | 12 ------------
 .../ml/public/assets/ml_create_multi_metric_job.svg  | 10 ----------
 .../ml/public/assets/ml_create_population_job.svg    | 11 -----------
 .../ml/public/assets/ml_create_single_metric_job.svg |  3 ---
 .../plugins/ml/public/assets/ml_data_visualizer.svg  |  8 --------
 .../datavisualizer/datavisualizer_sidebar.html       |  2 +-
 .../components/job_filter_bar/job_filter_bar.js      |  1 -
 .../jobs/new_job/wizard/steps/job_type/job_type.html | 10 +++++-----
 .../wizard/steps/job_type/job_type_controller.js     |  2 --
 .../modules/apm_transaction/logo.json                |  6 +++---
 10 files changed, 9 insertions(+), 56 deletions(-)
 delete mode 100644 x-pack/plugins/ml/public/assets/ml_create_advanced_job.svg
 delete mode 100644 x-pack/plugins/ml/public/assets/ml_create_multi_metric_job.svg
 delete mode 100644 x-pack/plugins/ml/public/assets/ml_create_population_job.svg
 delete mode 100644 x-pack/plugins/ml/public/assets/ml_create_single_metric_job.svg
 delete mode 100644 x-pack/plugins/ml/public/assets/ml_data_visualizer.svg

diff --git a/x-pack/plugins/ml/public/assets/ml_create_advanced_job.svg b/x-pack/plugins/ml/public/assets/ml_create_advanced_job.svg
deleted file mode 100644
index c29639b0b16c..000000000000
--- a/x-pack/plugins/ml/public/assets/ml_create_advanced_job.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-  <g fill="none">
-    <path fill="#3EBEB0" d="M16 30.3634286C15.3890153 30.3634286 14.8937143 29.8681276 14.8937143 29.2571429L14.8937143 2.74285714C14.8937143 2.13187241 15.3890153 1.63657143 16 1.63657143 16.6109847 1.63657143 17.1062857 2.13187241 17.1062857 2.74285714L17.1062857 29.2571429C17.1062857 29.5505481 16.9897309 29.8319362 16.7822621 30.039405 16.5747933 30.2468738 16.2934052 30.3634286 16 30.3634286zM26.6697143 30.3634286C26.0730574 30.3436937 25.5996737 29.8541259 25.6 29.2571429L25.6 2.74285714C25.6 2.13187241 26.095301 1.63657143 26.7062857 1.63657143 27.3172704 1.63657143 27.8125714 2.13187241 27.8125714 2.74285714L27.8125714 29.2571429C27.8127353 29.5569958 27.6911738 29.8440714 27.4757266 30.0526243 27.2602794 30.2611772 26.9694034 30.3733411 26.6697143 30.3634286zM5.33028571 30.3634286C4.71930099 30.3634286 4.224 29.8681276 4.224 29.2571429L4.224 10.176C4.224 9.56501527 4.71930099 9.06971429 5.33028571 9.06971429 5.94127044 9.06971429 6.43657143 9.56501527 6.43657143 10.176L6.43657143 29.2571429C6.43657143 29.8681276 5.94127044 30.3634286 5.33028571 30.3634286z"/>
-    <circle cx="5.33" cy="5.33" r="5.33" fill="#07A5DE"/>
-    <path fill="#227991" d="M5.33028571,9.06971429 C4.71930099,9.06971429 4.224,9.56501527 4.224,10.176 L4.224,10.5508571 C4.58783951,10.6274968 4.95846979,10.6673166 5.33028571,10.6697143 C5.68989114,10.6652552 6.04818663,10.6254446 6.4,10.5508571 L6.4,10.176 C6.40032628,9.57901696 5.92694256,9.08944918 5.33028571,9.06971429 Z"/>
-    <path fill="#FFF" d="M4.57142857,2.88 L4.57142857,4.224 C4.55824075,4.41014361 4.41014361,4.55824075 4.224,4.57142857 L2.88,4.57142857 C2.51065534,4.56071659 2.18857901,4.82070592 2.12114286,5.184 C2.08320957,5.39741127 2.14188539,5.61665531 2.28134273,5.7825919 C2.42080008,5.94852849 2.62667318,6.04406417 2.84342857,6.04342857 L4.224,6.04342857 C4.41532184,6.05295241 4.5668765,6.20849535 4.57142857,6.4 L4.57142857,7.78057143 C4.56001491,8.15203276 4.81929947,8.47710594 5.184,8.54857143 C5.39844411,8.58344044 5.617383,8.52238505 5.78283542,8.38157448 C5.94828785,8.24076391 6.04356273,8.03440331 6.04342857,7.81714286 L6.04342857,6.4 C6.04342857,6.19802158 6.20716443,6.03428571 6.40914286,6.03428571 L7.78057143,6.03428571 C8.13297656,6.05222433 8.45124683,5.82488842 8.54857143,5.48571429 C8.60232092,5.26308681 8.55004314,5.02811648 8.40697297,4.84927876 C8.2639028,4.67044105 8.04613906,4.56785949 7.81714286,4.57142857 L6.4,4.57142857 C6.30140146,4.57145939 6.20696773,4.53167637 6.13811401,4.46110131 C6.06926029,4.39052625 6.03182075,4.29513916 6.03428571,4.19657143 L6.03428571,2.84342857 C6.03492132,2.62667318 5.93938563,2.42080008 5.77344904,2.28134273 C5.60751245,2.14188539 5.38826841,2.08320957 5.17485714,2.12114286 C4.81521173,2.19250586 4.55994536,2.51352266 4.57142857,2.88 Z"/>
-    <circle cx="16" cy="21.669" r="5.33" fill="#07A5DE"/>
-    <path fill="#227991" d="M14.8937143,16.4571429 L14.8937143,26.88 C15.6227367,27.0383668 16.3772633,27.0383668 17.1062857,26.88 L17.1062857,16.4571429 C16.3772633,16.2987761 15.6227367,16.2987761 14.8937143,16.4571429 Z"/>
-    <circle cx="26.67" cy="12.91" r="5.33" fill="#07A5DE"/>
-    <path fill="#227991" d="M25.6,7.69828571 L25.6,18.1302857 C25.9637805,18.2072965 26.3344486,18.2471203 26.7062857,18.2491429 C27.0781016,18.2467452 27.4487319,18.2069254 27.8125714,18.1302857 L27.8125714,7.69828571 C27.4487319,7.62164603 27.0781016,7.58182624 26.7062857,7.57942857 C26.3344486,7.58145109 25.9637805,7.62127493 25.6,7.69828571 Z"/>
-  </g>
-</svg>
diff --git a/x-pack/plugins/ml/public/assets/ml_create_multi_metric_job.svg b/x-pack/plugins/ml/public/assets/ml_create_multi_metric_job.svg
deleted file mode 100644
index 6f7f35be34e1..000000000000
--- a/x-pack/plugins/ml/public/assets/ml_create_multi_metric_job.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-  <g fill="none">
-    <circle cx="26.002" cy="5.998" r="5.998" fill="#3EBEB0"/>
-    <circle cx="5.998" cy="5.998" r="5.998" fill="#3EBEB0"/>
-    <circle cx="26.002" cy="26.002" r="5.998" fill="#3EBEB0"/>
-    <circle cx="5.998" cy="26.002" r="5.998" fill="#3EBEB0"/>
-    <path fill="#07A5DE" d="M16,1.82857143 C8.1882049,1.83867072 1.86178957,8.17600074 1.865156,15.9878016 C1.86852243,23.7996025 8.20039746,30.1314776 16.0121984,30.134844 C23.8239993,30.1382104 30.1613293,23.8117951 30.1714286,16 C30.1738562,12.2407598 28.6815789,8.63479075 26.0233941,5.97660592 C23.3652092,3.3184211 19.7592402,1.82614376 16,1.82857143 Z M21.0742857,17.4811429 L18.2857143,17.4811429 C17.8666091,17.4811429 17.5268571,17.8208948 17.5268571,18.24 L17.5268571,21.056 C17.5279595,21.4990959 17.3330266,21.9199903 16.9943711,22.2057309 C16.6557157,22.4914714 16.2080199,22.612795 15.7714286,22.5371429 C15.0440155,22.3986876 14.5134934,21.7689313 14.5005714,21.0285714 L14.5005714,18.2857143 C14.5005714,17.8666091 14.1608195,17.5268571 13.7417143,17.5268571 L10.9714286,17.5268571 C10.5283327,17.5279595 10.1074383,17.3330266 9.82169772,16.9943711 C9.53595716,16.6557157 9.41463359,16.2080199 9.49028571,15.7714286 C9.62652151,15.0538335 10.2414654,14.5261965 10.9714286,14.5005714 L13.7142857,14.5005714 C14.1333909,14.5005714 14.4731429,14.1608195 14.4731429,13.7417143 L14.4731429,10.9714286 C14.4720405,10.5283327 14.6669734,10.1074383 15.0056289,9.82169772 C15.3442843,9.53595716 15.7919801,9.41463359 16.2285714,9.49028571 C16.9461665,9.62652151 17.4738035,10.2414654 17.4994286,10.9714286 L17.4994286,13.7142857 C17.4994286,14.1333909 17.8391805,14.4731429 18.2582857,14.4731429 L21.0011429,14.4731429 C21.753654,14.4572432 22.4106823,14.979792 22.5645714,15.7165714 C22.6497545,16.1589203 22.5315459,16.6161285 22.2426354,16.9617575 C21.953725,17.3073866 21.5247297,17.504809 21.0742857,17.4994286 L21.0742857,17.4811429 Z"/>
-    <path fill="#227991" d="M29.2571429 20.9645714C28.2939935 20.3379437 27.1696227 20.0044439 26.0205714 20.0045714 22.7081253 20.0045714 20.0228571 22.6898396 20.0228571 26.0022857 20.0137331 27.155707 20.3409823 28.2867819 20.9645714 29.2571429 24.793835 27.8159074 27.8159074 24.793835 29.2571429 20.9645714zM11.0354286 29.2571429C11.6459593 28.2890412 11.9634773 27.1650272 11.9497143 26.0205714 11.9497143 22.7081253 9.26444613 20.0228571 5.952 20.0228571 4.81411903 20.0225674 3.70014991 20.3494586 2.74285714 20.9645714 4.18409259 24.793835 7.206165 27.8159074 11.0354286 29.2571429zM20.9645714 2.74285714C20.3379437 3.70600645 20.0044439 4.83037728 20.0045714 5.97942857 20.0045714 9.29187471 22.6898396 11.9771429 26.0022857 11.9771429 27.1467415 11.9909059 28.2707555 11.6733878 29.2388571 11.0628571 27.8082689 7.22694175 24.7925466 4.19455805 20.9645714 2.74285714zM2.74285714 11.0354286C3.71095876 11.6459593 4.83497279 11.9634773 5.97942857 11.9497143 9.29187471 11.9497143 11.9771429 9.26444613 11.9771429 5.952 11.9909059 4.80754422 11.6733878 3.68353019 11.0628571 2.71542857 7.21751726 4.15613701 4.18356558 7.19008869 2.74285714 11.0354286z"/>
-  </g>
-</svg>
diff --git a/x-pack/plugins/ml/public/assets/ml_create_population_job.svg b/x-pack/plugins/ml/public/assets/ml_create_population_job.svg
deleted file mode 100644
index 300e473045f1..000000000000
--- a/x-pack/plugins/ml/public/assets/ml_create_population_job.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-  <g fill="none" transform="translate(1)">
-    <circle cx="15.086" cy="18.578" r="4.416" fill="#3EBEB0"/>
-    <circle cx="25.463" cy="18.578" r="4.416" fill="#3EBEB0"/>
-    <circle cx="4.709" cy="18.578" r="4.416" fill="#3EBEB0"/>
-    <circle cx="9.893" cy="9.609" r="4.416" fill="#3EBEB0"/>
-    <circle cx="20.279" cy="27.575" r="4.416" fill="#3EBEB0"/>
-    <path fill="#07A5DE" d="M20.2788571,-1.37284559e-16 C16.3906601,-0.00369776478 12.883435,2.33613838 11.3937778,5.92765771 C9.90412057,9.51917705 10.7256568,13.6544569 13.4750286,16.4038286 C16.2244003,19.1532003 20.3596801,19.9747366 23.9511994,18.4850793 C27.5427188,16.9954221 29.8825549,13.488197 29.8788571,9.6 C29.8738169,4.30015556 25.5787016,0.00504027393 20.2788571,-1.37284559e-16 Z M23.68,10.5325714 L21.7874286,10.5325714 C21.5082357,10.5375578 21.2845269,10.765334 21.2845714,11.0445714 L21.2845714,12.9371429 C21.2831863,13.2318117 21.1526396,13.5110487 20.9274242,13.7010741 C20.7022088,13.8910996 20.4049853,13.9727938 20.1142857,13.9245714 C19.6161749,13.8305413 19.2598594,13.38902 19.2731429,12.8822857 L19.2731429,11.0537143 C19.2755968,10.9187713 19.2237026,10.7885062 19.1291313,10.6922154 C19.0345601,10.5959246 18.905251,10.541692 18.7702857,10.5417143 L16.8685714,10.5417143 C16.5704108,10.5434861 16.2868345,10.4128667 16.0943949,10.185117 C15.9019553,9.95736743 15.8204934,9.65596913 15.872,9.36228571 C15.9739189,8.86641455 16.4174084,8.51547942 16.9234286,8.53028571 L18.752,8.53028571 C18.8869653,8.53030802 19.0162743,8.47607538 19.1108456,8.37978461 C19.2054169,8.28349384 19.2573111,8.15322873 19.2548571,8.01828571 L19.2548571,6.11657143 C19.2557915,5.82000844 19.3875685,5.53897652 19.6149616,5.34860092 C19.8423546,5.15822533 20.142179,5.07791662 20.4342857,5.12914286 C20.9323965,5.22317299 21.288712,5.66469431 21.2754286,6.17142857 L21.2754286,8 C21.275384,8.27923743 21.4990928,8.50701362 21.7782857,8.512 L23.6068571,8.512 C24.1128773,8.49719371 24.5563668,8.84812884 24.6582857,9.344 C24.7122822,9.63593732 24.6345312,9.93681566 24.4458586,10.1660441 C24.257186,10.3952725 23.9768722,10.529426 23.68,10.5325714 Z"/>
-    <path fill="#227991" d="M28.1417143 15.0948571C26.8161878 14.04499 25.0053983 13.8500535 23.4867906 14.5937418 21.9681829 15.3374302 21.0119229 16.8874385 21.0285714 18.5782857 21.0328223 18.7774266 21.0511537 18.9760174 21.0834286 19.1725714 23.9262836 18.9330406 26.5141468 17.4379798 28.1417143 15.0948571zM19.5017143 18.5782857C19.5055063 16.8975008 18.5509376 15.3615524 17.0421896 14.6207883 15.5334415 13.8800241 13.7344179 14.0640154 12.4068571 15.0948571 14.0227912 17.4413506 16.5999671 18.9460996 19.4377143 19.2 19.4743713 18.9946267 19.4957631 18.7868199 19.5017143 18.5782857zM11.5931429 5.54057143C10.3736407 8.11908003 10.3736407 11.1083485 11.5931429 13.6868571 13.2347188 12.9992825 14.3031056 11.39347 14.3031056 9.61371429 14.3031056 7.83395855 13.2347188 6.22814608 11.5931429 5.54057143z"/>
-  </g>
-</svg>
diff --git a/x-pack/plugins/ml/public/assets/ml_create_single_metric_job.svg b/x-pack/plugins/ml/public/assets/ml_create_single_metric_job.svg
deleted file mode 100644
index 398ee246aeb0..000000000000
--- a/x-pack/plugins/ml/public/assets/ml_create_single_metric_job.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-  <path fill="#07A5DE" d="M16,0.184242424 C7.26519828,0.184242424 0.184242424,7.26519828 0.184242424,16 C0.184242424,24.7348017 7.26519828,31.8157576 16,31.8157576 C24.7348017,31.8157576 31.8157576,24.7348017 31.8157576,16 C31.8050717,7.26962836 24.7303716,0.194928326 16,0.184242424 Z M21.6727273,17.6387879 L18.5212121,17.6387879 C18.0552846,17.6387879 17.6775758,18.0164967 17.6775758,18.4824242 L17.6775758,21.6339394 C17.6746316,22.1236738 17.4590457,22.5879653 17.086811,22.9062259 C16.7145764,23.2244865 16.2224254,23.3653101 15.7381818,23.2921212 C14.9086927,23.1230935 14.3200687,22.3832258 14.3418182,21.5369697 L14.3418182,18.5212121 C14.3418182,18.0552846 13.9641093,17.6775758 13.4981818,17.6775758 L10.3272727,17.6775758 C9.83753831,17.6746316 9.37324683,17.4590457 9.0549862,17.086811 C8.73672558,16.7145764 8.59590203,16.2224254 8.66909091,15.7381818 C8.83811858,14.9086927 9.57798629,14.3200687 10.4242424,14.3418182 L13.4787879,14.3418182 C13.9447154,14.3418182 14.3224242,13.9641093 14.3224242,13.4981818 L14.3224242,10.3272727 C14.3253684,9.83753831 14.5409543,9.37324683 14.913189,9.0549862 C15.2854236,8.73672558 15.7775746,8.59590203 16.2618182,8.66909091 C17.0913073,8.83811858 17.6799313,9.57798629 17.6581818,10.4242424 L17.6581818,13.4787879 C17.6581818,13.9447154 18.0358907,14.3224242 18.5018182,14.3224242 L21.5563636,14.3224242 C22.4026198,14.3006748 23.1424875,14.8892988 23.3115152,15.7187879 C23.3904828,16.2027404 23.2550097,16.6971064 22.9403615,17.0731947 C22.6257133,17.4492831 22.1630198,17.6698855 21.6727273,17.6775758 L21.6727273,17.6387879 Z"/>
-</svg>
diff --git a/x-pack/plugins/ml/public/assets/ml_data_visualizer.svg b/x-pack/plugins/ml/public/assets/ml_data_visualizer.svg
deleted file mode 100644
index 092444438ffe..000000000000
--- a/x-pack/plugins/ml/public/assets/ml_data_visualizer.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-  <g fill="none">
-    <circle cx="19.218" cy="19.218" r="7.077" fill="#3EBEB0"/>
-    <circle cx="12.782" cy="12.782" r="7.077" fill="#07A5DE"/>
-    <path fill="#227991" d="M14.2171429,14.2171429 C12.7336819,15.6907478 11.9830884,17.7481782 12.1691429,19.8308571 C14.25048,20.0082049 16.3040225,19.2581438 17.7810832,17.7810832 C19.2581438,16.3040225 20.0082049,14.25048 19.8308571,12.1691429 C17.7481782,11.9830884 15.6907478,12.7336819 14.2171429,14.2171429 Z"/>
-    <path fill="#3EBEB0" d="M1.82857143 9.97485714C1.2175867 9.97485714.722285714 9.47955616.722285714 8.86857143L.722285714 1.82857143C.722285714 1.2175867 1.2175867.722285714 1.82857143.722285714L8.86857143.722285714C9.26380925.722285708 9.62902406.933142573 9.82664297 1.27542857 10.0242619 1.61771456 10.0242619 2.0394283 9.82664297 2.38171429 9.62902406 2.72400028 9.26380925 2.93485715 8.86857143 2.93485714L2.93485714 2.93485714 2.93485714 8.86857143C2.93485714 9.47955616 2.43955616 9.97485714 1.82857143 9.97485714zM8.86857143 31.2777143L1.82857143 31.2777143C1.2175867 31.2777143.722285714 30.7824133.722285714 30.1714286L.722285714 23.1314286C.722285708 22.7361907.933142573 22.3709759 1.27542857 22.173357 1.61771456 21.9757381 2.0394283 21.9757381 2.38171429 22.173357 2.72400028 22.3709759 2.93485715 22.7361907 2.93485714 23.1314286L2.93485714 29.0651429 8.86857143 29.0651429C9.47955616 29.0651429 9.97485714 29.5604438 9.97485714 30.1714286 9.97485714 30.7824133 9.47955616 31.2777143 8.86857143 31.2777143zM30.1714286 31.2777143L23.1314286 31.2777143C22.5204438 31.2777143 22.0251429 30.7824133 22.0251429 30.1714286 22.0251429 29.5604438 22.5204438 29.0651429 23.1314286 29.0651429L29.0651429 29.0651429 29.0651429 23.1314286C29.0651429 22.5204438 29.5604438 22.0251429 30.1714286 22.0251429 30.7824133 22.0251429 31.2777143 22.5204438 31.2777143 23.1314286L31.2777143 30.1714286C31.2777143 30.7824133 30.7824133 31.2777143 30.1714286 31.2777143zM30.1714286 9.97485714C29.5604438 9.97485714 29.0651429 9.47955616 29.0651429 8.86857143L29.0651429 2.93485714 23.1314286 2.93485714C22.5204438 2.93485713 22.0251429 2.43955615 22.0251429 1.82857143 22.0251429 1.21758671 22.5204438.722285723 23.1314286.722285714L30.1714286.722285714C30.7824133.722285714 31.2777143 1.2175867 31.2777143 1.82857143L31.2777143 8.86857143C31.2777143 9.47955616 30.7824133 9.97485714 30.1714286 9.97485714z"/>
-  </g>
-</svg>
diff --git a/x-pack/plugins/ml/public/datavisualizer/datavisualizer_sidebar.html b/x-pack/plugins/ml/public/datavisualizer/datavisualizer_sidebar.html
index b149bed1a32d..2f700e7a1c47 100644
--- a/x-pack/plugins/ml/public/datavisualizer/datavisualizer_sidebar.html
+++ b/x-pack/plugins/ml/public/datavisualizer/datavisualizer_sidebar.html
@@ -21,7 +21,7 @@
       <div class="euiPanel euiPanel--paddingMedium synopsisPanel">
         <div class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--responsive">
           <div class="euiFlexItem euiFlexItem--flexGrowZero">
-            <img class="synopsisIcon" src="{{urlBasePath}}/plugins/ml/assets/ml_create_advanced_job.svg" alt="Advanced job">
+            <icon type="'createAdvancedJob'" size="'xl'" aria-label="Advanced job" class="synopsisIcon" />
           </div>
           <div class="euiFlexItem synopsisContent">
             <h4 class="euiTitle euiTitle--small synopsisTitle">Advanced</h4>
diff --git a/x-pack/plugins/ml/public/jobs/jobs_list/components/job_filter_bar/job_filter_bar.js b/x-pack/plugins/ml/public/jobs/jobs_list/components/job_filter_bar/job_filter_bar.js
index 20ef9b3b6b34..e2624df92b36 100644
--- a/x-pack/plugins/ml/public/jobs/jobs_list/components/job_filter_bar/job_filter_bar.js
+++ b/x-pack/plugins/ml/public/jobs/jobs_list/components/job_filter_bar/job_filter_bar.js
@@ -70,7 +70,6 @@ export class JobFilterBar extends Component {
     return (
       <EuiFlexItem grow={false}>
         <EuiCallOut
-          iconType="faceSad"
           color="danger"
           title={`Invalid search: ${error.message}`}
         />
diff --git a/x-pack/plugins/ml/public/jobs/new_job/wizard/steps/job_type/job_type.html b/x-pack/plugins/ml/public/jobs/new_job/wizard/steps/job_type/job_type.html
index 180d3f9adbaa..a5271376e142 100644
--- a/x-pack/plugins/ml/public/jobs/new_job/wizard/steps/job_type/job_type.html
+++ b/x-pack/plugins/ml/public/jobs/new_job/wizard/steps/job_type/job_type.html
@@ -64,7 +64,7 @@
             <div class="euiPanel euiPanel--paddingMedium synopsisPanel">
               <div class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--responsive">
                 <div class="euiFlexItem euiFlexItem--flexGrowZero">
-                  <img class="synopsisIcon" ng-src="{{assetsPath}}/ml_create_single_metric_job.svg" alt="Single metric job">
+                  <icon type="'createSingleMetricJob'" size="'xl'" aria-label="Single metric job" class="synopsisIcon" />
                 </div>
                 <div class="euiFlexItem synopsisContent">
                   <h4 class="euiTitle euiTitle--small synopsisTitle">Single metric</h4>
@@ -85,7 +85,7 @@
             <div class="euiPanel euiPanel--paddingMedium synopsisPanel">
               <div class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--responsive">
                 <div class="euiFlexItem euiFlexItem--flexGrowZero">
-                  <img class="synopsisIcon" ng-src="{{assetsPath}}/ml_create_multi_metric_job.svg" alt="Multi metric job">
+                  <icon type="'createMultiMetricJob'" size="'xl'" aria-label="Multi metric job" class="synopsisIcon" />
                 </div>
                 <div class="euiFlexItem synopsisContent">
                   <h4 class="euiTitle euiTitle--small synopsisTitle">Multi metric</h4>
@@ -106,7 +106,7 @@
             <div class="euiPanel euiPanel--paddingMedium synopsisPanel">
               <div class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--responsive">
                 <div class="euiFlexItem euiFlexItem--flexGrowZero">
-                  <img class="synopsisIcon" ng-src="{{assetsPath}}/ml_create_population_job.svg" alt="Population job">
+                  <icon type="'createPopulationJob'" size="'xl'" aria-label="Population job" class="synopsisIcon" />
                 </div>
                 <div class="euiFlexItem synopsisContent">
                   <h4 class="euiTitle euiTitle--small synopsisTitle">Population</h4>
@@ -127,7 +127,7 @@
             <div class="euiPanel euiPanel--paddingMedium synopsisPanel">
               <div class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--responsive">
                 <div class="euiFlexItem euiFlexItem--flexGrowZero">
-                  <img class="synopsisIcon" ng-src="{{assetsPath}}/ml_create_advanced_job.svg" alt="Advanced job">
+                  <icon type="'createAdvancedJob'" size="'xl'" aria-label="Advanced job" class="synopsisIcon" />
                 </div>
                 <div class="euiFlexItem synopsisContent">
                   <h4 class="euiTitle euiTitle--small synopsisTitle">Advanced</h4>
@@ -165,7 +165,7 @@
             <div class="euiPanel euiPanel--paddingMedium synopsisPanel">
               <div class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--responsive">
                 <div class="euiFlexItem euiFlexItem--flexGrowZero">
-                  <img class="synopsisIcon" ng-src="{{assetsPath}}/ml_data_visualizer.svg" alt="Single metric job">
+                  <icon type="'dataVisualizer'" size="'xl'" aria-label="Data Visualizer" class="synopsisIcon" />
                 </div>
                 <div class="euiFlexItem synopsisContent">
                   <h4 class="euiTitle euiTitle--small synopsisTitle">Data Visualizer</h4>
diff --git a/x-pack/plugins/ml/public/jobs/new_job/wizard/steps/job_type/job_type_controller.js b/x-pack/plugins/ml/public/jobs/new_job/wizard/steps/job_type/job_type_controller.js
index d7edf64d0f6a..7cf771bbaded 100644
--- a/x-pack/plugins/ml/public/jobs/new_job/wizard/steps/job_type/job_type_controller.js
+++ b/x-pack/plugins/ml/public/jobs/new_job/wizard/steps/job_type/job_type_controller.js
@@ -11,7 +11,6 @@
  * the user to select the type of job they wish to create.
  */
 
-import chrome from 'ui/chrome';
 import uiRoutes from 'ui/routes';
 import { checkLicenseExpired } from 'plugins/ml/license/check_license';
 import { checkCreateJobsPrivilege } from 'plugins/ml/privilege/check_privilege';
@@ -79,5 +78,4 @@ module.controller('MlNewJobStepJobType',
       addItemToRecentlyAccessed('jobs/new_job/datavisualizer', title, url);
     };
 
-    $scope.assetsPath = `${chrome.getBasePath()}/plugins/ml/assets`;
   });
diff --git a/x-pack/plugins/ml/server/models/data_recognizer/modules/apm_transaction/logo.json b/x-pack/plugins/ml/server/models/data_recognizer/modules/apm_transaction/logo.json
index 88cff79a5b58..804f35285137 100644
--- a/x-pack/plugins/ml/server/models/data_recognizer/modules/apm_transaction/logo.json
+++ b/x-pack/plugins/ml/server/models/data_recognizer/modules/apm_transaction/logo.json
@@ -1,5 +1,5 @@
 {
-	"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAlCAYAAAAjt+tHAAADMUlEQVRYhe2XTWhUVxSAv/Nm3jSVRB3SJtCMZhhpky4LguCiug2FbnRRBFeKGxFEEBSXCl2VLMSdhS7qJuhCC9JVIQUXrloItLbUxPyaxJ9kUIOTO/NOF/fe9zMThHQGp4vczZt77rnvfPeen3dGVFXp4gi6afx/AZAHuLn4hDurixTzhS2VIrKka/VNjg0McXqo3D7At9OPuDL/D6EKRsSZA1VBJAkPu57Mf6mu86xW43JlpC0A2T15X19pI2VE3FIUGw1V4g2bfqMoRXK8ODLWFkBwIXWNRhRVJXSJYecSGzWiFABxkOdLZdodoqp6fe4xt1cXKeZDVEHEO8JRuqePhWrdcHywxNl9lc4AtP2WNkbX07DrAPlmwWsTcW/2DYJgfaOAuCeA4BPFOk8REbwjRcB6NdHzul8P76I3zJ45EwN/Vw0nJleZ36jTUCUnYNxaoGTmIeJ07DOSRMeDAhiUELvvwId5bh0d4LM9ScHL4Hw3tcb0holf7F8SpnQCTYy7sxGJlUViDRtnuKFKoNBwe2Y26oxPVTM3kAEY7rOmcoIzYI00lAyQ1ZEmmTemMWTkliKxQDkR9vdmvd6ShhcePueHmdfxyY07dZTyp5+nb8Y0yf085wKhocrJSi/jhz56NwDAWi0iEUscgzbA0oGWVEWwsvQ8lrt7Kn7QmnQ7hailDgC8MJsE2Nqf+gKjYolV7W9xz/5w6z7iPwGc+/N3bqwuZGTNvQExnh0jhR6+//wLDu/t3zZAJgauTT/i6txjgLgP8E1Ic29gJBs6oQi1L7/aNkAmBp683QBs0xG6PkBTBtVBpKFwOkaVpc237QFcHP6UkUIPItaQiL16D5G4IYihvHy8PMonhZ5tA7Sk4atGnbsrS2Ra0eZIhGRdlNFduzm4p7ht41sCvO/R9TrQdYAtC1E7Y2J5kR+XZxGfIdLa1K4bw7HBEuf2VzoLMLEyzzd/TbmPUrZwhZqkr6rw68wfvDS1zgbh2G8P+Lm6Hhv3tcSncoFsgeuTXGdj4MxQGWmqln4uqdP7calU6Xwa/vRsiVtPFwhSfYH3faQQiP1ze/zjIU6Vyjt1YAeAfwEhypX7ku7g2QAAAABJRU5ErkJggg==",
-	"height": 25,
-	"width": 120
+	"src": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgAgMAAAAOFJJnAAAADFBMVEUAAAAAAAABf3X////ZaOWRAAAAAXRSTlMAQObYZgAAAAFiS0dEAxEMTPIAAAAkSURBVBjTY2DADVaBATKDTBAKBsgMss0JQWWQDZhgHmLC7zMAVdUSm3304YkAAAAASUVORK5CYII=",
+	"height": 32,
+	"width": 32
 }