From a799160501597d0f7defb3786c79b914c89c9d97 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Tue, 14 Apr 2020 15:53:59 +0200
Subject: [PATCH] Update icon

---
 .../src/components/content-blocks/Instruction.vue |  3 ---
 client/src/components/icons/BulbIcon.vue          | 15 +++++++++------
 client/src/pages/topic.vue                        |  6 ------
 3 files changed, 9 insertions(+), 15 deletions(-)

diff --git a/client/src/components/content-blocks/Instruction.vue b/client/src/components/content-blocks/Instruction.vue
index b37f41f8..fc1be675 100644
--- a/client/src/components/content-blocks/Instruction.vue
+++ b/client/src/components/content-blocks/Instruction.vue
@@ -37,9 +37,6 @@
     &__icon {
       width: 40px;
       height: 40px;
-      background-color: $color-brand;
-      fill: $color-white;
-      border-radius: 20px;
       margin-right: $small-spacing;
     }
 
diff --git a/client/src/components/icons/BulbIcon.vue b/client/src/components/icons/BulbIcon.vue
index 872d5229..edd73484 100644
--- a/client/src/components/icons/BulbIcon.vue
+++ b/client/src/components/icons/BulbIcon.vue
@@ -1,10 +1,13 @@
 <template>
   <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
-    <path
-      d="M50,6.41C25.74,6.41,6,26,6,50S25.74,93.59,50,93.59,94,74,94,50,74.26,6.41,50,6.41Zm0,82.43A39.1,39.1,0,0,1,10.74,50a39.26,39.26,0,0,1,78.52,0A39.1,39.1,0,0,1,50,88.85Z"/>
-    <path
-      d="M50,22.72A19,19,0,0,0,30.91,41.64a18.72,18.72,0,0,0,6.36,14.13c1.21,1.2,1.66.89,1.68,2.78l0,.84a3.34,3.34,0,0,0,1,2.47,3.53,3.53,0,0,0,2.38,1H57.64a3.39,3.39,0,0,0,2.39-1,3.55,3.55,0,0,0,1-2.57c-.06-1.61.22-2.1,1.75-3.62A18.87,18.87,0,0,0,50,22.72ZM64.35,41.64a14.26,14.26,0,0,1-4.77,10.52l-.24.24c-2.48,2.45-3,3.61-3,5.7H43.67c-.07-2.08-.57-3.22-3.18-5.8A14.27,14.27,0,1,1,64.35,41.64Z"/>
-    <path
-      d="M56.43,78.67H43.57a4,4,0,0,1-4-4v-4a4,4,0,0,1,4-4H56.43a4,4,0,0,1,4,4v4A4,4,0,0,1,56.43,78.67ZM43.57,70.76v4H56.43v-4Z"/>
+    <g id="shape">
+      <circle cx="50" cy="50" r="50" style="fill:#17a887"/>
+      <path
+        d="M57.96318,62.73515H41.99379A2.48236,2.48236,0,0,1,39.51288,60.34c-.06061-1.72061-.21515-2.61273-3.23576-5.60545a20.69086,20.69086,0,1,1,27.55152-.18485l-.27394.26848c-2.89273,2.86424-3.04424,3.76485-3.11091,5.52848A2.48231,2.48231,0,0,1,57.96318,62.73515ZM44.17652,57.7703H55.77409c.50667-2.1903,1.72788-3.94606,4.29636-6.48909l.317-.3103c.02364-.023.04727-.04545.07212-.06788a15.62483,15.62483,0,1,0-20.85788.14364c.03848.03333.07606.06848.11273.10424C42.38379,53.78848,43.65439,55.58424,44.17652,57.7703Z"
+        style="fill:#fff"/>
+      <path
+        d="M58.13591,83H41.86773a2.48255,2.48255,0,0,1-2.48242-2.48242V70.50909a2.48255,2.48255,0,0,1,2.48242-2.48242H58.13227a2.48229,2.48229,0,0,1,2.48242,2.48121l.00364,10.00848A2.482,2.482,0,0,1,58.13591,83ZM44.35015,78.03515H55.65227l-.00121-5.04364H44.35015Z"
+        style="fill:#fff"/>
+    </g>
   </svg>
 </template>
diff --git a/client/src/pages/topic.vue b/client/src/pages/topic.vue
index abbcf3fe..0aeace11 100644
--- a/client/src/pages/topic.vue
+++ b/client/src/pages/topic.vue
@@ -112,12 +112,6 @@
       @include heading-3;
     }
 
-    &__instruction-icon {
-      fill: $color-white;
-      border-radius: 20px;
-      background-color: $color-brand;
-    }
-
     &__modules {
       margin-top: 40px;
       display: flex;