finalize vips icon names, fixes #5163

Closes #5163

Merge request studip/studip!4380

32 files changed, 32 insertions, 11 deletions

diff --git a/lib/models/vips/VipsAssignment.php b/lib/models/vips/VipsAssignment.php
index 7810019..0c84106 100644
--- a/lib/models/vips/VipsAssignment.php
+++ b/lib/models/vips/VipsAssignment.php
@@ -397,9 +397,9 @@ class VipsAssignment extends SimpleORMap
     public static function getAssignmentTypes(): array
     {
         return [
-            'practice' => ['name' => _('Übung'),      'icon' => 'file'],
-            'selftest' => ['name' => _('Selbsttest'), 'icon' => 'check-circle'],
-            'exam'     => ['name' => _('Klausur'),    'icon' => 'doctoral_cap']
+            'practice' => ['name' => _('Übung'),      'icon' => 'assignment-practice'],
+            'selftest' => ['name' => _('Selbsttest'), 'icon' => 'assignment-quiz'],
+            'exam'     => ['name' => _('Klausur'),    'icon' => 'assignment-exam']
         ];
     }
 
diff --git a/lib/modules/VipsModule.php b/lib/modules/VipsModule.php
index a049ec7..6aff4b8 100644
--- a/lib/modules/VipsModule.php
+++ b/lib/modules/VipsModule.php
@@ -52,7 +52,7 @@ class VipsModule extends CorePlugin implements StudipModule, SystemPlugin, Priva
 
         if (Navigation::hasItem('/contents')) {
             $nav_item = new Navigation(_('Aufgaben'));
-            $nav_item->setImage(Icon::create('vips'));
+            $nav_item->setImage(Icon::create('tasks'));
             $nav_item->setDescription(_('Erstellen und Verwalten von Aufgabenblättern'));
             Navigation::addItem('/contents/vips', $nav_item);
 
@@ -246,7 +246,7 @@ class VipsModule extends CorePlugin implements StudipModule, SystemPlugin, Priva
         $navigation->addSubNavigation('course', $course);
 
         $vips = new Navigation($this->getPluginName());
-        $vips->setImage(Icon::create('vips'));
+        $vips->setImage(Icon::create('tasks'));
         $course->addSubNavigation('vips', $vips);
 
         $nav_item = new Navigation(_('Aufgabenblätter'), 'dispatch.php/vips/sheets');
@@ -307,11 +307,11 @@ class VipsModule extends CorePlugin implements StudipModule, SystemPlugin, Priva
         }
 
         $overview_message = $this->getPluginName();
-        $icon = Icon::create('vips');
+        $icon = Icon::create('tasks');
 
         if ($new_items > 0) {
             $overview_message = sprintf($message, $new_items);
-            $icon = Icon::create('vips', Icon::ROLE_NEW);
+            $icon = Icon::create('tasks', Icon::ROLE_NEW);
         }
 
         $icon_navigation = new Navigation($this->getPluginName(), 'dispatch.php/vips/sheets');
@@ -328,7 +328,7 @@ class VipsModule extends CorePlugin implements StudipModule, SystemPlugin, Priva
     public function getTabNavigation($course_id)
     {
         $navigation = new Navigation($this->getPluginName());
-        $navigation->setImage(Icon::create('vips'));
+        $navigation->setImage(Icon::create('tasks'));
 
         $nav_item = new Navigation(_('Aufgabenblätter'), 'dispatch.php/vips/sheets');
         $navigation->addSubNavigation('sheets', $nav_item);
@@ -357,7 +357,7 @@ class VipsModule extends CorePlugin implements StudipModule, SystemPlugin, Priva
             _('Einsatz bei Hausaufgaben und Präsenzprüfungen; Reduzierter Arbeitsaufwand bei der Auswertung; ' .
                   'Sortierte Übersicht der eingereichten Ergebnisse; Single-, Multiple-Choice- und Textaufgaben, ' .
                   'Lückentexte und Zuordnungen; Notwendige Korrekturen und erzielte Punktzahlen auf einen Blick');
-        $metadata['icon'] = Icon::create('vips');
+        $metadata['icon'] = Icon::create('tasks');
         $metadata['screenshots'] = [
             'path' => 'assets/images/plus/screenshots/Vips',
             'pictures' => [
diff --git a/public/assets/images/icons/black/assignment-exam.svg b/public/assets/images/icons/black/assignment-exam.svg
new file mode 100644
index 0000000..b465e8b
--- /dev/null
+++ b/public/assets/images/icons/black/assignment-exam.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g data-name="VIPS – excercise" fill="#000000"><path d="m43.7 12.03 11.67 20-11.67 20H20.29l-11.67-20 11.67-20zm2.3-4H18l-14 24 14 24h28l14-24z"/><path d="m32 19.69-18 6.37 7.77 4.19 9.87-4.16 1.63.74-9.85 4.31L32 35.76l18-9.7zM20.5 31.54l-4.17 1.48 3.56 1.93.61.32z"/><path d="M43.5 31.54 32 37.73l-7.4-3.98v3.73l7.4 3.99 11.57-6.24 4.1-2.21zM21.89 43.2l1.5 1.11V31.17l-1.5-.91z"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/black/assignment-practice.svg b/public/assets/images/icons/black/assignment-practice.svg
new file mode 100644
index 0000000..403cf15
--- /dev/null
+++ b/public/assets/images/icons/black/assignment-practice.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g fill="#000000" data-name="VIPS – excercise"><path d="m43.7 12.03 11.67 20-11.67 20H20.29l-11.67-20 11.67-20zm2.3-4H18l-14 24 14 24h28l14-24z"/><path d="M32 19.05c2.1 0 3.81 1.71 3.81 3.81S34.1 26.67 32 26.67s-3.81-1.71-3.81-3.81 1.71-3.81 3.81-3.81M32 16c-3.79 0-6.86 3.07-6.86 6.86s3.07 6.86 6.86 6.86 6.86-3.07 6.86-6.86S35.79 16 32 16m5.33 18.29c1.68 0 3.05 1.37 3.05 3.05v6c-1.29.66-3.95 1.62-8.49 1.62s-7-.96-8.27-1.62v-6c0-1.68 1.37-3.05 3.05-3.05h10.67m-.01-3.05H26.66c-3.37 0-6.1 2.73-6.1 6.1v7.62s3.05 3.05 11.32 3.05 11.54-3.05 11.54-3.05v-7.62c0-3.37-2.73-6.1-6.1-6.1Z"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/black/assignment-quiz.svg b/public/assets/images/icons/black/assignment-quiz.svg
new file mode 100644
index 0000000..cc4551e
--- /dev/null
+++ b/public/assets/images/icons/black/assignment-quiz.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g fill="#000000" data-name="VIPS – excercise"><path d="m43.7 12.03 11.67 20-11.67 20H20.29l-11.67-20 11.67-20zm2.3-4H18l-14 24 14 24h28l14-24z"/><path d="M35.88 43.33h-7.76c-.58 0-1.06.48-1.06 1.06s.47 1.06 1.06 1.06h7.76c.58 0 1.06-.48 1.06-1.06s-.47-1.06-1.06-1.06m-.7 3.55h-6.35c-.58 0-1.06.48-1.06 1.06S28.24 49 28.83 49h6.35c.58 0 1.06-.48 1.06-1.06s-.47-1.06-1.06-1.06M32 15c-.46 0-.92.03-1.38.08-5.44.61-9.86 4.99-10.52 10.45-.6 4.96 1.8 9.41 5.62 11.77.41.25.64.71.64 1.19v2.36c0 .59.47 1.06 1.06 1.06h9.18c.58 0 1.06-.48 1.06-1.06v-2.37c0-.48.23-.93.64-1.18 3.43-2.12 5.71-5.92 5.71-10.26 0-6.65-5.37-12.04-12-12.04Zm5.17 20.49a3.54 3.54 0 0 0-1.65 2.99v1.31h-7.06v-1.3c0-1.22-.63-2.37-1.65-3-3.33-2.06-5.11-5.78-4.63-9.7.55-4.48 4.19-8.09 8.66-8.59.38-.04.77-.06 1.15-.06 5.45 0 9.88 4.45 9.88 9.92 0 3.47-1.76 6.62-4.71 8.45Z"/><path d="M35.81 19.31a8.8 8.8 0 0 0-3.64-.78c-2.91 0-5.65 1.43-7.32 3.82-.39.55-.25 1.32.3 1.71.21.14.45.22.7.22.4 0 .77-.2 1-.52a6.485 6.485 0 0 1 7.96-2.22c.3.13.63.14.94.03a1.231 1.231 0 0 0 .06-2.27Zm-10.84 5.14c-.66-.17-1.32.24-1.48.9-.17.7-.26 1.42-.26 2.15 0 .63.07 1.27.2 1.89.12.56.62.97 1.19.97.08 0 .17 0 .26-.03.66-.14 1.08-.8.94-1.46-.1-.45-.15-.91-.15-1.37 0-.53.06-1.05.19-1.56.08-.32.03-.65-.14-.93s-.44-.48-.75-.56"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/black/vips.svg b/public/assets/images/icons/black/tasks.svg
index 2458c1c..2458c1c 100644
--- a/public/assets/images/icons/black/vips.svg
+++ b/public/assets/images/icons/black/tasks.svg
diff --git a/public/assets/images/icons/blue/assignment-exam.svg b/public/assets/images/icons/blue/assignment-exam.svg
new file mode 100644
index 0000000..759183e
--- /dev/null
+++ b/public/assets/images/icons/blue/assignment-exam.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g data-name="VIPS – excercise" fill="#28497c"><path d="m43.7 12.03 11.67 20-11.67 20H20.29l-11.67-20 11.67-20zm2.3-4H18l-14 24 14 24h28l14-24z"/><path d="m32 19.69-18 6.37 7.77 4.19 9.87-4.16 1.63.74-9.85 4.31L32 35.76l18-9.7zM20.5 31.54l-4.17 1.48 3.56 1.93.61.32z"/><path d="M43.5 31.54 32 37.73l-7.4-3.98v3.73l7.4 3.99 11.57-6.24 4.1-2.21zM21.89 43.2l1.5 1.11V31.17l-1.5-.91z"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/blue/assignment-practice.svg b/public/assets/images/icons/blue/assignment-practice.svg
new file mode 100644
index 0000000..3e164bd
--- /dev/null
+++ b/public/assets/images/icons/blue/assignment-practice.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g fill="#28497c" data-name="VIPS – excercise"><path d="m43.7 12.03 11.67 20-11.67 20H20.29l-11.67-20 11.67-20zm2.3-4H18l-14 24 14 24h28l14-24z"/><path d="M32 19.05c2.1 0 3.81 1.71 3.81 3.81S34.1 26.67 32 26.67s-3.81-1.71-3.81-3.81 1.71-3.81 3.81-3.81M32 16c-3.79 0-6.86 3.07-6.86 6.86s3.07 6.86 6.86 6.86 6.86-3.07 6.86-6.86S35.79 16 32 16m5.33 18.29c1.68 0 3.05 1.37 3.05 3.05v6c-1.29.66-3.95 1.62-8.49 1.62s-7-.96-8.27-1.62v-6c0-1.68 1.37-3.05 3.05-3.05h10.67m-.01-3.05H26.66c-3.37 0-6.1 2.73-6.1 6.1v7.62s3.05 3.05 11.32 3.05 11.54-3.05 11.54-3.05v-7.62c0-3.37-2.73-6.1-6.1-6.1Z"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/blue/assignment-quiz.svg b/public/assets/images/icons/blue/assignment-quiz.svg
new file mode 100644
index 0000000..c834668
--- /dev/null
+++ b/public/assets/images/icons/blue/assignment-quiz.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g fill="#28497c" data-name="VIPS – excercise"><path d="m43.7 12.03 11.67 20-11.67 20H20.29l-11.67-20 11.67-20zm2.3-4H18l-14 24 14 24h28l14-24z"/><path d="M35.88 43.33h-7.76c-.58 0-1.06.48-1.06 1.06s.47 1.06 1.06 1.06h7.76c.58 0 1.06-.48 1.06-1.06s-.47-1.06-1.06-1.06m-.7 3.55h-6.35c-.58 0-1.06.48-1.06 1.06S28.24 49 28.83 49h6.35c.58 0 1.06-.48 1.06-1.06s-.47-1.06-1.06-1.06M32 15c-.46 0-.92.03-1.38.08-5.44.61-9.86 4.99-10.52 10.45-.6 4.96 1.8 9.41 5.62 11.77.41.25.64.71.64 1.19v2.36c0 .59.47 1.06 1.06 1.06h9.18c.58 0 1.06-.48 1.06-1.06v-2.37c0-.48.23-.93.64-1.18 3.43-2.12 5.71-5.92 5.71-10.26 0-6.65-5.37-12.04-12-12.04Zm5.17 20.49a3.54 3.54 0 0 0-1.65 2.99v1.31h-7.06v-1.3c0-1.22-.63-2.37-1.65-3-3.33-2.06-5.11-5.78-4.63-9.7.55-4.48 4.19-8.09 8.66-8.59.38-.04.77-.06 1.15-.06 5.45 0 9.88 4.45 9.88 9.92 0 3.47-1.76 6.62-4.71 8.45Z"/><path d="M35.81 19.31a8.8 8.8 0 0 0-3.64-.78c-2.91 0-5.65 1.43-7.32 3.82-.39.55-.25 1.32.3 1.71.21.14.45.22.7.22.4 0 .77-.2 1-.52a6.485 6.485 0 0 1 7.96-2.22c.3.13.63.14.94.03a1.231 1.231 0 0 0 .06-2.27Zm-10.84 5.14c-.66-.17-1.32.24-1.48.9-.17.7-.26 1.42-.26 2.15 0 .63.07 1.27.2 1.89.12.56.62.97 1.19.97.08 0 .17 0 .26-.03.66-.14 1.08-.8.94-1.46-.1-.45-.15-.91-.15-1.37 0-.53.06-1.05.19-1.56.08-.32.03-.65-.14-.93s-.44-.48-.75-.56"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/blue/vips.svg b/public/assets/images/icons/blue/tasks.svg
index ae407a4..ae407a4 100644
--- a/public/assets/images/icons/blue/vips.svg
+++ b/public/assets/images/icons/blue/tasks.svg
diff --git a/public/assets/images/icons/green/assignment-exam.svg b/public/assets/images/icons/green/assignment-exam.svg
new file mode 100644
index 0000000..6d8988c
--- /dev/null
+++ b/public/assets/images/icons/green/assignment-exam.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g data-name="VIPS – excercise" fill="#00962d"><path d="m43.7 12.03 11.67 20-11.67 20H20.29l-11.67-20 11.67-20zm2.3-4H18l-14 24 14 24h28l14-24z"/><path d="m32 19.69-18 6.37 7.77 4.19 9.87-4.16 1.63.74-9.85 4.31L32 35.76l18-9.7zM20.5 31.54l-4.17 1.48 3.56 1.93.61.32z"/><path d="M43.5 31.54 32 37.73l-7.4-3.98v3.73l7.4 3.99 11.57-6.24 4.1-2.21zM21.89 43.2l1.5 1.11V31.17l-1.5-.91z"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/green/assignment-practice.svg b/public/assets/images/icons/green/assignment-practice.svg
new file mode 100644
index 0000000..5a6e6a4
--- /dev/null
+++ b/public/assets/images/icons/green/assignment-practice.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g fill="#00962d" data-name="VIPS – excercise"><path d="m43.7 12.03 11.67 20-11.67 20H20.29l-11.67-20 11.67-20zm2.3-4H18l-14 24 14 24h28l14-24z"/><path d="M32 19.05c2.1 0 3.81 1.71 3.81 3.81S34.1 26.67 32 26.67s-3.81-1.71-3.81-3.81 1.71-3.81 3.81-3.81M32 16c-3.79 0-6.86 3.07-6.86 6.86s3.07 6.86 6.86 6.86 6.86-3.07 6.86-6.86S35.79 16 32 16m5.33 18.29c1.68 0 3.05 1.37 3.05 3.05v6c-1.29.66-3.95 1.62-8.49 1.62s-7-.96-8.27-1.62v-6c0-1.68 1.37-3.05 3.05-3.05h10.67m-.01-3.05H26.66c-3.37 0-6.1 2.73-6.1 6.1v7.62s3.05 3.05 11.32 3.05 11.54-3.05 11.54-3.05v-7.62c0-3.37-2.73-6.1-6.1-6.1Z"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/green/assignment-quiz.svg b/public/assets/images/icons/green/assignment-quiz.svg
new file mode 100644
index 0000000..6295f5a
--- /dev/null
+++ b/public/assets/images/icons/green/assignment-quiz.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g fill="#00962d" data-name="VIPS – excercise"><path d="m43.7 12.03 11.67 20-11.67 20H20.29l-11.67-20 11.67-20zm2.3-4H18l-14 24 14 24h28l14-24z"/><path d="M35.88 43.33h-7.76c-.58 0-1.06.48-1.06 1.06s.47 1.06 1.06 1.06h7.76c.58 0 1.06-.48 1.06-1.06s-.47-1.06-1.06-1.06m-.7 3.55h-6.35c-.58 0-1.06.48-1.06 1.06S28.24 49 28.83 49h6.35c.58 0 1.06-.48 1.06-1.06s-.47-1.06-1.06-1.06M32 15c-.46 0-.92.03-1.38.08-5.44.61-9.86 4.99-10.52 10.45-.6 4.96 1.8 9.41 5.62 11.77.41.25.64.71.64 1.19v2.36c0 .59.47 1.06 1.06 1.06h9.18c.58 0 1.06-.48 1.06-1.06v-2.37c0-.48.23-.93.64-1.18 3.43-2.12 5.71-5.92 5.71-10.26 0-6.65-5.37-12.04-12-12.04Zm5.17 20.49a3.54 3.54 0 0 0-1.65 2.99v1.31h-7.06v-1.3c0-1.22-.63-2.37-1.65-3-3.33-2.06-5.11-5.78-4.63-9.7.55-4.48 4.19-8.09 8.66-8.59.38-.04.77-.06 1.15-.06 5.45 0 9.88 4.45 9.88 9.92 0 3.47-1.76 6.62-4.71 8.45Z"/><path d="M35.81 19.31a8.8 8.8 0 0 0-3.64-.78c-2.91 0-5.65 1.43-7.32 3.82-.39.55-.25 1.32.3 1.71.21.14.45.22.7.22.4 0 .77-.2 1-.52a6.485 6.485 0 0 1 7.96-2.22c.3.13.63.14.94.03a1.231 1.231 0 0 0 .06-2.27Zm-10.84 5.14c-.66-.17-1.32.24-1.48.9-.17.7-.26 1.42-.26 2.15 0 .63.07 1.27.2 1.89.12.56.62.97 1.19.97.08 0 .17 0 .26-.03.66-.14 1.08-.8.94-1.46-.1-.45-.15-.91-.15-1.37 0-.53.06-1.05.19-1.56.08-.32.03-.65-.14-.93s-.44-.48-.75-.56"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/green/vips.svg b/public/assets/images/icons/green/tasks.svg
index 8af9a21..8af9a21 100644
--- a/public/assets/images/icons/green/vips.svg
+++ b/public/assets/images/icons/green/tasks.svg
diff --git a/public/assets/images/icons/grey/assignment-exam.svg b/public/assets/images/icons/grey/assignment-exam.svg
new file mode 100644
index 0000000..7833fa3
--- /dev/null
+++ b/public/assets/images/icons/grey/assignment-exam.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g data-name="VIPS – excercise" fill="#6e6e6e"><path d="m43.7 12.03 11.67 20-11.67 20H20.29l-11.67-20 11.67-20zm2.3-4H18l-14 24 14 24h28l14-24z"/><path d="m32 19.69-18 6.37 7.77 4.19 9.87-4.16 1.63.74-9.85 4.31L32 35.76l18-9.7zM20.5 31.54l-4.17 1.48 3.56 1.93.61.32z"/><path d="M43.5 31.54 32 37.73l-7.4-3.98v3.73l7.4 3.99 11.57-6.24 4.1-2.21zM21.89 43.2l1.5 1.11V31.17l-1.5-.91z"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/grey/assignment-practice.svg b/public/assets/images/icons/grey/assignment-practice.svg
new file mode 100644
index 0000000..abf3424
--- /dev/null
+++ b/public/assets/images/icons/grey/assignment-practice.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g fill="#6e6e6e" data-name="VIPS – excercise"><path d="m43.7 12.03 11.67 20-11.67 20H20.29l-11.67-20 11.67-20zm2.3-4H18l-14 24 14 24h28l14-24z"/><path d="M32 19.05c2.1 0 3.81 1.71 3.81 3.81S34.1 26.67 32 26.67s-3.81-1.71-3.81-3.81 1.71-3.81 3.81-3.81M32 16c-3.79 0-6.86 3.07-6.86 6.86s3.07 6.86 6.86 6.86 6.86-3.07 6.86-6.86S35.79 16 32 16m5.33 18.29c1.68 0 3.05 1.37 3.05 3.05v6c-1.29.66-3.95 1.62-8.49 1.62s-7-.96-8.27-1.62v-6c0-1.68 1.37-3.05 3.05-3.05h10.67m-.01-3.05H26.66c-3.37 0-6.1 2.73-6.1 6.1v7.62s3.05 3.05 11.32 3.05 11.54-3.05 11.54-3.05v-7.62c0-3.37-2.73-6.1-6.1-6.1Z"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/grey/assignment-quiz.svg b/public/assets/images/icons/grey/assignment-quiz.svg
new file mode 100644
index 0000000..a48dbb9
--- /dev/null
+++ b/public/assets/images/icons/grey/assignment-quiz.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g fill="#6e6e6e" data-name="VIPS – excercise"><path d="m43.7 12.03 11.67 20-11.67 20H20.29l-11.67-20 11.67-20zm2.3-4H18l-14 24 14 24h28l14-24z"/><path d="M35.88 43.33h-7.76c-.58 0-1.06.48-1.06 1.06s.47 1.06 1.06 1.06h7.76c.58 0 1.06-.48 1.06-1.06s-.47-1.06-1.06-1.06m-.7 3.55h-6.35c-.58 0-1.06.48-1.06 1.06S28.24 49 28.83 49h6.35c.58 0 1.06-.48 1.06-1.06s-.47-1.06-1.06-1.06M32 15c-.46 0-.92.03-1.38.08-5.44.61-9.86 4.99-10.52 10.45-.6 4.96 1.8 9.41 5.62 11.77.41.25.64.71.64 1.19v2.36c0 .59.47 1.06 1.06 1.06h9.18c.58 0 1.06-.48 1.06-1.06v-2.37c0-.48.23-.93.64-1.18 3.43-2.12 5.71-5.92 5.71-10.26 0-6.65-5.37-12.04-12-12.04Zm5.17 20.49a3.54 3.54 0 0 0-1.65 2.99v1.31h-7.06v-1.3c0-1.22-.63-2.37-1.65-3-3.33-2.06-5.11-5.78-4.63-9.7.55-4.48 4.19-8.09 8.66-8.59.38-.04.77-.06 1.15-.06 5.45 0 9.88 4.45 9.88 9.92 0 3.47-1.76 6.62-4.71 8.45Z"/><path d="M35.81 19.31a8.8 8.8 0 0 0-3.64-.78c-2.91 0-5.65 1.43-7.32 3.82-.39.55-.25 1.32.3 1.71.21.14.45.22.7.22.4 0 .77-.2 1-.52a6.485 6.485 0 0 1 7.96-2.22c.3.13.63.14.94.03a1.231 1.231 0 0 0 .06-2.27Zm-10.84 5.14c-.66-.17-1.32.24-1.48.9-.17.7-.26 1.42-.26 2.15 0 .63.07 1.27.2 1.89.12.56.62.97 1.19.97.08 0 .17 0 .26-.03.66-.14 1.08-.8.94-1.46-.1-.45-.15-.91-.15-1.37 0-.53.06-1.05.19-1.56.08-.32.03-.65-.14-.93s-.44-.48-.75-.56"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/grey/vips.svg b/public/assets/images/icons/grey/tasks.svg
index 1bdd757..1bdd757 100644
--- a/public/assets/images/icons/grey/vips.svg
+++ b/public/assets/images/icons/grey/tasks.svg
diff --git a/public/assets/images/icons/red/assignment-exam.svg b/public/assets/images/icons/red/assignment-exam.svg
new file mode 100644
index 0000000..f412235
--- /dev/null
+++ b/public/assets/images/icons/red/assignment-exam.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g data-name="VIPS – excercise" fill="#cb1800"><path d="m43.7 12.03 11.67 20-11.67 20H20.29l-11.67-20 11.67-20zm2.3-4H18l-14 24 14 24h28l14-24z"/><path d="m32 19.69-18 6.37 7.77 4.19 9.87-4.16 1.63.74-9.85 4.31L32 35.76l18-9.7zM20.5 31.54l-4.17 1.48 3.56 1.93.61.32z"/><path d="M43.5 31.54 32 37.73l-7.4-3.98v3.73l7.4 3.99 11.57-6.24 4.1-2.21zM21.89 43.2l1.5 1.11V31.17l-1.5-.91z"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/red/assignment-practice.svg b/public/assets/images/icons/red/assignment-practice.svg
new file mode 100644
index 0000000..f632e79
--- /dev/null
+++ b/public/assets/images/icons/red/assignment-practice.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g fill="#cb1800" data-name="VIPS – excercise"><path d="m43.7 12.03 11.67 20-11.67 20H20.29l-11.67-20 11.67-20zm2.3-4H18l-14 24 14 24h28l14-24z"/><path d="M32 19.05c2.1 0 3.81 1.71 3.81 3.81S34.1 26.67 32 26.67s-3.81-1.71-3.81-3.81 1.71-3.81 3.81-3.81M32 16c-3.79 0-6.86 3.07-6.86 6.86s3.07 6.86 6.86 6.86 6.86-3.07 6.86-6.86S35.79 16 32 16m5.33 18.29c1.68 0 3.05 1.37 3.05 3.05v6c-1.29.66-3.95 1.62-8.49 1.62s-7-.96-8.27-1.62v-6c0-1.68 1.37-3.05 3.05-3.05h10.67m-.01-3.05H26.66c-3.37 0-6.1 2.73-6.1 6.1v7.62s3.05 3.05 11.32 3.05 11.54-3.05 11.54-3.05v-7.62c0-3.37-2.73-6.1-6.1-6.1Z"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/red/assignment-quiz.svg b/public/assets/images/icons/red/assignment-quiz.svg
new file mode 100644
index 0000000..bc36274
--- /dev/null
+++ b/public/assets/images/icons/red/assignment-quiz.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g fill="#cb1800" data-name="VIPS – excercise"><path d="m43.7 12.03 11.67 20-11.67 20H20.29l-11.67-20 11.67-20zm2.3-4H18l-14 24 14 24h28l14-24z"/><path d="M35.88 43.33h-7.76c-.58 0-1.06.48-1.06 1.06s.47 1.06 1.06 1.06h7.76c.58 0 1.06-.48 1.06-1.06s-.47-1.06-1.06-1.06m-.7 3.55h-6.35c-.58 0-1.06.48-1.06 1.06S28.24 49 28.83 49h6.35c.58 0 1.06-.48 1.06-1.06s-.47-1.06-1.06-1.06M32 15c-.46 0-.92.03-1.38.08-5.44.61-9.86 4.99-10.52 10.45-.6 4.96 1.8 9.41 5.62 11.77.41.25.64.71.64 1.19v2.36c0 .59.47 1.06 1.06 1.06h9.18c.58 0 1.06-.48 1.06-1.06v-2.37c0-.48.23-.93.64-1.18 3.43-2.12 5.71-5.92 5.71-10.26 0-6.65-5.37-12.04-12-12.04Zm5.17 20.49a3.54 3.54 0 0 0-1.65 2.99v1.31h-7.06v-1.3c0-1.22-.63-2.37-1.65-3-3.33-2.06-5.11-5.78-4.63-9.7.55-4.48 4.19-8.09 8.66-8.59.38-.04.77-.06 1.15-.06 5.45 0 9.88 4.45 9.88 9.92 0 3.47-1.76 6.62-4.71 8.45Z"/><path d="M35.81 19.31a8.8 8.8 0 0 0-3.64-.78c-2.91 0-5.65 1.43-7.32 3.82-.39.55-.25 1.32.3 1.71.21.14.45.22.7.22.4 0 .77-.2 1-.52a6.485 6.485 0 0 1 7.96-2.22c.3.13.63.14.94.03a1.231 1.231 0 0 0 .06-2.27Zm-10.84 5.14c-.66-.17-1.32.24-1.48.9-.17.7-.26 1.42-.26 2.15 0 .63.07 1.27.2 1.89.12.56.62.97 1.19.97.08 0 .17 0 .26-.03.66-.14 1.08-.8.94-1.46-.1-.45-.15-.91-.15-1.37 0-.53.06-1.05.19-1.56.08-.32.03-.65-.14-.93s-.44-.48-.75-.56"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/red/vips.svg b/public/assets/images/icons/red/tasks.svg
index 6b4de6b..6b4de6b 100644
--- a/public/assets/images/icons/red/vips.svg
+++ b/public/assets/images/icons/red/tasks.svg
diff --git a/public/assets/images/icons/white/assignment-exam.svg b/public/assets/images/icons/white/assignment-exam.svg
new file mode 100644
index 0000000..9bf6ff3
--- /dev/null
+++ b/public/assets/images/icons/white/assignment-exam.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g data-name="VIPS – excercise" fill="#ffffff"><path d="m43.7 12.03 11.67 20-11.67 20H20.29l-11.67-20 11.67-20zm2.3-4H18l-14 24 14 24h28l14-24z"/><path d="m32 19.69-18 6.37 7.77 4.19 9.87-4.16 1.63.74-9.85 4.31L32 35.76l18-9.7zM20.5 31.54l-4.17 1.48 3.56 1.93.61.32z"/><path d="M43.5 31.54 32 37.73l-7.4-3.98v3.73l7.4 3.99 11.57-6.24 4.1-2.21zM21.89 43.2l1.5 1.11V31.17l-1.5-.91z"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/white/assignment-practice.svg b/public/assets/images/icons/white/assignment-practice.svg
new file mode 100644
index 0000000..ae715e1
--- /dev/null
+++ b/public/assets/images/icons/white/assignment-practice.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g fill="#ffffff" data-name="VIPS – excercise"><path d="m43.7 12.03 11.67 20-11.67 20H20.29l-11.67-20 11.67-20zm2.3-4H18l-14 24 14 24h28l14-24z"/><path d="M32 19.05c2.1 0 3.81 1.71 3.81 3.81S34.1 26.67 32 26.67s-3.81-1.71-3.81-3.81 1.71-3.81 3.81-3.81M32 16c-3.79 0-6.86 3.07-6.86 6.86s3.07 6.86 6.86 6.86 6.86-3.07 6.86-6.86S35.79 16 32 16m5.33 18.29c1.68 0 3.05 1.37 3.05 3.05v6c-1.29.66-3.95 1.62-8.49 1.62s-7-.96-8.27-1.62v-6c0-1.68 1.37-3.05 3.05-3.05h10.67m-.01-3.05H26.66c-3.37 0-6.1 2.73-6.1 6.1v7.62s3.05 3.05 11.32 3.05 11.54-3.05 11.54-3.05v-7.62c0-3.37-2.73-6.1-6.1-6.1Z"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/white/assignment-quiz.svg b/public/assets/images/icons/white/assignment-quiz.svg
new file mode 100644
index 0000000..25e6a74
--- /dev/null
+++ b/public/assets/images/icons/white/assignment-quiz.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g fill="#ffffff" data-name="VIPS – excercise"><path d="m43.7 12.03 11.67 20-11.67 20H20.29l-11.67-20 11.67-20zm2.3-4H18l-14 24 14 24h28l14-24z"/><path d="M35.88 43.33h-7.76c-.58 0-1.06.48-1.06 1.06s.47 1.06 1.06 1.06h7.76c.58 0 1.06-.48 1.06-1.06s-.47-1.06-1.06-1.06m-.7 3.55h-6.35c-.58 0-1.06.48-1.06 1.06S28.24 49 28.83 49h6.35c.58 0 1.06-.48 1.06-1.06s-.47-1.06-1.06-1.06M32 15c-.46 0-.92.03-1.38.08-5.44.61-9.86 4.99-10.52 10.45-.6 4.96 1.8 9.41 5.62 11.77.41.25.64.71.64 1.19v2.36c0 .59.47 1.06 1.06 1.06h9.18c.58 0 1.06-.48 1.06-1.06v-2.37c0-.48.23-.93.64-1.18 3.43-2.12 5.71-5.92 5.71-10.26 0-6.65-5.37-12.04-12-12.04Zm5.17 20.49a3.54 3.54 0 0 0-1.65 2.99v1.31h-7.06v-1.3c0-1.22-.63-2.37-1.65-3-3.33-2.06-5.11-5.78-4.63-9.7.55-4.48 4.19-8.09 8.66-8.59.38-.04.77-.06 1.15-.06 5.45 0 9.88 4.45 9.88 9.92 0 3.47-1.76 6.62-4.71 8.45Z"/><path d="M35.81 19.31a8.8 8.8 0 0 0-3.64-.78c-2.91 0-5.65 1.43-7.32 3.82-.39.55-.25 1.32.3 1.71.21.14.45.22.7.22.4 0 .77-.2 1-.52a6.485 6.485 0 0 1 7.96-2.22c.3.13.63.14.94.03a1.231 1.231 0 0 0 .06-2.27Zm-10.84 5.14c-.66-.17-1.32.24-1.48.9-.17.7-.26 1.42-.26 2.15 0 .63.07 1.27.2 1.89.12.56.62.97 1.19.97.08 0 .17 0 .26-.03.66-.14 1.08-.8.94-1.46-.1-.45-.15-.91-.15-1.37 0-.53.06-1.05.19-1.56.08-.32.03-.65-.14-.93s-.44-.48-.75-.56"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/white/vips.svg b/public/assets/images/icons/white/tasks.svg
index 10d71a2..10d71a2 100644
--- a/public/assets/images/icons/white/vips.svg
+++ b/public/assets/images/icons/white/tasks.svg
diff --git a/public/assets/images/icons/yellow/assignment-exam.svg b/public/assets/images/icons/yellow/assignment-exam.svg
new file mode 100644
index 0000000..e5f7dcd
--- /dev/null
+++ b/public/assets/images/icons/yellow/assignment-exam.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g data-name="VIPS – excercise" fill="#ffad00"><path d="m43.7 12.03 11.67 20-11.67 20H20.29l-11.67-20 11.67-20zm2.3-4H18l-14 24 14 24h28l14-24z"/><path d="m32 19.69-18 6.37 7.77 4.19 9.87-4.16 1.63.74-9.85 4.31L32 35.76l18-9.7zM20.5 31.54l-4.17 1.48 3.56 1.93.61.32z"/><path d="M43.5 31.54 32 37.73l-7.4-3.98v3.73l7.4 3.99 11.57-6.24 4.1-2.21zM21.89 43.2l1.5 1.11V31.17l-1.5-.91z"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/yellow/assignment-practice.svg b/public/assets/images/icons/yellow/assignment-practice.svg
new file mode 100644
index 0000000..429f96b
--- /dev/null
+++ b/public/assets/images/icons/yellow/assignment-practice.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g fill="#ffad00" data-name="VIPS – excercise"><path d="m43.7 12.03 11.67 20-11.67 20H20.29l-11.67-20 11.67-20zm2.3-4H18l-14 24 14 24h28l14-24z"/><path d="M32 19.05c2.1 0 3.81 1.71 3.81 3.81S34.1 26.67 32 26.67s-3.81-1.71-3.81-3.81 1.71-3.81 3.81-3.81M32 16c-3.79 0-6.86 3.07-6.86 6.86s3.07 6.86 6.86 6.86 6.86-3.07 6.86-6.86S35.79 16 32 16m5.33 18.29c1.68 0 3.05 1.37 3.05 3.05v6c-1.29.66-3.95 1.62-8.49 1.62s-7-.96-8.27-1.62v-6c0-1.68 1.37-3.05 3.05-3.05h10.67m-.01-3.05H26.66c-3.37 0-6.1 2.73-6.1 6.1v7.62s3.05 3.05 11.32 3.05 11.54-3.05 11.54-3.05v-7.62c0-3.37-2.73-6.1-6.1-6.1Z"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/yellow/assignment-quiz.svg b/public/assets/images/icons/yellow/assignment-quiz.svg
new file mode 100644
index 0000000..098d589
--- /dev/null
+++ b/public/assets/images/icons/yellow/assignment-quiz.svg
@@ -0,0 +1 @@
+<svg data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="none" d="M0 0h64v64H0z" data-name="Viewbox 64x64"/><g fill="#ffad00" data-name="VIPS – excercise"><path d="m43.7 12.03 11.67 20-11.67 20H20.29l-11.67-20 11.67-20zm2.3-4H18l-14 24 14 24h28l14-24z"/><path d="M35.88 43.33h-7.76c-.58 0-1.06.48-1.06 1.06s.47 1.06 1.06 1.06h7.76c.58 0 1.06-.48 1.06-1.06s-.47-1.06-1.06-1.06m-.7 3.55h-6.35c-.58 0-1.06.48-1.06 1.06S28.24 49 28.83 49h6.35c.58 0 1.06-.48 1.06-1.06s-.47-1.06-1.06-1.06M32 15c-.46 0-.92.03-1.38.08-5.44.61-9.86 4.99-10.52 10.45-.6 4.96 1.8 9.41 5.62 11.77.41.25.64.71.64 1.19v2.36c0 .59.47 1.06 1.06 1.06h9.18c.58 0 1.06-.48 1.06-1.06v-2.37c0-.48.23-.93.64-1.18 3.43-2.12 5.71-5.92 5.71-10.26 0-6.65-5.37-12.04-12-12.04Zm5.17 20.49a3.54 3.54 0 0 0-1.65 2.99v1.31h-7.06v-1.3c0-1.22-.63-2.37-1.65-3-3.33-2.06-5.11-5.78-4.63-9.7.55-4.48 4.19-8.09 8.66-8.59.38-.04.77-.06 1.15-.06 5.45 0 9.88 4.45 9.88 9.92 0 3.47-1.76 6.62-4.71 8.45Z"/><path d="M35.81 19.31a8.8 8.8 0 0 0-3.64-.78c-2.91 0-5.65 1.43-7.32 3.82-.39.55-.25 1.32.3 1.71.21.14.45.22.7.22.4 0 .77-.2 1-.52a6.485 6.485 0 0 1 7.96-2.22c.3.13.63.14.94.03a1.231 1.231 0 0 0 .06-2.27Zm-10.84 5.14c-.66-.17-1.32.24-1.48.9-.17.7-.26 1.42-.26 2.15 0 .63.07 1.27.2 1.89.12.56.62.97 1.19.97.08 0 .17 0 .26-.03.66-.14 1.08-.8.94-1.46-.1-.45-.15-.91-.15-1.37 0-.53.06-1.05.19-1.56.08-.32.03-.65-.14-.93s-.44-.48-.75-.56"/></g></svg>
\ No newline at end of file
diff --git a/public/assets/images/icons/yellow/vips.svg b/public/assets/images/icons/yellow/tasks.svg
index 5b817a0..5b817a0 100644
--- a/public/assets/images/icons/yellow/vips.svg
+++ b/public/assets/images/icons/yellow/tasks.svg
diff --git a/resources/assets/stylesheets/scss/courseware/variables.scss b/resources/assets/stylesheets/scss/courseware/variables.scss
index 248e300..47dcb96 100644
--- a/resources/assets/stylesheets/scss/courseware/variables.scss
+++ b/resources/assets/stylesheets/scss/courseware/variables.scss
@@ -74,7 +74,7 @@ $blockadder-items: (
     key-point: exclaim-circle,
     link: link-extern,
     table-of-contents: table-of-contents,
-    test: vips,
+    test: tasks,
     text: edit,
     timeline: date-cycle,
     typewriter: block-typewriter,
diff --git a/resources/assets/stylesheets/scss/vips.scss b/resources/assets/stylesheets/scss/vips.scss
index f11afda..4419ba4 100644
--- a/resources/assets/stylesheets/scss/vips.scss
+++ b/resources/assets/stylesheets/scss/vips.scss
@@ -68,7 +68,7 @@ progress.assignment {
 
 .vips-teaser {
     background-color: var(--content-color-20);
-    background-image: url(../images/icons/blue/vips.svg);
+    background-image: url(../images/icons/blue/tasks.svg);
     background-position: 64px 50%;
     background-repeat: no-repeat;
     background-size: 120px;