Add heading

docs/documentation/elements/icon.html

@@ -1,4 +1,5 @@
 ---
+title: Icon
 layout: documentation
 doc-tab: elements
 doc-subtab: icon
@@ -28,6 +29,12 @@ variables:
     <h2 class="subtitle">
       Bulma is compatible with <strong><a href="http://fortawesome.github.io/Font-Awesome/">Font Awesome</a></strong> icons.
     </h2>
+    {%
+      include meta.html
+      colors=false
+      sizes=true
+      variables=true
+    %}
 
     <hr>
 
@@ -45,9 +52,7 @@ variables:
       <p>The <code>icon</code> container will take up <em>exactly</em> <strong>1.5rem x 1.5rem</strong>. The icon itself is sized at <strong>21px</strong>.</p>
     </div>
 
-    <hr>
-
-    <h3 class="title">Sizes</h3>
+    {% include heading.html name="Sizes" %}
 
     <div class="content">
       <p>Font Awesome icons use a font-size of <strong>28px</strong> by default, and are best rendered when using <strong>multiples of 7</strong>.</p>