Improve icons

1 files changed, 19 insertions, 1 deletions

diff --git a/docs/elements.html b/docs/elements.html
index 12b0dd2..cde99eb 100644
--- a/docs/elements.html
+++ b/docs/elements.html
@@ -1014,7 +1014,7 @@
         <section id="icons" class="container">
           <header class="text-center"><h3>Icons <small class="label">experimental</small></h3></header>
           <section class="notes">
-            <p><strong>Icons</strong> are pure CSS icons. You can include <code>spectre-icons.css</code> in the <code>dist</code> folder to your web &lt;head&gt; to have these CSS icons.</p>
+            <p><strong>Icons</strong> are single-element, responsive and pure CSS icons. You can include <code>spectre-icons.css</code> located in the <code>dist</code> folder to your web &lt;head&gt; to have these CSS icons.</p>
           </section>
           <div class="columns">
             <div class="column col-3 col-md-6">
@@ -1073,6 +1073,12 @@
             </div>
             <div class="column col-3 col-md-6">
               <button class="btn btn-primary btn-action btn-lg">
+                <i class="icon icon-apps"></i>
+              </button>
+              <p>icon-apps</p>
+            </div>
+            <div class="column col-3 col-md-6">
+              <button class="btn btn-primary btn-action btn-lg">
                 <i class="icon icon-caret"></i>
               </button>
               <p>icon-caret</p>
@@ -1127,6 +1133,12 @@
             </div>
             <div class="column col-3 col-md-6">
               <button class="btn btn-primary btn-action btn-lg">
+                <i class="icon icon-flag"></i>
+              </button>
+              <p>icon-flag</p>
+            </div>
+            <div class="column col-3 col-md-6">
+              <button class="btn btn-primary btn-action btn-lg">
                 <i class="icon icon-edit"></i>
               </button>
               <p>icon-edit</p>
@@ -1151,6 +1163,12 @@
             </div>
             <div class="column col-3 col-md-6">
               <button class="btn btn-primary btn-action btn-lg">
+                <i class="icon icon-time"></i>
+              </button>
+              <p>icon-time</p>
+            </div>
+            <div class="column col-3 col-md-6">
+              <button class="btn btn-primary btn-action btn-lg">
                 <i class="icon icon-mail"></i>
               </button>
               <p>icon-mail</p>