From e7fb38473d6bfecdf76f58bbf17da669ca44c4f1 Mon Sep 17 00:00:00 2001
From: Evan Hahn <69474926+EvanHahn-Signal@users.noreply.github.com>
Date: Mon, 26 Oct 2020 11:17:02 -0500
Subject: [PATCH] Update calling PiP icons

---
 images/icons/v2/collapse-24.svg     |  1 -
 images/icons/v2/expand-24.svg       |  1 -
 images/icons/v2/pip-maximize-24.svg |  1 +
 images/icons/v2/pip-minimize-24.svg |  1 +
 stylesheets/_modules.scss           | 12 +++++++++---
 5 files changed, 11 insertions(+), 5 deletions(-)
 delete mode 100644 images/icons/v2/collapse-24.svg
 delete mode 100644 images/icons/v2/expand-24.svg
 create mode 100644 images/icons/v2/pip-maximize-24.svg
 create mode 100644 images/icons/v2/pip-minimize-24.svg

diff --git a/images/icons/v2/collapse-24.svg b/images/icons/v2/collapse-24.svg
deleted file mode 100644
index 4c3f9a9bf..000000000
--- a/images/icons/v2/collapse-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>collapse-24</title><polygon points="15.38 9.68 21.53 3.53 20.47 2.47 14.32 8.62 14.5 7.52 14.5 3 13 3 13 11 21 11 21 9.5 16.48 9.5 15.38 9.68"/><polygon points="3 13 3 14.5 7.52 14.5 8.62 14.32 2.47 20.47 3.53 21.53 9.68 15.38 9.5 16.48 9.5 21 11 21 11 13 3 13"/></svg>
\ No newline at end of file
diff --git a/images/icons/v2/expand-24.svg b/images/icons/v2/expand-24.svg
deleted file mode 100644
index 0b378af10..000000000
--- a/images/icons/v2/expand-24.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>expand-24</title><polygon points="14 2 14 3.5 18.52 3.5 19.62 3.32 13.47 9.47 14.53 10.53 20.68 4.38 20.5 5.48 20.5 10 22 10 22 2 14 2"/><polygon points="4.38 20.68 10.53 14.53 9.47 13.47 3.32 19.62 3.5 18.52 3.5 14 2 14 2 22 10 22 10 20.5 5.48 20.5 4.38 20.68"/></svg>
\ No newline at end of file
diff --git a/images/icons/v2/pip-maximize-24.svg b/images/icons/v2/pip-maximize-24.svg
new file mode 100644
index 000000000..b387239ce
--- /dev/null
+++ b/images/icons/v2/pip-maximize-24.svg
@@ -0,0 +1 @@
+<svg id="Export" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20,4H4A2,2,0,0,0,2,6V18a2,2,0,0,0,2,2H20a2,2,0,0,0,2-2V6A2,2,0,0,0,20,4Zm-9.28,7.78L7.28,8.34l.22,1.1V11H6V6h5V7.5H9.44l-1.1-.22,3.44,3.44ZM18,18H13V16.5h1.76l.85.17-3.39-3.39,1.06-1.06,3.44,3.44-.22-1.1V13H18Z"/></svg>
\ No newline at end of file
diff --git a/images/icons/v2/pip-minimize-24.svg b/images/icons/v2/pip-minimize-24.svg
new file mode 100644
index 000000000..821d17b93
--- /dev/null
+++ b/images/icons/v2/pip-minimize-24.svg
@@ -0,0 +1 @@
+<svg id="Export" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21,4.5a.5.5,0,0,1,.5.5V19a.5.5,0,0,1-.5.5H3a.5.5,0,0,1-.5-.5V5A.5.5,0,0,1,3,4.5H21M21,3H3A2,2,0,0,0,1,5V19a2,2,0,0,0,2,2H21a2,2,0,0,0,2-2V5a2,2,0,0,0-2-2ZM20,17.5V13a.5.5,0,0,0-.5-.5h-7a.5.5,0,0,0-.5.5v4.5a.5.5,0,0,0,.5.5h7A.5.5,0,0,0,20,17.5ZM9,7V9.06l.22,1.1L5.28,6.22,4.22,7.28l3.89,3.89L7.26,11H5v1.5h5.5V7Z"/></svg>
\ No newline at end of file
diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss
index 9556d6f85..e3f486216 100644
--- a/stylesheets/_modules.scss
+++ b/stylesheets/_modules.scss
@@ -6053,7 +6053,7 @@ button.module-image__border-overlay:focus {
   }
 
   &__pip {
-    @include color-svg('../images/icons/v2/collapse-24.svg', $color-white);
+    @include color-svg('../images/icons/v2/pip-minimize-24.svg', $color-white);
     height: 22px;
     width: 22px;
   }
@@ -6360,11 +6360,17 @@ button.module-image__border-overlay:focus {
     }
 
     &--pip {
-      @include color-svg('../images/icons/v2/expand-24.svg', $color-gray-75);
+      @include color-svg(
+        '../images/icons/v2/pip-maximize-24.svg',
+        $color-gray-75
+      );
       height: 24px;
       width: 24px;
       @include dark-theme {
-        @include color-svg('../images/icons/v2/expand-24.svg', $color-gray-15);
+        @include color-svg(
+          '../images/icons/v2/pip-maximize-24.svg',
+          $color-gray-15
+        );
       }
     }
   }