vpu-icon: Also fill circle elements in the icon svg

And change the demo to the "happy" icon which contains paths and circles.

packages/common/vpu-common-demo.js

@@ -120,7 +120,7 @@ class VpuCommonDemo extends VPULitElement {
                         <span style="background-color: #000"><a href="#" style=" color: #fff">foobar</a></span>
                         <br>
 
-                        ${(new Array(100).fill(0)).map(i => html`<vpu-icon style="color: green; width: 50px; height: 50px; border: #000 solid 1px"name="coffee-cup"></vpu-icon>`)}
+                        ${(new Array(100).fill(0)).map(i => html`<vpu-icon style="color: green; width: 50px; height: 50px; border: #000 solid 1px"name="happy"></vpu-icon>`)}
                     </div>
                 </div>
                 <div class="content">

packages/common/vpu-icon.js

@@ -100,7 +100,7 @@ class Icon extends LitElement {
                 height: 100%;
             }
 
-            svg path {
+            svg path, svg circle {
                 fill: currentColor;
             }
         `;