Add <sky-icon> to access material design widgets

sky/examples/stocks/stocks.sky

Index: sky/examples/stocks/stocks.sky
diff --git a/sky/examples/stocks/stocks.sky b/sky/examples/stocks/stocks.sky
index 60138108c186e1db22fdb0a02b6bf689d2fee466..3710a34fbc00f5a7c9f41e6878d316420aa48940 100644
--- a/sky/examples/stocks/stocks.sky
+++ b/sky/examples/stocks/stocks.sky
@@ -5,6 +5,7 @@
 -->
 <import src="/sky/framework/sky-drawer.sky" />
 <import src="/sky/framework/sky-element.sky" />
+<import src="/sky/framework/sky-icon.sky" />
 <import src="/sky/framework/sky-scrollable.sky" />
 <import src="stock.sky" as='view'/>
 <import src='companylist.sky' as='model'/>
@@ -38,11 +39,8 @@
       display: flex;
       justify-content: center;
       align-items: center;
-      width: 24px;
-      height: 24px;
       padding: 7px;
       margin: 0 8px;
-      background-color: papayawhip;
       color: black;
     }
     #title {
@@ -57,7 +55,7 @@
     I am drawer
   </sky-drawer>
   <sky-toolbar>
-    <div id="menu" />
+    <sky-icon id="menu" type="navigation/menu_white" size="24" />
     I am a stocks app
   </sky-toolbar>
   <sky-scrollable id='stock_list'>