pdb-js/src/app/app.component.html

@@ -1,7 +1,7 @@
 
 
 <div id="main-toolbar">
-  <button mat-button [routerLink]="['/']"><img src="assets/img/strip-chart.svg"  aria-hidden="false" aria-label="go to home page" /> Plotilio</button>
+  <button mat-button [routerLink]="['/']"><img src="assets/img/strip-chart-color.svg"  aria-hidden="false" aria-label="go to home page" /> Plotilio</button>
   <button mat-button [routerLink]="['/vis']">Visualization</button>
   <button mat-button [routerLink]="['/dashboard']">Dashboards</button>
 </div>

pdb-js/src/assets/img/strip-chart-color.svg

@@ -0,0 +1,34 @@
+<svg 
+    width="512"
+    height="512"
+    viewBox="0 0 64 64"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<g id="cross">
+			<rect x="4" y="0" width="4" height="12" style="fill: #0051c2;" />
+			<rect x="0" y="4" width="12" height="4" style="fill: #0051c2;" />
+		</g>
+		<g id="triangle">
+			<path d="M6,2 L12,12 L 0,12" style="fill: #c18400" />
+		</g>
+		<g id="square">
+			<rect x="4" y="0" width="10" height="10" style="fill: #0051c2;" />
+		</g>
+
+	</defs>
+	
+
+	<use x="12" y="7" xlink:href="#triangle"  />
+	<use x="20" y="18" xlink:href="#triangle"  />
+	<use x="12" y="38" xlink:href="#triangle"  />
+		
+	<use x="30" y="6" xlink:href="#square"  />
+	<use x="32" y="32" xlink:href="#square"  />
+	<use x="44" y="20" xlink:href="#square"  />
+
+	<path d="M4,0
+	         L4,60
+	         L64,60"
+	      style="stroke:black; stroke-width: 6px; fill:none;"/>
+</svg>