diff --git a/.aegir.js b/.aegir.js
index 238657020..b395c9b4c 100644
--- a/.aegir.js
+++ b/.aegir.js
@@ -28,6 +28,7 @@ export default {
       'react-identicons',
       'react-joyride',
       'react-overlays',
+      'react-qr-code',
       'react-virtualized',
       'redux-bundler-react',
       'tachyons',
diff --git a/package-lock.json b/package-lock.json
index f8476c622..8450b4613 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -66,6 +66,7 @@
         "react-identicons": "^1.2.4",
         "react-joyride": "^2.3.0",
         "react-overlays": "^2.1.1",
+        "react-qr-code": "^2.0.15",
         "react-scripts": "5.0.1",
         "react-virtualized": "^9.22.3",
         "redux-bundler": "^26.1.0",
@@ -61938,6 +61939,12 @@
         "teleport": ">=0.2.0"
       }
     },
+    "node_modules/qr.js": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/qr.js/-/qr.js-0.0.0.tgz",
+      "integrity": "sha512-c4iYnWb+k2E+vYpRimHqSu575b1/wKl4XFeJGpFmrJQz5I88v9aY2czh7s0w36srfCM1sXgC/xpoJz5dJfq+OQ==",
+      "license": "MIT"
+    },
     "node_modules/qs": {
       "version": "6.13.0",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz",
@@ -63146,6 +63153,19 @@
         "react-dom": "^16.6.0"
       }
     },
+    "node_modules/react-qr-code": {
+      "version": "2.0.15",
+      "resolved": "https://registry.npmjs.org/react-qr-code/-/react-qr-code-2.0.15.tgz",
+      "integrity": "sha512-MkZcjEXqVKqXEIMVE0mbcGgDpkfSdd8zhuzXEl9QzYeNcw8Hq2oVIzDLWuZN2PQBwM5PWjc2S31K8Q1UbcFMfw==",
+      "license": "MIT",
+      "dependencies": {
+        "prop-types": "^15.8.1",
+        "qr.js": "0.0.0"
+      },
+      "peerDependencies": {
+        "react": "*"
+      }
+    },
     "node_modules/react-refresh": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz",
diff --git a/package.json b/package.json
index ebd838787..77446f700 100644
--- a/package.json
+++ b/package.json
@@ -96,6 +96,7 @@
     "react-identicons": "^1.2.4",
     "react-joyride": "^2.3.0",
     "react-overlays": "^2.1.1",
+    "react-qr-code": "^2.0.15",
     "react-scripts": "5.0.1",
     "react-virtualized": "^9.22.3",
     "redux-bundler": "^26.1.0",
diff --git a/src/files/modals/share-modal/ShareModal.js b/src/files/modals/share-modal/ShareModal.js
index 5e713bf5f..ce37a703c 100644
--- a/src/files/modals/share-modal/ShareModal.js
+++ b/src/files/modals/share-modal/ShareModal.js
@@ -1,6 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import ShareIcon from '../../../icons/StrokeShare.js'
+import QRCode from 'react-qr-code'
 import Button from '../../../components/button/button.tsx'
 import { withTranslation } from 'react-i18next'
 import { CopyToClipboard } from 'react-copy-to-clipboard'
@@ -8,9 +8,14 @@ import { Modal, ModalActions, ModalBody } from '../../../components/modal/Modal.
 
 const ShareModal = ({ t, tReady, onLeave, link, className, ...props }) => (
   <Modal {...props} className={className} onCancel={onLeave} >
-    <ModalBody title={t('shareModal.title')} Icon={ShareIcon}>
-      <p className='charcoal w-90 tl center'>{t('shareModal.description')}</p>
-
+    <ModalBody title={t('shareModal.title')}>
+      <p className='charcoal w-90 center'>{t('shareModal.description')}</p>
+      <div className='flex justify-center pb3'>
+        <QRCode
+          size={180}
+          value={link}
+        />
+      </div>
       <div className='flex center w-90 pb2'>
         <input
           value={link}