<div class="opal-icon-list">
    <div class="glyph">
        <div class="opal-icon-architect"></div>
        <div class="class-name">.opal-icon-architect</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-awards"></div>
        <div class="class-name">.opal-icon-awards</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-building_2"></div>
        <div class="class-name">.opal-icon-building_2</div>
    </div>

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

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

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

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

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

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

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

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

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

    <div class="glyph">
        <div class="opal-icon-location-circle"></div>
        <div class="class-name">.opal-icon-location-circle</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-marker-alt"></div>
        <div class="class-name">.opal-icon-map-marker-alt</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-money-bill-wave"></div>
        <div class="class-name">.opal-icon-money-bill-wave</div>
    </div>

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

    <div class="glyph">
        <div class="opal-icon-phone-square"></div>
        <div class="class-name">.opal-icon-phone-square</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-planning"></div>
        <div class="class-name">.opal-icon-planning</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-plus"></div>
        <div class="class-name">.opal-icon-plus</div>
    </div>

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

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

    <div class="glyph">
        <div class="opal-icon-quality"></div>
        <div class="class-name">.opal-icon-quality</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-right"></div>
        <div class="class-name">.opal-icon-quote-right</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-quote1"></div>
        <div class="class-name">.opal-icon-quote1</div>
    </div>

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

    <div class="glyph">
        <div class="opal-icon-square-full"></div>
        <div class="class-name">.opal-icon-square-full</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-team"></div>
        <div class="class-name">.opal-icon-team</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-tint"></div>
        <div class="class-name">.opal-icon-tint</div>
    </div>

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

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

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

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

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