<div class="opal-icon-list">
    <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-admin"></div>
        <div class="class-name">.opal-icon-admin</div>
    </div>

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

    <div class="glyph">
        <div class="opal-icon-analysis"></div>
        <div class="class-name">.opal-icon-analysis</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-arrival"></div>
        <div class="class-name">.opal-icon-arrival</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-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-best"></div>
        <div class="class-name">.opal-icon-best</div>
    </div>

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

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

    <div class="glyph">
        <div class="opal-icon-boost"></div>
        <div class="class-name">.opal-icon-boost</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-car"></div>
        <div class="class-name">.opal-icon-car</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-cases_2"></div>
        <div class="class-name">.opal-icon-cases_2</div>
    </div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    <div class="glyph">
        <div class="opal-icon-quality_2"></div>
        <div class="class-name">.opal-icon-quality_2</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-quickview"></div>
        <div class="class-name">.opal-icon-quickview</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-recovery"></div>
        <div class="class-name">.opal-icon-recovery</div>
    </div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    <div class="glyph">
        <div class="opal-icon-waxing"></div>
        <div class="class-name">.opal-icon-waxing</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-worker"></div>
        <div class="class-name">.opal-icon-worker</div>
    </div>
</div>{"id":1673,"date":"2019-09-04T10:12:51","date_gmt":"2019-09-04T10:12:51","guid":{"rendered":"http:\/\/dev.wpopal.com\/costix\/?page_id=1673"},"modified":"2019-09-04T10:13:11","modified_gmt":"2019-09-04T10:13:11","slug":"icons","status":"publish","type":"page","link":"http:\/\/dev.wpopal.com\/costix\/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":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1673","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/dev.wpopal.com\/costix\/wp-json\/wp\/v2\/pages\/1673","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/dev.wpopal.com\/costix\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/dev.wpopal.com\/costix\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/dev.wpopal.com\/costix\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/dev.wpopal.com\/costix\/wp-json\/wp\/v2\/comments?post=1673"}],"version-history":[{"count":0,"href":"http:\/\/dev.wpopal.com\/costix\/wp-json\/wp\/v2\/pages\/1673\/revisions"}],"wp:attachment":[{"href":"http:\/\/dev.wpopal.com\/costix\/wp-json\/wp\/v2\/media?parent=1673"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}