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

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

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

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

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

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

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

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

    <div class="glyph">
        <div class="opal-icon-plus-circle"></div>
        <div class="class-name">.opal-icon-plus-circle</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-quote2"></div>
        <div class="class-name">.opal-icon-quote2</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-share-alt"></div>
        <div class="class-name">.opal-icon-share-alt</div>
    </div>

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

    <div class="glyph">
        <div class="opal-icon-sliders-v"></div>
        <div class="class-name">.opal-icon-sliders-v</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-user-headset"></div>
        <div class="class-name">.opal-icon-user-headset</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-volunteer"></div>
        <div class="class-name">.opal-icon-volunteer</div>
    </div>

    <div class="glyph">
        <div class="opal-icon-wildlife"></div>
        <div class="class-name">.opal-icon-wildlife</div>
    </div>
</div>{"id":966,"date":"2019-08-20T03:03:43","date_gmt":"2019-08-20T03:03:43","guid":{"rendered":"https:\/\/demo2.wpopal.com\/unity\/?page_id=966"},"modified":"2019-08-20T03:03:43","modified_gmt":"2019-08-20T03:03:43","slug":"icons","status":"publish","type":"page","link":"https:\/\/demo2.wpopal.com\/unity\/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\/unity\/wp-json\/wp\/v2\/pages\/966"}],"collection":[{"href":"https:\/\/demo2.wpopal.com\/unity\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo2.wpopal.com\/unity\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo2.wpopal.com\/unity\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo2.wpopal.com\/unity\/wp-json\/wp\/v2\/comments?post=966"}],"version-history":[{"count":0,"href":"https:\/\/demo2.wpopal.com\/unity\/wp-json\/wp\/v2\/pages\/966\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo2.wpopal.com\/unity\/wp-json\/wp\/v2\/media?parent=966"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}