slds-icon-font/src/app/components/icon-font/icon-font.html

Icon font version of Salesforce Lighting Design System SVGs

<div ng-click="copyText(obj)">
    <span class="icon sldsicon-{{ obj.category }}-{{ obj.name }}"
        ng-if="obj.category === 'doctype'"
        ng-style="{ 'font-size': size + 'rem' }">
        <span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4" ng-if="obj.paths === 4 || obj.paths === 5"></span><span class="path5" ng-if="obj.paths === 5"></span>
    </span>

    <i class="icon sldsicon-{{ obj.category }}-{{ obj.name }}"
        ng-if="obj.category !== 'doctype'"
        ng-style="{ 'font-size': size + 'rem' }"></i>

    <input class="icon-input" readonly="readonly"
        ng-model="obj.input">

    <div class="icon-tooltip slds-popover slds-nubbin--top" role="dialog"
        ng-class="hasClicked ? 'active' : ''">
        <div class="slds-popover__body">Copied to your clipboard!</div>
    </div>
</div>