Initial work

theme/blockly.less

@@ -9,7 +9,7 @@
 /* Fonts for toolbox icons */
 @font-face {
     font-family: 'legoIcons';
-    src: data-uri("../docs/static/fonts/icons/iconfont.woff2");
+    src: data-uri("../docs/static/fonts/icons/iconfont.woff") format('woff');
 }
 
 .blocklyFlyoutLabel:not(.blocklyFlyoutHeading) .blocklyFlyoutLabelIcon {
@@ -18,6 +18,10 @@
     font-size: 1.7rem;
 }
 
+span.blocklyTreeIcon {
+    font-family: 'legoIcons' !important;
+}
+
 /* Toolbox padding */
 .blocklyToolboxDiv, .monacoToolboxDiv {
     padding: 0.5rem;
@@ -67,4 +71,60 @@ span.blocklyTreeLabel {
     #blocklyTrashIcon {
         margin: 0.2rem;
     }
+}
+
+span.blocklyTreeIcon.blocklyTreeIcontests::before {
+    content: "";
+}
+
+span.blocklyTreeIcon.blocklyTreeIconmusic::before {
+    content: "\f110";
+}
+
+span.blocklyTreeIcon.blocklyTreeIconloops::before {
+    content: "\f10d";
+}
+
+span.blocklyTreeIcon.blocklyTreeIconlogic::before {
+    content: "\f10c";
+}
+
+span.blocklyTreeIcon.blocklyTreeIconvariables::before {
+    content: "\f113";
+}
+
+span.blocklyTreeIcon.blocklyTreeIconmath::before {
+    content: "\f10e";
+}
+
+span.blocklyTreeIcon.blocklyTreeIconadvancedcollapsed::before {
+    content: "\f106";
+}
+
+span.blocklyTreeIcon.blocklyTreeIconadvancedexpanded::before {
+    content: "\f107";
+}
+
+span.blocklyTreeIcon.blocklyTreeIconfunctions::before {
+    content: "\f10a";
+}
+
+span.blocklyTreeIcon.blocklyTreeIconarrays::before {
+    content: "";
+}
+
+span.blocklyTreeIcon.blocklyTreeIcontext::before {
+    content: "\f112";
+}
+
+span.blocklyTreeIcon.blocklyTreeIconconsole::before {
+    content: "";
+}
+
+span.blocklyTreeIcon.blocklyTreeIconcontrol::before {
+    content: "\f109";
+}
+
+span.blocklyTreeIcon.blocklyTreeIconaddpackage::before {
+    content: "\f105";
 }