Add more snippets

docs/documentation/elements/icon.html

@@ -42,11 +42,7 @@ variables:
       <p>Because the icons can take a few seconds to load, and because you want control over the <strong>space</strong> the icons will take, you can use the <code>icon</code> class as a container:</p>
     </div>
 
-    <div class="bd-example">
-      {{icon_example}}
-    </div>
-
-    {% highlight html %}{{icon_example}}{% endhighlight %}
+    {% include snippet.html content=icon_example %}
 
     <div class="content">
       <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>