图标

<secton class="aui-grid">
    <div class="row aui-text-center">
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-menu"></i>
            <p>menu</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-paper"></i>
            <p>paper</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-info"></i>
            <p>info</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-question"></i>
            <p>question</p>
        </div>

        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-left"></i>
            <p>left</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-top"></i>
            <p>right</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-right"></i>
            <p>top</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-down"></i>
            <p>down</p>
        </div>

        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-correct"></i>
            <p>correct</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-close"></i>
            <p>close</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-plus"></i>
            <p>plus</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-minus"></i>
            <p>minus</p>
        </div>

        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-my"></i>
            <p>my</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-home"></i>
            <p>home</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-phone"></i>
            <p>phone</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-mobile"></i>
            <p>mobile</p>
        </div>


        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-laud"></i>
            <p>laud</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-like"></i>
            <p>like</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-star"></i>
            <p>star</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-comment"></i>
            <p>comment</p>
        </div>


        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-share"></i>
            <p>share</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-pencil"></i>
            <p>pencil</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-edit"></i>
            <p>edit</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-search"></i>
            <p>search</p>
        </div>

        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-image"></i>
            <p>image</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-camera"></i>
            <p>camera</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-video"></i>
            <p>video</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-mail"></i>
            <p>mail</p>
        </div>

        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-more"></i>
            <p>more</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-trash"></i>
            <p>trash</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-recovery"></i>
            <p>recovery</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-refresh"></i>
            <p>refresh</p>
        </div>



        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-cart"></i>
            <p>cart</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-gear"></i>
            <p>gear</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-map"></i>
            <p>map</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-location"></i>
            <p>location</p>
        </div>


        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-forward"></i>
            <p>forward</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-back"></i>
            <p>back</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-lock"></i>
            <p>lock</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-unlock"></i>
            <p>unlock</p>
        </div>


        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-calendar"></i>
            <p>calendar</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-date"></i>
            <p>date</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-display"></i>
            <p>display</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-hide"></i>
            <p>hide</p>
        </div>

        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-flag"></i>
            <p>flag</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-cert"></i>
            <p>cert</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-qq"></i>
            <p>qq</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-wechat"></i>
            <p>wechat</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-wechat-circle"></i>
            <p>wechat-circle</p>
        </div>
        <div class="aui-col-xs-3">
            <i class="aui-iconfont aui-icon-weibo"></i>
            <p>weibo</p>
        </div>
    </div>
</section>