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,