diff --git a/app/dash/Signer/SignerStatus/index.js b/app/dash/Signer/SignerStatus/index.js
index 9e46cb415..d6c83da65 100644
--- a/app/dash/Signer/SignerStatus/index.js
+++ b/app/dash/Signer/SignerStatus/index.js
@@ -35,6 +35,10 @@ class SignerStatus extends React.Component {
   unlockSubmit() {
     link.rpc('unlockSigner', this.props.signer.id, this.state.unlockInput, (err) => {
       if (err) this.shake()
+      else {
+        if (this.props.exportCb) this.props.exportCb()
+        this.setState({ unlockInput: '' })
+      }
     })
   }
 
@@ -84,7 +88,7 @@ class SignerStatus extends React.Component {
 
     const signer = this.props.signer || {}
 
-    return !isHardwareSigner(signer) && signer.id && signer.status === 'locked' ? (
+    return !isHardwareSigner(signer) && signer.id && (signer.status === 'locked' || this.props.exportCb) ? (
       <div className={shake ? 'signerStatus headShake' : 'signerStatus'} ref={this.statusRef}>
         <div className='signerStatusWrap'>
           <div className='signerStatusMain'>
@@ -103,9 +107,11 @@ class SignerStatus extends React.Component {
                   }
                 }}
               />
-              <div className='signerUnlockInputLabel'>{'Enter password to unlock'}</div>
+              <div className='signerUnlockInputLabel'>
+                {'Enter password to ' + (this.props.exportCb ? 'export' : 'unlock')}
+              </div>
               <div className='signerUnlockSubmit' onClick={this.unlockSubmit.bind(this)}>
-                {'Unlock'}
+                {this.props.exportCb ? 'Export' : 'Unlock'}
               </div>
             </div>
           </div>
diff --git a/app/dash/Signer/index.js b/app/dash/Signer/index.js
index 8d19d2cb9..1a6dec7a8 100644
--- a/app/dash/Signer/index.js
+++ b/app/dash/Signer/index.js
@@ -23,7 +23,10 @@ class Signer extends React.Component {
       addressLimit: 5,
       latticePairCode: '',
       tPin: '',
-      tPhrase: ''
+      tPhrase: '',
+      exportIndex: null,
+      exportCb: null,
+      exportSecret: null
     }
   }
 
@@ -202,7 +205,15 @@ class Signer extends React.Component {
   statusText() {
     const status = this.getStatus()
 
-    if (status === 'ok') {
+    if (this.state.exportCb) {
+      const signer = this.store('main.signers', this.props.id)
+      return (
+        <div className='signerStatusText signerStatusIssue'>
+          {'exporting ' +
+            (this.state.exportIndex === null ? 'seed phrase' : signer.addresses[this.state.exportIndex])}
+        </div>
+      )
+    } else if (status === 'ok') {
       return <div className='signerStatusText signerStatusReady'>{'ready to sign'}</div>
     } else if (status === 'locked') {
       const hwSigner = isHardwareSigner(this.props.type)
@@ -350,7 +361,13 @@ class Signer extends React.Component {
   renderSignerStatus() {
     const signer = this.store('main.signers', this.props.id)
 
-    return <SignerStatus signer={signer} />
+    return <SignerStatus signer={signer} exportCb={this.state.exportCb} />
+  }
+
+  showSecret() {
+    link.rpc('getSecret', this.props.id, this.state.exportIndex, (err, secret) => {
+      if (!err) this.setState({ exportSecret: secret, exportCb: null })
+    })
   }
 
   renderExpanded() {
@@ -375,108 +392,156 @@ class Signer extends React.Component {
     const zIndex = 1000 - index
 
     return (
-      <div className={'expandedSigner cardShow'} style={{ zIndex }}>
-        {<div style={{ height: '22px' }} />}
-        {this.statusText()}
-        {type === 'lattice' && status === 'pair' ? (
-          <div className='signerLatticePair'>
-            <div className='signerLatticePairTitle'>Please input your Lattice&apos;s pairing code</div>
-            <div className='signerLatticePairInput'>
-              <input
-                autoFocus
-                tabIndex='1'
-                value={this.state.latticePairCode}
-                onChange={(e) => this.setState({ latticePairCode: (e.target.value || '').toUpperCase() })}
-                onKeyPress={(e) => {
-                  if (e.key === 'Enter') this.pairToLattice()
-                }}
-              />
-            </div>
-            <div onMouseDown={() => this.pairToLattice()} className='signerLatticePairSubmit'>
-              Pair
+      <div>
+        <div className={'expandedSigner cardShow'} style={{ zIndex }}>
+          {<div style={{ height: '22px' }} />}
+          {this.statusText()}
+          {type === 'lattice' && status === 'pair' ? (
+            <div className='signerLatticePair'>
+              <div className='signerLatticePairTitle'>Please input your Lattice&apos;s pairing code</div>
+              <div className='signerLatticePairInput'>
+                <input
+                  autoFocus
+                  tabIndex='1'
+                  value={this.state.latticePairCode}
+                  onChange={(e) => this.setState({ latticePairCode: (e.target.value || '').toUpperCase() })}
+                  onKeyPress={(e) => {
+                    if (e.key === 'Enter') this.pairToLattice()
+                  }}
+                />
+              </div>
+              <div onMouseDown={() => this.pairToLattice()} className='signerLatticePairSubmit'>
+                Pair
+              </div>
             </div>
-          </div>
-        ) : status === 'ok' || isLocked ? (
-          <>
-            {this.renderSignerStatus()}
-            <div className='signerAddedAccountTitle'>{'available accounts'}</div>
-            <div className='signerAccounts'>
-              {signer.addresses.slice(startIndex, startIndex + addressLimit).map((address, index) => {
-                const added = this.store('main.accounts', address.toLowerCase())
-                const checkSummedAddress = getAddress(address)
-                return (
-                  <div
-                    key={address}
-                    className={!added ? 'signerAccount' : 'signerAccount signerAccountAdded'}
-                    onClick={() => {
-                      if (this.store('main.accounts', address.toLowerCase())) {
-                        link.rpc('removeAccount', address, {}, () => {})
-                      } else {
-                        const type = getSignerDisplayType(signer)
-                        link.rpc(
-                          'createAccount',
-                          address,
-                          `${capitalize(type)} Account`,
-                          { type: signer.type },
-                          (e) => {
-                            if (e) console.error(e)
-                          }
-                        )
-                      }
-                    }}
-                  >
-                    <div className='signerAccountIndex'>{index + 1 + startIndex}</div>
-                    <div className='signerAccountAddress'>
-                      {checkSummedAddress.substr(0, 11)} {svg.octicon('kebab-horizontal', { height: 20 })}{' '}
-                      {checkSummedAddress.substr(address.length - 10)}
+          ) : status === 'ok' || isLocked ? (
+            <>
+              {this.renderSignerStatus()}
+              <div className='signerAddedAccountTitle'>{'available accounts'}</div>
+              <div className='signerAccounts'>
+                {signer.addresses.slice(startIndex, startIndex + addressLimit).map((address, index) => {
+                  const added = this.store('main.accounts', address.toLowerCase())
+                  const checkSummedAddress = getAddress(address)
+                  return (
+                    <div
+                      key={address}
+                      className={!added ? 'signerAccount' : 'signerAccount signerAccountAdded'}
+                      onClick={() => {
+                        if (this.store('main.accounts', address.toLowerCase())) {
+                          link.rpc('removeAccount', address, {}, () => {})
+                        } else {
+                          const type = getSignerDisplayType(signer)
+                          link.rpc(
+                            'createAccount',
+                            address,
+                            `${capitalize(type)} Account`,
+                            { type: signer.type },
+                            (e) => {
+                              if (e) console.error(e)
+                            }
+                          )
+                        }
+                      }}
+                    >
+                      <div className='signerAccountIndex'>{index + 1 + startIndex}</div>
+                      <div className='signerAccountAddress'>
+                        {checkSummedAddress.substr(0, 11)} {svg.octicon('kebab-horizontal', { height: 20 })}{' '}
+                        {checkSummedAddress.substr(address.length - 10)}
+                      </div>
+                      {status === 'ok' && (
+                        <div
+                          className='signerAccountExport'
+                          onClick={(e) => {
+                            e.stopPropagation()
+                            if (this.state.exportCb && this.state.exportIndex === index + startIndex) {
+                              this.setState({ exportCb: null })
+                            } else {
+                              this.setState({
+                                exportIndex: index + startIndex,
+                                exportCb: this.showSecret.bind(this)
+                              })
+                            }
+                          }}
+                        >
+                          {svg.export(15)}
+                        </div>
+                      )}
+                      <div className='signerAccountCheck' />
                     </div>
-                    <div className='signerAccountCheck' />
-                  </div>
-                )
-              })}
-            </div>
-            <div className='signerBottom'>
-              <div className='signerBottomPageBack' onMouseDown={() => this.nextPage(true)}>
-                {svg.triangleLeft(20)}
+                  )
+                })}
+              </div>
+              <div className='signerBottom'>
+                <div className='signerBottomPageBack' onMouseDown={() => this.nextPage(true)}>
+                  {svg.triangleLeft(20)}
+                </div>
+                <div className='signerBottomPages'>
+                  {page + 1 + ' / ' + Math.ceil(signer.addresses.length / addressLimit)}
+                </div>
+                <div className='signerBottomPageNext' onMouseDown={() => this.nextPage()}>
+                  {svg.triangleLeft(20)}
+                </div>
               </div>
-              <div className='signerBottomPages'>
-                {page + 1 + ' / ' + Math.ceil(signer.addresses.length / addressLimit)}
+            </>
+          ) : type === 'trezor' && (status === 'need pin' || status === 'enter passphrase') ? (
+            <div className='signerInterface'>
+              {this.renderTrezorPin(this.props.type === 'trezor' && status === 'need pin')}
+              {this.renderTrezorPhrase(this.props.type === 'trezor' && status === 'enter passphrase')}
+            </div>
+          ) : loading ? (
+            <div className='signerLoading'>
+              <div className='signerLoadingLoader' />
+            </div>
+          ) : (
+            <></>
+          )}
+          <div className='signerControls'>
+            {permissionId ? (
+              <div className='signerControlDetail'>
+                <div className='signerControlDetailKey'>{'PERMISSION ID:'}</div>
+                <div className='signerControlDetailValue'>{permissionId}</div>
               </div>
-              <div className='signerBottomPageNext' onMouseDown={() => this.nextPage()}>
-                {svg.triangleLeft(20)}
+            ) : null}
+            {canReconnect && <ReloadSignerButton id={id} />}
+            {this.props.type === 'seed' && status === 'ok' && (
+              <div
+                className='signerControlOption signerControlOptionImportant'
+                onClick={() => {
+                  if (this.state.exportCb && this.state.exportIndex === null) {
+                    this.setState({ exportCb: null })
+                  } else {
+                    this.setState({ exportIndex: null, exportCb: this.showSecret.bind(this) })
+                  }
+                }}
+              >
+                Export Seed Phrase
               </div>
+            )}
+            <div
+              className='signerControlOption signerControlOptionImportant'
+              onClick={() => {
+                link.send('dash:removeSigner', id)
+                link.send('tray:action', 'backDash')
+              }}
+            >
+              Remove Signer
             </div>
-          </>
-        ) : type === 'trezor' && (status === 'need pin' || status === 'enter passphrase') ? (
-          <div className='signerInterface'>
-            {this.renderTrezorPin(this.props.type === 'trezor' && status === 'need pin')}
-            {this.renderTrezorPhrase(this.props.type === 'trezor' && status === 'enter passphrase')}
-          </div>
-        ) : loading ? (
-          <div className='signerLoading'>
-            <div className='signerLoadingLoader' />
           </div>
-        ) : (
-          <></>
-        )}
-        <div className='signerControls'>
-          {permissionId ? (
-            <div className='signerControlDetail'>
-              <div className='signerControlDetailKey'>{'PERMISSION ID:'}</div>
-              <div className='signerControlDetailValue'>{permissionId}</div>
+        </div>
+        {this.state.exportSecret && (
+          <div className='signerSecretExport'>
+            <textarea readOnly value={this.state.exportSecret} />
+            <div
+              className='signerSecretOption'
+              onClick={() => link.send('tray:clipboardData', this.state.exportSecret)}
+            >
+              Copy
+            </div>
+            <div className='signerSecretOption' onClick={() => this.setState({ exportSecret: null })}>
+              Hide
             </div>
-          ) : null}
-          {canReconnect && <ReloadSignerButton id={id} />}
-          <div
-            className='signerControlOption signerControlOptionImportant'
-            onClick={() => {
-              link.send('dash:removeSigner', id)
-              link.send('tray:action', 'backDash')
-            }}
-          >
-            Remove Signer
           </div>
-        </div>
+        )}
       </div>
     )
   }
diff --git a/app/dash/Signer/style/index.styl b/app/dash/Signer/style/index.styl
index 9b523132b..90495f16c 100644
--- a/app/dash/Signer/style/index.styl
+++ b/app/dash/Signer/style/index.styl
@@ -124,7 +124,7 @@
   background var(--good)
 
 .signerStatusText
-  padding 0px 32px 16px 32px
+  padding 0px 0px 16px 0px
   margin 0px 6px 6px 6px
   border-radius 20px
   font-size 12px
@@ -296,6 +296,66 @@
   .signerControlOptionSuccess
     color var(--good)
 
+.signerSecretExport
+    width calc(100% - 12px)
+    height fit-content
+    border-radius 27px
+    margin 6px
+    position absolute
+    bottom 0px
+    overflow hidden
+    background var(--ghostZ)
+    transform translate3d(0, 0, 0)
+    box-shadow 0px 2px 8px var(--ghostY)
+    color var(--outerspace)
+
+    textarea
+      width 100%
+      height 77px
+      padding 10px 20px
+      background var(--ghostA)
+      border none
+      border-radius 8px
+      outline none
+      color var(--outerspace)
+      text-align center
+      font-size 15px
+      line-height 20px
+      font-family 'FiraCode'
+      display flex
+      justify-content center
+      align-items center
+      overflow-x hidden
+      overflow-y scroll
+      resize none
+
+    textarea::selection
+      background var(--moon)
+
+    .signerSecretOption
+      height 30px
+      background var(--ghostA)
+      color var(--outerspace)
+      font-size 12px
+      box-sizing border-box
+      margin-top 4px
+      padding-top 1px
+      border-radius 8px
+      display flex
+      justify-content center
+      align-items center
+      font-weight 500
+      cursor pointer
+      width 100%
+      text-transform uppercase
+      cursor pointer 
+
+      *
+        pointer-events none
+
+    .signerSecretOption:hover
+      background var(--ghostB)
+
 .signerLatticePair
   height 200px
 
@@ -467,6 +527,19 @@
       svg
         margin 2px 4px 0px 4px
 
+    .signerAccountExport
+      position absolute
+      top 50%
+      transform translateY(-50%)
+      right 30px
+      padding 5px
+      border-radius 8px
+      cursor pointer
+      pointer-events auto
+
+    .signerAccountExport:hover
+      background var(--ghostD)
+
     .signerAccountCheck
       position absolute
       top 15px
diff --git a/main/rpc/index.js b/main/rpc/index.js
index c71f51147..36fb62d28 100644
--- a/main/rpc/index.js
+++ b/main/rpc/index.js
@@ -223,6 +223,9 @@ const rpc = {
   addKeystore(id, keystore, keystorePassword, password, cb) {
     signers.addKeystore(id, keystore, keystorePassword, password, cb)
   },
+  getSecret(id, index, cb) {
+    signers.getSecret(id, index, cb)
+  },
   unlockSigner(id, password, cb) {
     signers.unlock(id, password, cb)
   },
diff --git a/main/signers/hot/HotSigner/index.js b/main/signers/hot/HotSigner/index.js
index e453e4501..071d87230 100644
--- a/main/signers/hot/HotSigner/index.js
+++ b/main/signers/hot/HotSigner/index.js
@@ -56,6 +56,10 @@ class HotSigner extends Signer {
     log.info('Signer erased from disk')
   }
 
+  getSecret(index, cb) {
+    this._callWorker({ method: 'getSecret', params: { index } }, cb)
+  }
+
   lock(cb) {
     this._callWorker({ method: 'lock' }, () => {
       this.status = 'locked'
@@ -92,7 +96,11 @@ class HotSigner extends Signer {
       // Update id
       this.id = derivedId
       // Write to disk
-      this.save({ encryptedKeys: this.encryptedKeys, encryptedSeed: this.encryptedSeed })
+      this.save({
+        encryptedKeys: this.encryptedKeys,
+        encryptedPhrase: this.encryptedPhrase,
+        encryptedSeed: this.encryptedSeed
+      })
     } else if (this.id !== derivedId) {
       // On changed ID
       // Erase from disk
@@ -102,7 +110,11 @@ class HotSigner extends Signer {
       // Update id
       this.id = derivedId
       // Write to disk
-      this.save({ encryptedKeys: this.encryptedKeys, encryptedSeed: this.encryptedSeed })
+      this.save({
+        encryptedKeys: this.encryptedKeys,
+        encryptedPhrase: this.encryptedPhrase,
+        encryptedSeed: this.encryptedSeed
+      })
     }
 
     store.updateSigner(this.summary())
diff --git a/main/signers/hot/RingSigner/worker.js b/main/signers/hot/RingSigner/worker.js
index 31762a6a2..65469ac12 100644
--- a/main/signers/hot/RingSigner/worker.js
+++ b/main/signers/hot/RingSigner/worker.js
@@ -7,6 +7,10 @@ class RingSignerWorker extends HotSignerWorker {
     process.on('message', (message) => this.handleMessage(message))
   }
 
+  getSecret({ index }, pseudoCallback) {
+    pseudoCallback(null, this.keys[index].toString('hex'))
+  }
+
   unlock({ encryptedKeys, password }, pseudoCallback) {
     try {
       this.keys = this._decrypt(encryptedKeys, password)
diff --git a/main/signers/hot/SeedSigner/index.js b/main/signers/hot/SeedSigner/index.js
index b110ddc42..42ec7da60 100644
--- a/main/signers/hot/SeedSigner/index.js
+++ b/main/signers/hot/SeedSigner/index.js
@@ -9,6 +9,7 @@ const WORKER_PATH = path.resolve(__dirname, 'worker.js')
 class SeedSigner extends HotSigner {
   constructor(signer) {
     super(signer, WORKER_PATH)
+    this.encryptedPhrase = signer && signer.encryptedPhrase
     this.encryptedSeed = signer && signer.encryptedSeed
     this.type = 'seed'
     this.model = 'phrase'
@@ -42,18 +43,29 @@ class SeedSigner extends HotSigner {
   async addPhrase(phrase, password, cb) {
     // Validate phrase
     if (!bip39.validateMnemonic(phrase)) return cb(new Error('Invalid mnemonic phrase'))
-    // Get seed
-    const seed = await bip39.mnemonicToSeed(phrase)
-    // Add seed to signer
-    this.addSeed(seed.toString('hex'), password, cb)
+    // Add phrase to signer
+    this._callWorker(
+      { method: 'encryptPhrase', params: { phrase, password } },
+      async (err, encryptedPhrase) => {
+        if (err) return cb(err)
+
+        // Update signer
+        this.encryptedPhrase = encryptedPhrase
+
+        // Get seed
+        const seed = await bip39.mnemonicToSeed(phrase)
+        // Add seed to signer
+        this.addSeed(seed.toString('hex'), password, cb)
+      }
+    )
   }
 
   save() {
-    super.save({ encryptedSeed: this.encryptedSeed })
+    super.save({ encryptedPhrase: this.encryptedPhrase, encryptedSeed: this.encryptedSeed })
   }
 
   unlock(password, cb) {
-    super.unlock(password, { encryptedSeed: this.encryptedSeed }, cb)
+    super.unlock(password, { encryptedPhrase: this.encryptedPhrase, encryptedSeed: this.encryptedSeed }, cb)
   }
 }
 
diff --git a/main/signers/hot/SeedSigner/worker.js b/main/signers/hot/SeedSigner/worker.js
index 4245411bf..c1645a649 100644
--- a/main/signers/hot/SeedSigner/worker.js
+++ b/main/signers/hot/SeedSigner/worker.js
@@ -4,12 +4,16 @@ const HotSignerWorker = require('../HotSigner/worker')
 class SeedSignerWorker extends HotSignerWorker {
   constructor() {
     super()
+    this.phrase = null
     this.seed = null
     process.on('message', (message) => this.handleMessage(message))
   }
 
-  unlock({ encryptedSeed, password }, pseudoCallback) {
+  unlock({ encryptedPhrase, encryptedSeed, password }, pseudoCallback) {
     try {
+      this.phrase = encryptedPhrase
+        ? this._decrypt(encryptedPhrase, password)
+        : 'The seed phrase for this signer is unknown'
       this.seed = this._decrypt(encryptedSeed, password)
       pseudoCallback(null)
     } catch (e) {
@@ -17,11 +21,20 @@ class SeedSignerWorker extends HotSignerWorker {
     }
   }
 
+  getSecret({ index }, pseudoCallback) {
+    pseudoCallback(null, index === null ? this.phrase : this._derivePrivateKey(index).toString('hex'))
+  }
+
   lock(_, pseudoCallback) {
+    this.phrase = null
     this.seed = null
     pseudoCallback(null)
   }
 
+  encryptPhrase({ phrase, password }, pseudoCallback) {
+    pseudoCallback(null, this._encrypt(phrase, password))
+  }
+
   encryptSeed({ seed, password }, pseudoCallback) {
     pseudoCallback(null, this._encrypt(seed.toString('hex'), password))
   }
diff --git a/main/signers/hot/index.js b/main/signers/hot/index.js
index 71642cae3..ad59f5938 100644
--- a/main/signers/hot/index.js
+++ b/main/signers/hot/index.js
@@ -107,12 +107,12 @@ module.exports = {
       // Add stored signers
       for (const id of Object.keys(storedSigners)) {
         await wait(100)
-        const { addresses, encryptedKeys, encryptedSeed, type, network } = storedSigners[id]
+        const { addresses, encryptedKeys, encryptedPhrase, encryptedSeed, type, network } = storedSigners[id]
         if (addresses && addresses.length) {
           const id = crypt.stringToKey(addresses.join()).toString('hex')
           if (!signers.exists(id)) {
             if (type === 'seed') {
-              signers.add(new SeedSigner({ network, addresses, encryptedSeed }))
+              signers.add(new SeedSigner({ network, addresses, encryptedPhrase, encryptedSeed }))
             } else if (type === 'ring') {
               signers.add(new RingSigner({ network, addresses, encryptedKeys }))
             }
diff --git a/main/signers/index.ts b/main/signers/index.ts
index ff12c9be3..5ec9d81b5 100644
--- a/main/signers/index.ts
+++ b/main/signers/index.ts
@@ -212,6 +212,17 @@ class Signers extends EventEmitter {
     ;(signer as RingSigner).addKeystore(keystore, keystorePassword, password, cb)
   }
 
+  getSecret(id: string, index: number, cb: Callback<string>) {
+    const signer = this.get(id)
+
+    // @ts-ignore
+    if (signer && signer.getSecret) {
+      ;(signer as HotSigner).getSecret(index, cb)
+    } else {
+      log.error('Signer has no secret stored locally, no getSecret method')
+    }
+  }
+
   lock(id: string, cb: Callback<Signer>) {
     const signer = this.get(id)
 
diff --git a/resources/svg/index.js b/resources/svg/index.js
index dd51f1080..156bfc649 100644
--- a/resources/svg/index.js
+++ b/resources/svg/index.js
@@ -765,6 +765,29 @@ export default {
       </div>
     )
   },
+  export: (size) => {
+    return (
+      <div style={{ width: size + 'px', height: size + 'px' }}>
+        <svg viewBox='0 0 67.671 67.671' width={size + 'px'} height={size + 'px'}>
+          <g>
+            <path
+              fill='currentColor'
+              d='M52.946,23.348H42.834v6h10.112c3.007,0,5.34,1.536,5.34,2.858v26.606c0,1.322-2.333,2.858-5.34,2.858H14.724
+              c-3.007,0-5.34-1.536-5.34-2.858V32.207c0-1.322,2.333-2.858,5.34-2.858h10.11v-6h-10.11c-6.359,0-11.34,3.891-11.34,8.858v26.606
+              c0,4.968,4.981,8.858,11.34,8.858h38.223c6.358,0,11.34-3.891,11.34-8.858V32.207C64.286,27.239,59.305,23.348,52.946,23.348z'
+            />
+            <path
+              fill='currentColor'
+              d='M24.957,14.955c0.768,0,1.535-0.293,2.121-0.879l3.756-3.756v13.028v6v11.494c0,1.657,1.343,3,3,3s3-1.343,3-3V29.348v-6
+              V10.117l3.959,3.959c0.586,0.586,1.354,0.879,2.121,0.879s1.535-0.293,2.121-0.879c1.172-1.171,1.172-3.071,0-4.242l-8.957-8.957
+              C35.492,0.291,34.725,0,33.958,0c-0.008,0-0.015,0-0.023,0s-0.015,0-0.023,0c-0.767,0-1.534,0.291-2.12,0.877l-8.957,8.957
+              c-1.172,1.171-1.172,3.071,0,4.242C23.422,14.662,24.189,14.955,24.957,14.955z'
+            />
+          </g>
+        </svg>
+      </div>
+    )
+  },
   search: (size) => {
     return (
       <div style={{ width: size + 'px', height: size + 'px' }}>