Salesforce Lightning Design System - Card without SVG icons

card.html

<article class="slds-card">

    <div class="slds-card__header slds-grid">
        <header class="slds-media slds-media_center slds-has-flexi-truncate">
            <div class="slds-media__figure">
                <lightning:icon iconName="standard:opportunity" alternativeText="TITLE" />
            </div>
            <div class="slds-media__body">
                <h2 class="slds-card__header-title">
                    <a href="javascript:void(0);" class="slds-card__header-link slds-truncate" title="TITLE">
                        <span class="slds-text-heading_small">TITLE</span>
                    </a>
                </h2>
            </div>
        </header>
    </div>

    <div class="slds-card__body slds-card__body_inner">

        <div class="slds-grid slds-wrap slds-gutters">
            <div class="slds-col slds-size_1-of-2">
                left
            </div>
            <div class="slds-col slds-size_1-of-2">
                right                        
            </div>
        </div>

    </div>

    <footer class="slds-card__footer">

        <div class="slds-m-top_medium">
            FOOTER
        </div>

    </footer>

</article>