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

    <div class="glyph">
        <div class="opal-icon-account"></div>
        <div class="class-name">.opal-icon-account</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-down"></div>
        <div class="class-name">.opal-icon-angle-down</div>
    </div>

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

    <div class="glyph">
        <div class="opal-icon-cactus"></div>
        <div class="class-name">.opal-icon-cactus</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-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"></div>
        <div class="class-name">.opal-icon-check</div>
    </div>

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

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

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

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

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

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

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

    <div class="glyph">
        <div class="opal-icon-leaf"></div>
        <div class="class-name">.opal-icon-leaf</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-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-love"></div>
        <div class="class-name">.opal-icon-love</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-men"></div>
        <div class="class-name">.opal-icon-men</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-minus"></div>
        <div class="class-name">.opal-icon-minus</div>
    </div>

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

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

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

    <div class="glyph">
        <div class="opal-icon-phone-volume"></div>
        <div class="class-name">.opal-icon-phone-volume</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-retweet"></div>
        <div class="class-name">.opal-icon-retweet</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-plus"></div>
        <div class="class-name">.opal-icon-search-plus</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-seeds"></div>
        <div class="class-name">.opal-icon-seeds</div>
    </div>

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

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

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

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

    <div class="glyph">
        <div class="opal-icon-sort"></div>
        <div class="class-name">.opal-icon-sort</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-tags"></div>
        <div class="class-name">.opal-icon-tags</div>
    </div>

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

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

    <div class="glyph">
        <div class="opal-icon-usd-circle"></div>
        <div class="class-name">.opal-icon-usd-circle</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-view_grid"></div>
        <div class="class-name">.opal-icon-view_grid</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-volumn_control"></div>
        <div class="class-name">.opal-icon-volumn_control</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 class="glyph">
        <div class="opal-icon-women"></div>
        <div class="class-name">.opal-icon-women</div>
    </div>
</div>{"id":1487,"date":"2019-05-03T08:29:04","date_gmt":"2019-05-03T08:29:04","guid":{"rendered":"http:\/\/dev.wpopal.com\/thegreen\/?page_id=1487"},"modified":"2019-05-03T08:29:04","modified_gmt":"2019-05-03T08:29:04","slug":"icons","status":"publish","type":"page","link":"http:\/\/dev.wpopal.com\/thegreen\/icons\/","title":{"rendered":"Icons"},"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-1487","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/dev.wpopal.com\/thegreen\/wp-json\/wp\/v2\/pages\/1487","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/dev.wpopal.com\/thegreen\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/dev.wpopal.com\/thegreen\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/dev.wpopal.com\/thegreen\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"http:\/\/dev.wpopal.com\/thegreen\/wp-json\/wp\/v2\/comments?post=1487"}],"version-history":[{"count":0,"href":"http:\/\/dev.wpopal.com\/thegreen\/wp-json\/wp\/v2\/pages\/1487\/revisions"}],"wp:attachment":[{"href":"http:\/\/dev.wpopal.com\/thegreen\/wp-json\/wp\/v2\/media?parent=1487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}