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

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

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

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

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

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

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

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

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

    <div class="glyph">
        <div class="opal-icon-envelope-open-text"></div>
        <div class="class-name">.opal-icon-envelope-open-text</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-experience"></div>
        <div class="class-name">.opal-icon-experience</div>
    </div>

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

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

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

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

    <div class="glyph">
        <div class="opal-icon-lightbulb-on"></div>
        <div class="class-name">.opal-icon-lightbulb-on</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-map-marked-alt"></div>
        <div class="class-name">.opal-icon-map-marked-alt</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-map-marker-check"></div>
        <div class="class-name">.opal-icon-map-marker-check</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-media"></div>
        <div class="class-name">.opal-icon-media</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-microphone-alt"></div>
        <div class="class-name">.opal-icon-microphone-alt</div>
    </div>

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

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

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

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

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

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

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

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

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

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

    <div class="glyph">
        <div class="opal-icon-quote"></div>
        <div class="class-name">.opal-icon-quote</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-shopping-cart"></div>
        <div class="class-name">.opal-icon-shopping-cart</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-subway"></div>
        <div class="class-name">.opal-icon-subway</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-thumbs-up"></div>
        <div class="class-name">.opal-icon-thumbs-up</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-toggle"></div>
        <div class="class-name">.opal-icon-toggle</div>
    </div>

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

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

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

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

    <div class="glyph">
        <div class="opal-icon-water"></div>
        <div class="class-name">.opal-icon-water</div>
    </div>
</div>{"id":48,"date":"2019-07-24T06:48:53","date_gmt":"2019-07-24T06:48:53","guid":{"rendered":"https:\/\/demo2.wpopal.com\/spker\/?page_id=48"},"modified":"2019-07-24T06:49:03","modified_gmt":"2019-07-24T06:49:03","slug":"icons","status":"publish","type":"page","link":"https:\/\/demo2.wpopal.com\/spker\/icons\/","title":{"rendered":"Icons"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/demo2.wpopal.com\/spker\/wp-json\/wp\/v2\/pages\/48"}],"collection":[{"href":"https:\/\/demo2.wpopal.com\/spker\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo2.wpopal.com\/spker\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo2.wpopal.com\/spker\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo2.wpopal.com\/spker\/wp-json\/wp\/v2\/comments?post=48"}],"version-history":[{"count":0,"href":"https:\/\/demo2.wpopal.com\/spker\/wp-json\/wp\/v2\/pages\/48\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo2.wpopal.com\/spker\/wp-json\/wp\/v2\/media?parent=48"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}