From 8ba98c5192ab6d29d073a27cf2ac773a0cb89053 Mon Sep 17 00:00:00 2001
From: mgabdev <>
Date: Wed, 10 Jun 2020 17:06:52 -0400
Subject: [PATCH] Added PictureInPicture (pip) icon
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

• Added:
- PictureInPicture (pip) icon
---
 app/javascript/gabsocial/assets/pip_icon.js | 25 +++++++++++++++++++++
 app/javascript/gabsocial/components/icon.js |  2 ++
 2 files changed, 27 insertions(+)
 create mode 100644 app/javascript/gabsocial/assets/pip_icon.js

diff --git a/app/javascript/gabsocial/assets/pip_icon.js b/app/javascript/gabsocial/assets/pip_icon.js
new file mode 100644
index 00000000..45e29440
--- /dev/null
+++ b/app/javascript/gabsocial/assets/pip_icon.js
@@ -0,0 +1,25 @@
+const PipIcon = ({
+  className = '',
+  size = '16px',
+  title = 'Picture in Picture',
+}) => (
+  <svg
+    className={className}
+    version='1.1'
+    xmlns='http://www.w3.org/2000/svg'
+    x='0px'
+    y='0px'
+    width={size}
+    height={size}
+    viewBox='0 0 40 40'
+    xmlSpace='preserve'
+    aria-label={title}
+  >
+    <g>
+      <rect x='2' y='2' width='36' height='36' rx='1' fill='none' stroke='#fff' strokeWidth='4' />
+      <rect x='18' y='18' width='12' height='12' fill='none' stroke='#fff' strokeWidth='3' />
+    </g>
+  </svg>
+)
+
+export default PipIcon
\ No newline at end of file
diff --git a/app/javascript/gabsocial/components/icon.js b/app/javascript/gabsocial/components/icon.js
index fd10056e..a20eb0f7 100644
--- a/app/javascript/gabsocial/components/icon.js
+++ b/app/javascript/gabsocial/components/icon.js
@@ -51,6 +51,7 @@ import OLListIcon from '../assets/ol_list_icon'
 import PauseIcon from '../assets/pause_icon'
 import PencilIcon from '../assets/pencil_icon'
 import PinIcon from '../assets/pin_icon'
+import PipIcon from '../assets/pip_icon'
 import PlayIcon from '../assets/play_icon'
 import PollIcon from '../assets/poll_icon'
 import ProIcon from '../assets/pro_icon'
@@ -128,6 +129,7 @@ const ICONS = {
   'pause': PauseIcon,
   'pencil': PencilIcon,
   'pin': PinIcon,
+  'pip': PipIcon,
   'play': PlayIcon,
   'poll': PollIcon,
   'pro': ProIcon,