@akinon/projectzero 2.0.0-beta.19 → 2.0.0-beta.20

package/app-template/src/assets/fonts/pz-icon.html

@@ -56,6 +56,24 @@
     <h1>pz-icon</h1>
 
 
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-account"></i>
+            </span>
+            <br>
+            <span class='label'>account</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-add"></i>
+            </span>
+            <br>
+            <span class='label'>add</span>
+        </div>
+
+
         <div class="preview">
             <span class="inner">
                 <i class="pz-icon pz-icon-akinon"></i>
@@ -65,6 +83,33 @@
         </div>
 
 
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-apple"></i>
+            </span>
+            <br>
+            <span class='label'>apple</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-arrow-left"></i>
+            </span>
+            <br>
+            <span class='label'>arrow-left</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-arrow-right"></i>
+            </span>
+            <br>
+            <span class='label'>arrow-right</span>
+        </div>
+
+
         <div class="preview">
             <span class="inner">
                 <i class="pz-icon pz-icon-arrow-up"></i>
@@ -83,6 +128,15 @@
         </div>
 
 
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-cancel"></i>
+            </span>
+            <br>
+            <span class='label'>cancel</span>
+        </div>
+
+
         <div class="preview">
             <span class="inner">
                 <i class="pz-icon pz-icon-cart"></i>
@@ -92,6 +146,15 @@
         </div>
 
 
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-check-circle"></i>
+            </span>
+            <br>
+            <span class='label'>check-circle</span>
+        </div>
+
+
         <div class="preview">
             <span class="inner">
                 <i class="pz-icon pz-icon-check"></i>
@@ -119,6 +182,24 @@
         </div>
 
 
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-chevron-left"></i>
+            </span>
+            <br>
+            <span class='label'>chevron-left</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-chevron-right"></i>
+            </span>
+            <br>
+            <span class='label'>chevron-right</span>
+        </div>
+
+
         <div class="preview">
             <span class="inner">
                 <i class="pz-icon pz-icon-chevron-start"></i>
@@ -137,6 +218,15 @@
         </div>
 
 
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-circle"></i>
+            </span>
+            <br>
+            <span class='label'>circle</span>
+        </div>
+
+
         <div class="preview">
             <span class="inner">
                 <i class="pz-icon pz-icon-close"></i>
@@ -155,6 +245,15 @@
         </div>
 
 
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-dashboard"></i>
+            </span>
+            <br>
+            <span class='label'>dashboard</span>
+        </div>
+
+
         <div class="preview">
             <span class="inner">
                 <i class="pz-icon pz-icon-default"></i>
@@ -164,6 +263,15 @@
         </div>
 
 
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-delete"></i>
+            </span>
+            <br>
+            <span class='label'>delete</span>
+        </div>
+
+
         <div class="preview">
             <span class="inner">
                 <i class="pz-icon pz-icon-directions"></i>
@@ -173,6 +281,24 @@
         </div>
 
 
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-dots"></i>
+            </span>
+            <br>
+            <span class='label'>dots</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-error"></i>
+            </span>
+            <br>
+            <span class='label'>error</span>
+        </div>
+
+
         <div class="preview">
             <span class="inner">
                 <i class="pz-icon pz-icon-eye-off"></i>
@@ -191,6 +317,15 @@
         </div>
 
 
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-eye"></i>
+            </span>
+            <br>
+            <span class='label'>eye</span>
+        </div>
+
+
         <div class="preview">
             <span class="inner">
                 <i class="pz-icon pz-icon-facebook-login"></i>
@@ -209,6 +344,51 @@
         </div>
 
 
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-fav-off"></i>
+            </span>
+            <br>
+            <span class='label'>fav-off</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-fav-on"></i>
+            </span>
+            <br>
+            <span class='label'>fav-on</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-filter-and-sort"></i>
+            </span>
+            <br>
+            <span class='label'>filter-and-sort</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-filter-list"></i>
+            </span>
+            <br>
+            <span class='label'>filter-list</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-filter"></i>
+            </span>
+            <br>
+            <span class='label'>filter</span>
+        </div>
+
+
         <div class="preview">
             <span class="inner">
                 <i class="pz-icon pz-icon-giftbox"></i>
@@ -245,6 +425,15 @@
         </div>
 
 
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-grid-guides"></i>
+            </span>
+            <br>
+            <span class='label'>grid-guides</span>
+        </div>
+
+
         <div class="preview">
             <span class="inner">
                 <i class="pz-icon pz-icon-hamburger"></i>
@@ -254,6 +443,15 @@
         </div>
 
 
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-heart-filled"></i>
+            </span>
+            <br>
+            <span class='label'>heart-filled</span>
+        </div>
+
+
         <div class="preview">
             <span class="inner">
                 <i class="pz-icon pz-icon-heart-full"></i>
@@ -272,6 +470,24 @@
         </div>
 
 
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-heart"></i>
+            </span>
+            <br>
+            <span class='label'>heart</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-home"></i>
+            </span>
+            <br>
+            <span class='label'>home</span>
+        </div>
+
+
         <div class="preview">
             <span class="inner">
                 <i class="pz-icon pz-icon-info"></i>
@@ -308,6 +524,15 @@
         </div>
 
 
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-location"></i>
+            </span>
+            <br>
+            <span class='label'>location</span>
+        </div>
+
+
         <div class="preview">
             <span class="inner">
                 <i class="pz-icon pz-icon-logo"></i>
@@ -317,6 +542,15 @@
         </div>
 
 
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-mac-sell"></i>
+            </span>
+            <br>
+            <span class='label'>mac-sell</span>
+        </div>
+
+
         <div class="preview">
             <span class="inner">
                 <i class="pz-icon pz-icon-mail"></i>
@@ -326,6 +560,24 @@
         </div>
 
 
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-materials"></i>
+            </span>
+            <br>
+            <span class='label'>materials</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-menu"></i>
+            </span>
+            <br>
+            <span class='label'>menu</span>
+        </div>
+
+
         <div class="preview">
             <span class="inner">
                 <i class="pz-icon pz-icon-minus"></i>
@@ -353,6 +605,24 @@
         </div>
 
 
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-next"></i>
+            </span>
+            <br>
+            <span class='label'>next</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-person"></i>
+            </span>
+            <br>
+            <span class='label'>person</span>
+        </div>
+
+
         <div class="preview">
             <span class="inner">
                 <i class="pz-icon pz-icon-pin"></i>
@@ -380,6 +650,24 @@
         </div>
 
 
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-remove"></i>
+            </span>
+            <br>
+            <span class='label'>remove</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-ruler"></i>
+            </span>
+            <br>
+            <span class='label'>ruler</span>
+        </div>
+
+
         <div class="preview">
             <span class="inner">
                 <i class="pz-icon pz-icon-search"></i>
@@ -389,6 +677,15 @@
         </div>
 
 
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-sell"></i>
+            </span>
+            <br>
+            <span class='label'>sell</span>
+        </div>
+
+
         <div class="preview">
             <span class="inner">
                 <i class="pz-icon pz-icon-share"></i>
@@ -398,6 +695,33 @@
         </div>
 
 
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-share2"></i>
+            </span>
+            <br>
+            <span class='label'>share2</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-snapchat"></i>
+            </span>
+            <br>
+            <span class='label'>snapchat</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-sort"></i>
+            </span>
+            <br>
+            <span class='label'>sort</span>
+        </div>
+
+
         <div class="preview">
             <span class="inner">
                 <i class="pz-icon pz-icon-spinner"></i>
@@ -407,6 +731,33 @@
         </div>
 
 
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-star-filled"></i>
+            </span>
+            <br>
+            <span class='label'>star-filled</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-star"></i>
+            </span>
+            <br>
+            <span class='label'>star</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-store-icon"></i>
+            </span>
+            <br>
+            <span class='label'>store-icon</span>
+        </div>
+
+
         <div class="preview">
             <span class="inner">
                 <i class="pz-icon pz-icon-store-pin"></i>
@@ -416,6 +767,51 @@
         </div>
 
 
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-store"></i>
+            </span>
+            <br>
+            <span class='label'>store</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-thumb-down"></i>
+            </span>
+            <br>
+            <span class='label'>thumb-down</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-thumb-up"></i>
+            </span>
+            <br>
+            <span class='label'>thumb-up</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-ticket"></i>
+            </span>
+            <br>
+            <span class='label'>ticket</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-tiktok"></i>
+            </span>
+            <br>
+            <span class='label'>tiktok</span>
+        </div>
+
+
         <div class="preview">
             <span class="inner">
                 <i class="pz-icon pz-icon-track-order"></i>
@@ -425,6 +821,42 @@
         </div>
 
 
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-triangle-down"></i>
+            </span>
+            <br>
+            <span class='label'>triangle-down</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-triangle-up"></i>
+            </span>
+            <br>
+            <span class='label'>triangle-up</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-tumblr"></i>
+            </span>
+            <br>
+            <span class='label'>tumblr</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-tune"></i>
+            </span>
+            <br>
+            <span class='label'>tune</span>
+        </div>
+
+
         <div class="preview">
             <span class="inner">
                 <i class="pz-icon pz-icon-twitter"></i>
@@ -443,6 +875,15 @@
         </div>
 
 
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-vimeo"></i>
+            </span>
+            <br>
+            <span class='label'>vimeo</span>
+        </div>
+
+
         <div class="preview">
             <span class="inner">
                 <i class="pz-icon pz-icon-whatsapp"></i>
@@ -452,5 +893,50 @@
         </div>
 
 
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-widgets"></i>
+            </span>
+            <br>
+            <span class='label'>widgets</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-world"></i>
+            </span>
+            <br>
+            <span class='label'>world</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-x"></i>
+            </span>
+            <br>
+            <span class='label'>x</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-youtube"></i>
+            </span>
+            <br>
+            <span class='label'>youtube</span>
+        </div>
+
+
+        <div class="preview">
+            <span class="inner">
+                <i class="pz-icon pz-icon-zoom"></i>
+            </span>
+            <br>
+            <span class='label'>zoom</span>
+        </div>
+
+
 </body>
 </html>