add icons

Author: colleenmcginnis

resources/web/style/icons.pcss

@@ -0,0 +1,14 @@
+#guide {
+  .eui-icon {
+    background-repeat: no-repeat;
+    background-position: 0 0;
+    background-size: contain;
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    vertical-align: middle;
+    &.icon-bug { background-image: inline("img/icons/bug.svg"); }
+    &.icon-checkInCircleFilled { background-image: inline("img/icons/checkInCircleFilled.svg"); }
+    &.icon-warningFilled { background-image: inline("img/icons/warningFilled.svg"); }
+  }
+}

resources/web/style/img/icons/bug.svg

@@ -16,6 +16,7 @@
 @import './style/example.pcss';
 @import './style/feedback.pcss';
 @import './style/heading.pcss';
+@import './style/icons.pcss';
 @import './style/img.pcss';
 @import './style/layout.pcss';
 @import './style/link.pcss';

resources/web/style/img/icons/checkInCircleFilled.svg

@@ -569,3 +569,10 @@ Legacy definitions
 :apm-overview-ref-m:   https://www.elastic.co/guide/en/apm/get-started/master
 :infra-guide:          https://www.elastic.co/guide/en/infrastructure/guide/{branch}
 :a-data-source:        a data view
+
+////
+UI icons and logos from EUI
+////
+:icon-bug: pass:[<span class="eui-icon icon-bug"></span>]
+:icon-checkInCircleFilled: pass:[<span class="eui-icon icon-checkInCircleFilled"></span>]
+:icon-warningFilled: pass:[<span class="eui-icon icon-warningFilled"></span>]