diff --git a/_includes/yield.html b/_includes/yield.html
new file mode 100644
index 000000000..ff4ac2396
--- /dev/null
+++ b/_includes/yield.html
@@ -0,0 +1,14 @@
+{% assign thisRecipe = include.recipe %}
+{% if thisRecipe.yield %}
+<div class="center ml2 mr2">
+  <div class="inline-block xs-m1 sm-m2">
+    <svg class="gray align-middle" xmlns="http://www.w3.org/2000/svg" width="1.5rem" height="1.5rem" viewBox="0 0 512 512" fill="currentColor">
+      <path d="M463.29,479.66H49.77A16.43,16.43,0,0,1,33.4,463.25c0-88.18-8.37-217.83,21.94-236.59-19-31.57-24.4-60.54-16.94-89.38,7.64-29.55,32.89-61.79,71.8-77a399.15,399.15,0,0,1,145.8-28c70.49,0,106.17,14,140.86,28,25.76,10.32,64.49,35.26,75.8,77,7.8,28.75,7,68.37-14.94,89.38,21.94,6.58,21.94,148.41,21.94,236.59C479.66,464.36,479.53,470.15,463.29,479.66Z" fill="#fff"/>
+      <path d="M463.29,510.68H49.77A47.47,47.47,0,0,1,2.38,463.25c0-15-.24-31.14-.5-48.21C1.24,373.25.59,330,3.33,293.72c2.38-31.56,7.19-54.25,15.24-70.16-14.92-32-18.25-62.93-10.2-94.05,11.13-43,45.83-80.64,90.54-98.1C150,11.44,202.88,1.32,256,1.32c77.11,0,117.11,16,152.4,30.19,17.83,7.14,77.3,35.3,94.2,97.65a159.21,159.21,0,0,1,4.53,59.47,111,111,0,0,1-11.76,38.83A127.76,127.76,0,0,1,500.83,248c3.15,15.91,5.46,37,7.05,64.57,2.8,48.2,2.8,107.44,2.8,150.69-.07,24.65-23.89,38.59-31.72,43.18A31,31,0,0,1,463.29,510.68Zm-398.94-62H448.64c0-36.51-.22-79.11-1.9-117.14-2.43-54.73-6.91-74.56-9.1-81.21a31,31,0,0,1-1.38-46c10.15-9.72,12.93-35,6.47-58.87-1.69-6.24-12.41-38.26-57.41-56.31-33-13.23-64.18-25.73-129.32-25.73-45.37,0-90.63,8.69-134.52,25.84C89.78,101.57,73.09,127,68.42,145c-5.32,20.6-1,41.45,13.51,65.65a31,31,0,0,1-8,40.83c-1.7,3.06-7,15.63-9.3,55.86-1.82,31.93-1.25,69.95-.69,106.72C64.08,426.07,64.26,437.57,64.35,448.65ZM448.76,256.36h0Z"/>
+    </svg>
+    <span class="blue caps align-middle">Yield</span>
+    <span itemprop="recipeYield">{{ thisRecipe.yield }}</span>
+  </div>
+</div>
+{% endif %}
+{% assign thisRecipe = nil %}
diff --git a/_layouts/recipe.html b/_layouts/recipe.html
index 33426a7e0..f802d864f 100644
--- a/_layouts/recipe.html
+++ b/_layouts/recipe.html
@@ -22,6 +22,7 @@
 <!-- call up the main recipe title and content -->
   <header class="post-header">
     <h1 class="post-title center m1 sm-mt3" itemprop="name">{{ page.title }}</h1>
+    {% include yield.html recipe=page %}
   </header>
 
   <div class="px2 mt3 clearfix">