diff --git a/public/images/sectionids/Bluefull.png b/public/images/sectionids/Bluefull.png
new file mode 100644
index 00000000..9a33b431
Binary files /dev/null and b/public/images/sectionids/Bluefull.png differ
diff --git a/public/images/sectionids/Greenill.png b/public/images/sectionids/Greenill.png
new file mode 100644
index 00000000..15f66637
Binary files /dev/null and b/public/images/sectionids/Greenill.png differ
diff --git a/public/images/sectionids/Oran.png b/public/images/sectionids/Oran.png
new file mode 100644
index 00000000..ec3b422d
Binary files /dev/null and b/public/images/sectionids/Oran.png differ
diff --git a/public/images/sectionids/Pinkal.png b/public/images/sectionids/Pinkal.png
new file mode 100644
index 00000000..00c40c1b
Binary files /dev/null and b/public/images/sectionids/Pinkal.png differ
diff --git a/public/images/sectionids/Purplenum.png b/public/images/sectionids/Purplenum.png
new file mode 100644
index 00000000..34cf1cb5
Binary files /dev/null and b/public/images/sectionids/Purplenum.png differ
diff --git a/public/images/sectionids/Redria.png b/public/images/sectionids/Redria.png
new file mode 100644
index 00000000..bb2db336
Binary files /dev/null and b/public/images/sectionids/Redria.png differ
diff --git a/public/images/sectionids/Skyly.png b/public/images/sectionids/Skyly.png
new file mode 100644
index 00000000..4cd4222f
Binary files /dev/null and b/public/images/sectionids/Skyly.png differ
diff --git a/public/images/sectionids/Viridia.png b/public/images/sectionids/Viridia.png
new file mode 100644
index 00000000..8c0949f0
Binary files /dev/null and b/public/images/sectionids/Viridia.png differ
diff --git a/public/images/sectionids/Whitill.png b/public/images/sectionids/Whitill.png
new file mode 100644
index 00000000..2ed49cfb
Binary files /dev/null and b/public/images/sectionids/Whitill.png differ
diff --git a/public/images/sectionids/Yellowboze.png b/public/images/sectionids/Yellowboze.png
new file mode 100644
index 00000000..3af60d72
Binary files /dev/null and b/public/images/sectionids/Yellowboze.png differ
diff --git a/src/ui/SectionIdIcon.tsx b/src/ui/SectionIdIcon.tsx
new file mode 100644
index 00000000..2924733b
--- /dev/null
+++ b/src/ui/SectionIdIcon.tsx
@@ -0,0 +1,25 @@
+import React from "react";
+import { SectionId } from "../domain";
+
+export function SectionIdIcon({
+    sectionId,
+    size = 28,
+    title
+}: {
+    sectionId: SectionId,
+    size?: number,
+    title?: string
+}) {
+    return (
+        <div
+            title={title}
+            style={{
+                display: 'inline-block',
+                width: size,
+                height: size,
+                backgroundImage: `url(${process.env.PUBLIC_URL}/images/sectionids/${sectionId}.png)`,
+                backgroundSize: size
+            }}
+        />
+    );
+}
\ No newline at end of file
diff --git a/src/ui/hunt-optimizer/OptimizationResultComponent.less b/src/ui/hunt-optimizer/OptimizationResultComponent.less
index 3098a9a4..00e4930c 100644
--- a/src/ui/hunt-optimizer/OptimizationResultComponent.less
+++ b/src/ui/hunt-optimizer/OptimizationResultComponent.less
@@ -7,4 +7,10 @@
 
 .ho-OptimizationResultComponent-table {
     flex: 1;
+}
+
+.ho-OptimizationResultComponent-sid-col {
+    display: inline-block;
+    height: 20px;
+    margin: 0 3px;
 }
\ No newline at end of file
diff --git a/src/ui/hunt-optimizer/OptimizationResultComponent.tsx b/src/ui/hunt-optimizer/OptimizationResultComponent.tsx
index 0513d92c..c73af064 100644
--- a/src/ui/hunt-optimizer/OptimizationResultComponent.tsx
+++ b/src/ui/hunt-optimizer/OptimizationResultComponent.tsx
@@ -4,6 +4,7 @@ import React from "react";
 import { AutoSizer, Index } from "react-virtualized";
 import { huntOptimizerStore, OptimalMethod } from "../../stores/HuntOptimizerStore";
 import { Column, DataTable } from "../dataTable";
+import { SectionIdIcon } from "../SectionIdIcon";
 import { hoursToString } from "../time";
 import "./OptimizationResultComponent.less";
 
@@ -37,8 +38,13 @@ export class OptimizationResultComponent extends React.Component {
             {
                 name: 'Section ID',
                 width: 80,
-                cellRenderer: (result) => result.sectionIds.join(', '),
-                tooltip: (result) => result.sectionIds.join(', '),
+                cellRenderer: (result) => (
+                    <div className="ho-OptimizationResultComponent-sid-col">
+                        {result.sectionIds.map(sid =>
+                            <SectionIdIcon sectionId={sid} title={sid} key={sid} size={20} />
+                        )}
+                    </div>
+                ),
             },
             {
                 name: 'Time/Run',