Added moreHoriz icon

wizeline · Oct 25, 2018 · 95a3055 · 95a3055
1 parent 6900288
commit 95a3055
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 1 deletion.
diff --git a/design-system/src/components/icons/index.tsx b/design-system/src/components/icons/index.tsx
@@ -18,6 +18,9 @@ export default ({ icon }) => {
     case 'edit': {
       return <icon-edit />;
     }
+    case 'more-horiz': {
+      return <icon-more-horiz />;
+    }
     case 'power': {
       return <icon-power />;
     }

diff --git a/design-system/src/components/icons/moreHoriz.tsx b/design-system/src/components/icons/moreHoriz.tsx
@@ -0,0 +1,16 @@
+import { Component } from '@stencil/core';
+
+@Component({
+  tag: 'icon-more-horiz',
+  shadow: false,
+})
+export class IconMoreHoriz {
+  render() {
+    return (
+      <svg viewBox="0 0 24 24">
+        <path d="M0 0h24v24H0z" fill="none"/>
+        <path d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/>
+      </svg>
+    );
+  }
+}
diff --git a/design-system/src/index.html b/design-system/src/index.html
@@ -15,7 +15,7 @@
 </head>
 <body>
   <div style="width: 200px">
-    <wz-icon color="var(--negative-light)" icon="search" small></wz-icon>
+    <wz-icon color="var(--negative-light)" icon="more-horiz" small></wz-icon>
   </div>
 </body>
 </html>
diff --git a/site/pages/icons.md b/site/pages/icons.md
@@ -36,6 +36,12 @@ showSource: true
 <wz-icon icon="edit" />
 ```
 
+```html|span-2
+showSource: true
+---
+<wz-icon icon="more-horiz" />
+```
+
 ```html|span-2
 showSource: true
 ---