diff --git a/app/extensions/brave/img/tabs/private.svg b/app/extensions/brave/img/tabs/private.svg
new file mode 100644
index 0000000000..b98ab1d84d
--- /dev/null
+++ b/app/extensions/brave/img/tabs/private.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.2" baseProfile="tiny" id="Layer_1_copy"
+   xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 48 48"
+   xml:space="preserve">
+<g>
+  <g id="dgbAtP.tif_4_">
+    <g>
+      <path fill="#FFFFFF" d="M37.3,35.5c-0.9,0-1.8,0-2.7,0c-0.4,0-0.9,0-1.3,0c-2.4-0.3-4.1-1.4-5.2-3.6c-0.3-0.6-0.5-1.2-0.7-1.8
+        c-0.5-1.3-1-2.5-1.5-3.8c-0.2-0.4-0.4-0.8-0.7-1.2c-0.6-0.7-1.4-0.7-2,0c-0.2,0.3-0.5,0.6-0.6,0.9c-0.4,0.9-0.8,1.8-1.2,2.8
+        c-0.5,1.1-0.8,2.3-1.4,3.4c-0.8,1.7-2.3,2.7-4.2,3.1c-0.7,0.1-1.4,0.2-2.1,0.2c-0.9,0-1.8,0-2.7,0c-0.6,0-1.2,0-1.8-0.1
+        c-3.3-0.6-5.6-2.4-6.6-5.7c-0.4-1.2-0.5-2.5-0.7-3.8c-0.1-0.7-0.3-1.3-0.9-1.8c0-1.1,0-2.2,0-3.3c1.6-0.2,2.8-0.5,4.2-0.6
+        c4.5-0.4,9-0.1,13.5,0.8c3.3,0.7,6.7,0.8,10,0.1c3-0.6,5.9-1,8.9-1.1c3-0.1,6,0.1,9,0.6c0.3,0.1,0.4,0.2,0.4,0.5
+        c0,0.8,0,1.7,0,2.5c0,0.2-0.1,0.4-0.2,0.7c-0.2,0.5-0.5,1-0.6,1.6c-0.2,0.9-0.2,1.9-0.4,2.8c-0.8,3.5-2.8,5.8-6.4,6.6
+        C38.8,35.4,38,35.5,37.3,35.5z"/>
+      <path fill="#FFFFFF" d="M4.3,18.6c0.5-0.4,0.9-0.7,1.3-1c2.2-1.6,4.4-3.2,6.6-4.8c0.9-0.6,1.9-1.1,2.9-1.3
+        c1.5-0.3,2.6,0.4,3.6,1.4c0.3,0.3,0.3,0.8,0,1.2c-0.3,0.3-0.8,0.4-1.2,0.2c-0.3-0.2-0.6-0.4-0.8-0.6c-0.8-0.5-1.7-0.5-2.5-0.1
+        c-0.4,0.2-0.8,0.5-1.1,0.8c-1.4,1.2-2.7,2.5-4.1,3.7c-0.2,0.2-0.4,0.3-0.8,0.3C7,18.4,5.8,18.5,4.3,18.6z"/>
+      <path fill="#FFFFFF" d="M43.9,18.6c-1.5-0.1-2.8-0.1-4.2-0.2c-0.2,0-0.3-0.1-0.4-0.3c-1.4-1.2-2.8-2.5-4.1-3.7
+        c-0.2-0.2-0.5-0.4-0.7-0.6c-1.1-0.7-2.1-0.7-3.2,0c-0.2,0.1-0.3,0.3-0.5,0.4c-0.4,0.3-0.9,0.2-1.2-0.2c-0.3-0.4-0.3-0.9,0.1-1.2
+        c1.2-1.2,2.7-1.8,4.3-1.1c1.1,0.4,2.1,1,3.1,1.7c2.3,1.6,4.5,3.3,6.8,5C43.7,18.4,43.8,18.5,43.9,18.6z"/>
+    </g>
+  </g>
+  <path fill="#FFFFFF" d="M37.3,35.6c-0.9,0-1.5,0-2.4,0c-0.4,0-1.2-0.1-1.6-0.2c-2.4-0.3-4.1-1.4-5.2-3.6c-0.3-0.6-0.5-1.2-0.7-1.8
+    c-0.5-1.3-1-2.5-1.5-3.8c-0.2-0.4-0.4-0.8-0.7-1.2c-0.6-0.7-1.4-0.7-2,0c-0.2,0.3-0.5,0.6-0.6,0.9c-0.4,0.9-0.8,1.8-1.2,2.8
+    c-0.5,1.1-0.8,2.3-1.4,3.4c-0.8,1.7-2.3,2.7-4.2,3.1c-0.7,0.1-1.4,0.2-2.1,0.2c-0.9,0-1.8,0-2.7,0c-0.6,0-1.2,0-1.8-0.1
+    c-3.3-0.6-5.6-2.4-6.6-5.7c-0.4-1.2-0.5-2.5-0.7-3.8c-0.1-0.7-0.3-1.3-0.9-1.8c0-1.1,0-2.2,0-3.3c1.6-0.2,2.8-0.5,4.2-0.6
+    c4.5-0.4,9-0.1,13.5,0.8c3.3,0.7,6.7,0.8,10,0.1c3-0.6,5.9-1,8.9-1.1c3-0.1,6,0.1,9,0.6c0.3,0.1,0.4,0.2,0.4,0.5c0,0.8,0,1.7,0,2.5
+    c0,0.2-0.1,0.4-0.2,0.7c-0.2,0.5-0.5,1-0.6,1.6c-0.2,0.9-0.2,1.9-0.4,2.8c-0.8,3.5-2.8,5.8-6.4,6.6C38.8,35.4,38,35.6,37.3,35.6z"
+    />
+</g>
+</svg>
diff --git a/app/renderer/components/styles/tab.js b/app/renderer/components/styles/tab.js
index 6594fb0ecb..46c132aae5 100644
--- a/app/renderer/components/styles/tab.js
+++ b/app/renderer/components/styles/tab.js
@@ -100,16 +100,9 @@ const styles = StyleSheet.create({
 
   activePrivateTab: {
     background: globalStyles.color.privateTabBackgroundActive,
-    color: '#fff'
-  },
-
-  private: {
-    background: globalStyles.color.privateTabBackground,
-    color: '#fff',
 
     ':hover': {
-      background: globalStyles.color.privateTabBackgroundActive,
-      color: '#fff'
+      background: globalStyles.color.privateTabBackgroundActive
     }
   },
 
diff --git a/app/renderer/components/tabContent.js b/app/renderer/components/tabContent.js
index f57fa951fe..864749877d 100644
--- a/app/renderer/components/tabContent.js
+++ b/app/renderer/components/tabContent.js
@@ -12,6 +12,7 @@ const {tabs} = require('../../../js/constants/config')
 const {hasBreakpoint, hasRelativeCloseIcon, hasFixedCloseIcon} = require('../lib/tabUtil')
 
 const newSessionSvg = require('../../extensions/brave/img/tabs/new_session.svg')
+const privateSvg = require('../../extensions/brave/img/tabs/private.svg')
 const closeTabSvg = require('../../extensions/brave/img/tabs/close_btn_normal.svg')
 const closeTabHoverSvg = require('../../extensions/brave/img/tabs/close_btn_hover.svg')
 
@@ -142,8 +143,15 @@ class PrivateIcon extends ImmutableComponent {
   }
 
   render () {
+    const privateStyles = StyleSheet.create({
+      icon: {
+        WebkitMaskImage: `url(${privateSvg})`,
+        backgroundColor: this.props.isActive ? globalStyles.color.white100 : globalStyles.color.black100
+      }
+    })
     return this.props.tab.get('isPrivate') && !this.props.tab.get('hoverState') && !this.narrowView
-      ? <TabIcon className={css(styles.icon)} symbol={globalStyles.appIcons.private} />
+      ? <TabIcon data-test-id='privateIcon'
+        className={css(styles.icon, styles.secondaryIcon, privateStyles.icon)} />
       : null
   }
 }
@@ -214,8 +222,9 @@ class TabTitle extends ImmutableComponent {
 
   get themeColor () {
     const themeColor = this.props.tab.get('themeColor') || this.props.tab.get('computedThemeColor')
-    const defaultColor = this.props.tab.get('isPrivate') ? globalStyles.color.white100 : globalStyles.color.black100
     const activeNonPrivateTab = !this.props.tab.get('isPrivate') && this.props.isActive
+    const activePrivateTab = this.props.tab.get('isPrivate') && this.props.isActive
+    const defaultColor = activePrivateTab ? globalStyles.color.white100 : globalStyles.color.black100
 
     return activeNonPrivateTab && this.props.paintTabs && !!themeColor
       ? getTextColorForBackground(themeColor)
@@ -296,6 +305,11 @@ const styles = StyleSheet.create({
     fontSize: '16px'
   },
 
+  secondaryIcon: {
+    WebkitMaskRepeat: 'no-repeat',
+    WebkitMaskPosition: 'center'
+  },
+
   newSession: {
     position: 'relative',
     backgroundImage: `url(${newSessionSvg})`,
diff --git a/js/components/tab.js b/js/components/tab.js
index d6cb2c7285..2c24b2b14e 100644
--- a/js/components/tab.js
+++ b/js/components/tab.js
@@ -232,7 +232,8 @@ class Tab extends ImmutableComponent {
 
   render () {
     const playIndicatorBreakpoint = this.mediumView || this.narrowView
-    const perPageStyles = StyleSheet.create({
+    // we don't want themeColor if tab is private
+    const perPageStyles = !this.props.tab.get('isPrivate') && StyleSheet.create({
       themeColor: {
         color: this.themeColor ? getTextColorForBackground(this.themeColor) : 'inherit',
         background: this.themeColor ? this.themeColor : 'inherit',
@@ -260,8 +261,6 @@ class Tab extends ImmutableComponent {
         isWindows() && styles.tabForWindows,
         this.isPinned && styles.isPinned,
         this.props.isActive && styles.active,
-        this.props.tab.get('isPrivate') && styles.private,
-        this.props.isActive && this.props.tab.get('isPrivate') && styles.activePrivateTab,
         playIndicatorBreakpoint && this.canPlayAudio && styles.narrowViewPlayIndicator,
         this.props.isActive && this.themeColor && perPageStyles.themeColor,
         // Private color should override themeColor
@@ -306,7 +305,10 @@ class Tab extends ImmutableComponent {
             pageTitle={this.displayValue}
           />
         </div>
-        <PrivateIcon tab={this.props.tab} />
+        <PrivateIcon
+          tab={this.props.tab}
+          isActive={this.props.isActive}
+         />
         <NewSessionIcon
           isActive={this.props.isActive}
           paintTabs={this.props.paintTabs}
diff --git a/test/unit/app/renderer/tabContentTest.js b/test/unit/app/renderer/tabContentTest.js
index 8c69a39b96..77e787f74a 100644
--- a/test/unit/app/renderer/tabContentTest.js
+++ b/test/unit/app/renderer/tabContentTest.js
@@ -18,6 +18,7 @@ describe('tabContent components', function () {
     mockery.registerMock('../../extensions/brave/img/tabs/new_session.svg')
     mockery.registerMock('../../extensions/brave/img/tabs/close_btn_normal.svg')
     mockery.registerMock('../../extensions/brave/img/tabs/close_btn_hover.svg')
+    mockery.registerMock('../../extensions/brave/img/tabs/private.svg')
     mockery.enable({
       warnOnReplace: false,
       warnOnUnregistered: false,
@@ -167,7 +168,7 @@ describe('tabContent components', function () {
             })}
         />
       )
-      assert.equal(wrapper.props().symbol, globalStyles.appIcons.private)
+      assert.equal(wrapper.props()['data-test-id'], 'privateIcon')
     })
     it('should not show private icon if current tab is not private', function () {
       const wrapper = shallow(
@@ -178,7 +179,7 @@ describe('tabContent components', function () {
             })}
         />
       )
-      assert.notEqual(wrapper.props().symbol, globalStyles.appIcons.private)
+      assert.notEqual(wrapper.props()['data-test-id'], 'privateIcon')
     })
     it('should not show private icon if mouse is over tab (avoid icon overflow)', function () {
       const wrapper = shallow(
@@ -190,7 +191,7 @@ describe('tabContent components', function () {
             })}
         />
       )
-      assert.notEqual(wrapper.props().symbol, globalStyles.appIcons.private)
+      assert.notEqual(wrapper.props()['data-test-id'], 'privateIcon')
     })
     it('should not show private icon if tab size is too small', function () {
       const wrapper = shallow(
@@ -203,7 +204,7 @@ describe('tabContent components', function () {
             })}
         />
       )
-      assert.notEqual(wrapper.props().symbol, globalStyles.appIcons.private)
+      assert.notEqual(wrapper.props()['data-test-id'], 'privateIcon')
     })
   })