From dedb01cfd1461711c93a6d7b7348a7159b618c9f Mon Sep 17 00:00:00 2001
From: Akayeshmantha <akayeshmantha@apache.org>
Date: Thu, 5 Mar 2020 23:24:40 +0100
Subject: [PATCH] add inbuilt hamburger icon.

---
 src/components/Hamburger/index.vue | 24 ++++++++++++++++++------
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/src/components/Hamburger/index.vue b/src/components/Hamburger/index.vue
index bb633e44f0..e21e5139ba 100644
--- a/src/components/Hamburger/index.vue
+++ b/src/components/Hamburger/index.vue
@@ -29,11 +29,26 @@
     :class="[{'is-active': isActive}]"
     @click="toggleClick"
   >
-    <svg-icon
-      name="hamburger"
+    <svg
+      viewBox="0 0 100 80"
       width="20"
       height="20"
-    />
+    >
+      <rect
+        width="100"
+        height="20"
+      />
+      <rect
+        y="30"
+        width="100"
+        height="20"
+      />
+      <rect
+        y="60"
+        width="100"
+        height="20"
+      />
+    </svg>
   </div>
 </template>
 
@@ -57,7 +72,4 @@ export default class extends Vue {
   vertical-align: middle;
 }
 
-.is-active {
-  transform: rotate(180deg);
-}
 </style>