
<div class="opal-icon-list">
    <div class="glyph">
        <div class="opal-icon-about-1"></div>
        <div class="class-name">.opal-icon-about-1</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-about-2"></div>
        <div class="class-name">.opal-icon-about-2</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-about-3"></div>
        <div class="class-name">.opal-icon-about-3</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-biography"></div>
        <div class="class-name">.opal-icon-biography</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-category-body"></div>
        <div class="class-name">.opal-icon-category-body</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-category-cosmetic"></div>
        <div class="class-name">.opal-icon-category-cosmetic</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-category-foundation"></div>
        <div class="class-name">.opal-icon-category-foundation</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-category-health"></div>
        <div class="class-name">.opal-icon-category-health</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-category-masks"></div>
        <div class="class-name">.opal-icon-category-masks</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-category-moisturizing"></div>
        <div class="class-name">.opal-icon-category-moisturizing</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-category-sale"></div>
        <div class="class-name">.opal-icon-category-sale</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-category-skin"></div>
        <div class="class-name">.opal-icon-category-skin</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-category-star"></div>
        <div class="class-name">.opal-icon-category-star</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-circle"></div>
        <div class="class-name">.opal-icon-circle</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-earn-reward-points"></div>
        <div class="class-name">.opal-icon-earn-reward-points</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-free-deluxe-samples"></div>
        <div class="class-name">.opal-icon-free-deluxe-samples</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-free-standard-delivery"></div>
        <div class="class-name">.opal-icon-free-standard-delivery</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-get-in-touch"></div>
        <div class="class-name">.opal-icon-get-in-touch</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-hand-holding-box"></div>
        <div class="class-name">.opal-icon-hand-holding-box</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-location"></div>
        <div class="class-name">.opal-icon-location</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-map-marker-alt"></div>
        <div class="class-name">.opal-icon-map-marker-alt</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-menu-2"></div>
        <div class="class-name">.opal-icon-menu-2</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-microscope"></div>
        <div class="class-name">.opal-icon-microscope</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-organic"></div>
        <div class="class-name">.opal-icon-organic</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-phone-plus"></div>
        <div class="class-name">.opal-icon-phone-plus</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-plus-gallrey"></div>
        <div class="class-name">.opal-icon-plus-gallrey</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-plus"></div>
        <div class="class-name">.opal-icon-plus</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-qoute"></div>
        <div class="class-name">.opal-icon-qoute</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-shield-check"></div>
        <div class="class-name">.opal-icon-shield-check</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-shipping-fast"></div>
        <div class="class-name">.opal-icon-shipping-fast</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-star-3"></div>
        <div class="class-name">.opal-icon-star-3</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-support"></div>
        <div class="class-name">.opal-icon-support</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-angle-double-down"></div>
        <div class="class-name">.opal-icon-angle-double-down</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-angle-double-left"></div>
        <div class="class-name">.opal-icon-angle-double-left</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-angle-double-right"></div>
        <div class="class-name">.opal-icon-angle-double-right</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-angle-double-up"></div>
        <div class="class-name">.opal-icon-angle-double-up</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-angle-down"></div>
        <div class="class-name">.opal-icon-angle-down</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-angle-left"></div>
        <div class="class-name">.opal-icon-angle-left</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-angle-right"></div>
        <div class="class-name">.opal-icon-angle-right</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-angle-up"></div>
        <div class="class-name">.opal-icon-angle-up</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-arrow-circle-left"></div>
        <div class="class-name">.opal-icon-arrow-circle-left</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-arrow-circle-right"></div>
        <div class="class-name">.opal-icon-arrow-circle-right</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-arrow-down"></div>
        <div class="class-name">.opal-icon-arrow-down</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-arrow-left"></div>
        <div class="class-name">.opal-icon-arrow-left</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-arrow-right"></div>
        <div class="class-name">.opal-icon-arrow-right</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-arrow-up"></div>
        <div class="class-name">.opal-icon-arrow-up</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-blockquote"></div>
        <div class="class-name">.opal-icon-blockquote</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-blockquote2"></div>
        <div class="class-name">.opal-icon-blockquote2</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-bookmark"></div>
        <div class="class-name">.opal-icon-bookmark</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-calendar-alt"></div>
        <div class="class-name">.opal-icon-calendar-alt</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-calendar"></div>
        <div class="class-name">.opal-icon-calendar</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-chevron-down"></div>
        <div class="class-name">.opal-icon-chevron-down</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-chevron-left"></div>
        <div class="class-name">.opal-icon-chevron-left</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-chevron-right"></div>
        <div class="class-name">.opal-icon-chevron-right</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-chevron-up"></div>
        <div class="class-name">.opal-icon-chevron-up</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-comment"></div>
        <div class="class-name">.opal-icon-comment</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-down"></div>
        <div class="class-name">.opal-icon-down</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-envelope"></div>
        <div class="class-name">.opal-icon-envelope</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-facebook-f"></div>
        <div class="class-name">.opal-icon-facebook-f</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-google-plus-g"></div>
        <div class="class-name">.opal-icon-google-plus-g</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-grid"></div>
        <div class="class-name">.opal-icon-grid</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-instagram"></div>
        <div class="class-name">.opal-icon-instagram</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-left"></div>
        <div class="class-name">.opal-icon-left</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-linkedin-in"></div>
        <div class="class-name">.opal-icon-linkedin-in</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-list"></div>
        <div class="class-name">.opal-icon-list</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-long-arrow-alt-down"></div>
        <div class="class-name">.opal-icon-long-arrow-alt-down</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-long-arrow-alt-left"></div>
        <div class="class-name">.opal-icon-long-arrow-alt-left</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-long-arrow-alt-right"></div>
        <div class="class-name">.opal-icon-long-arrow-alt-right</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-long-arrow-alt-up"></div>
        <div class="class-name">.opal-icon-long-arrow-alt-up</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-long-arrow-down"></div>
        <div class="class-name">.opal-icon-long-arrow-down</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-long-arrow-left"></div>
        <div class="class-name">.opal-icon-long-arrow-left</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-long-arrow-right"></div>
        <div class="class-name">.opal-icon-long-arrow-right</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-long-arrow-up"></div>
        <div class="class-name">.opal-icon-long-arrow-up</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-menu-1"></div>
        <div class="class-name">.opal-icon-menu-1</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-menu"></div>
        <div class="class-name">.opal-icon-menu</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-pinterest-p"></div>
        <div class="class-name">.opal-icon-pinterest-p</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-rating"></div>
        <div class="class-name">.opal-icon-rating</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-right"></div>
        <div class="class-name">.opal-icon-right</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-search"></div>
        <div class="class-name">.opal-icon-search</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-share-all"></div>
        <div class="class-name">.opal-icon-share-all</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-th-grid"></div>
        <div class="class-name">.opal-icon-th-grid</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-th-list"></div>
        <div class="class-name">.opal-icon-th-list</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-thumbtack"></div>
        <div class="class-name">.opal-icon-thumbtack</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-times"></div>
        <div class="class-name">.opal-icon-times</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-tumblr"></div>
        <div class="class-name">.opal-icon-tumblr</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-twitter"></div>
        <div class="class-name">.opal-icon-twitter</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-user"></div>
        <div class="class-name">.opal-icon-user</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-video"></div>
        <div class="class-name">.opal-icon-video</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-user-headset"></div>
        <div class="class-name">.opal-icon-user-headset</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-addtocart"></div>
        <div class="class-name">.opal-icon-addtocart</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-cart-empty"></div>
        <div class="class-name">.opal-icon-cart-empty</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-cart"></div>
        <div class="class-name">.opal-icon-cart</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-check-circle"></div>
        <div class="class-name">.opal-icon-check-circle</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-check"></div>
        <div class="class-name">.opal-icon-check</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-cloud-download"></div>
        <div class="class-name">.opal-icon-cloud-download</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-compare"></div>
        <div class="class-name">.opal-icon-compare</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-credit-card"></div>
        <div class="class-name">.opal-icon-credit-card</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-download"></div>
        <div class="class-name">.opal-icon-download</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-exclamation-circle"></div>
        <div class="class-name">.opal-icon-exclamation-circle</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-eye"></div>
        <div class="class-name">.opal-icon-eye</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-file-alt"></div>
        <div class="class-name">.opal-icon-file-alt</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-filter"></div>
        <div class="class-name">.opal-icon-filter</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-frown"></div>
        <div class="class-name">.opal-icon-frown</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-gift"></div>
        <div class="class-name">.opal-icon-gift</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-heart"></div>
        <div class="class-name">.opal-icon-heart</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-home-lg"></div>
        <div class="class-name">.opal-icon-home-lg</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-home"></div>
        <div class="class-name">.opal-icon-home</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-info-circle"></div>
        <div class="class-name">.opal-icon-info-circle</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-level-up"></div>
        <div class="class-name">.opal-icon-level-up</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-meh"></div>
        <div class="class-name">.opal-icon-meh</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-no-favorites"></div>
        <div class="class-name">.opal-icon-no-favorites</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-pen-square"></div>
        <div class="class-name">.opal-icon-pen-square</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-pencil"></div>
        <div class="class-name">.opal-icon-pencil</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-quickview"></div>
        <div class="class-name">.opal-icon-quickview</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-reply"></div>
        <div class="class-name">.opal-icon-reply</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-search-plus"></div>
        <div class="class-name">.opal-icon-search-plus</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-shopping-bag"></div>
        <div class="class-name">.opal-icon-shopping-bag</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-shopping-basket"></div>
        <div class="class-name">.opal-icon-shopping-basket</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-sign-in"></div>
        <div class="class-name">.opal-icon-sign-in</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-sign-out"></div>
        <div class="class-name">.opal-icon-sign-out</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-smile"></div>
        <div class="class-name">.opal-icon-smile</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-spinner"></div>
        <div class="class-name">.opal-icon-spinner</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-star"></div>
        <div class="class-name">.opal-icon-star</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-sync"></div>
        <div class="class-name">.opal-icon-sync</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-tachometer-alt-fastest"></div>
        <div class="class-name">.opal-icon-tachometer-alt-fastest</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-times-circle"></div>
        <div class="class-name">.opal-icon-times-circle</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-truck"></div>
        <div class="class-name">.opal-icon-truck</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-wishlist-fill"></div>
        <div class="class-name">.opal-icon-wishlist-fill</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-wishlist"></div>
        <div class="class-name">.opal-icon-wishlist</div>
    </div>
</div>{"id":1910,"date":"2021-06-07T01:23:52","date_gmt":"2021-06-07T01:23:52","guid":{"rendered":"http:\/\/dev2.wpopal.com\/kilio\/?page_id=1910"},"modified":"2021-06-07T01:23:52","modified_gmt":"2021-06-07T01:23:52","slug":"icon","status":"publish","type":"page","link":"http:\/\/dev2.wpopal.com\/kilio\/icon\/","title":{"rendered":"Icon"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1910","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/dev2.wpopal.com\/kilio\/wp-json\/wp\/v2\/pages\/1910","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/dev2.wpopal.com\/kilio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/dev2.wpopal.com\/kilio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/dev2.wpopal.com\/kilio\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"http:\/\/dev2.wpopal.com\/kilio\/wp-json\/wp\/v2\/comments?post=1910"}],"version-history":[{"count":0,"href":"http:\/\/dev2.wpopal.com\/kilio\/wp-json\/wp\/v2\/pages\/1910\/revisions"}],"wp:attachment":[{"href":"http:\/\/dev2.wpopal.com\/kilio\/wp-json\/wp\/v2\/media?parent=1910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}