diff --git a/src/qp.xslt b/src/qp.xslt
index a8a30e5..987c04a 100644
--- a/src/qp.xslt
+++ b/src/qp.xslt
@@ -373,6 +373,10 @@
     <div class="qp-icon-KeyLookup"></div>
   </xsl:template>
 
+  <xsl:template match="s:RelOp[s:TableValuedFunction]" mode="NodeIcon" priority="1">
+    <div class="qp-icon-TableValuedFunction"></div>
+  </xsl:template>
+
   <!-- Use the physical operation to determine icon if it is present. -->
   <xsl:template match="*[@PhysicalOp]" mode="NodeIcon">
     <xsl:element name="div">
diff --git a/test/qp_test.js b/test/qp_test.js
index 7ab437a..c6ae375 100644
--- a/test/qp_test.js
+++ b/test/qp_test.js
@@ -6,6 +6,7 @@ var plan_NotShowingSeekPredicates = require('raw!../test_plans/Not showing Seek
 var plan_KeyLookup = require('raw!../test_plans/KeyLookup.sqlplan');
 var plan_ClusteredIndexScan = require('raw!../test_plans/clustered index scan.sqlplan');
 var plan_ClusteredIndexSeek = require('raw!../test_plans/clustered index seek.sqlplan');
+var plan_QueryPlan293288248 = require('raw!../test_plans/QueryPlan-293288248.sqlplan');
 
 function findNodeById(container, nodeId, statementId) {
     var statmentElement = findStatmentElementById(container, statementId);
@@ -240,6 +241,16 @@ describe('qp.js', () => {
 
         });
 
+        it('Has correct icon for Table Valued Functions', () => {
+
+            var container = document.createElement('div');
+            QP.showPlan(container, plan_QueryPlan293288248);
+
+            var tableValuedFunction = findNodeById(container, '7', '1');
+            assert.notEqual(null, tableValuedFunction.querySelector('.qp-icon-TableValuedFunction'))
+
+        });
+
     });
 
 });
\ No newline at end of file