vue集成iconfont、fontawesome和图标选择器（含fontawesome、el-icon和加入的iconfont）

（一）引入iconfont字体图标库

将图标加入购物车

阿里巴巴矢量图标库：

新建（添加至）项目

右上角的购物车 → 添加至项目 → 进入到项目页面

下载后项目中引入

点击下载至本地，解压缩包，只需要这四个文件

此时.ttf和.woff文件已经保存了前面步骤的图标，将其复制于 src/assets/iconfont （看个人爱好）

然后main.js全局引入这个css就行

// 引入自定义iconfont
import "@/assets/iconfont/iconfont.css";

在iconfont.css文件中可以看到、更改图标对应得类名，iconfont是根类名，每个图标必须都有的，使用：

<i calss="iconfont icon-yangtuo" ></i>

（二）引入fontawesome

安装依赖

npm install font-awesome --save

main.js

import 'font-awesome/css/font-awesome.min.css' 

使用

<i class="fa fa-camera-retro"></i>

（三）图标选择器

效果图

结构

使用

		<IconPicker
            v-model="row.icon"
            placement="bottom-left"
            size="40"
            width="1000"
        ></IconPicker>

在新增iconfont图标后只需在iconList里面添加对应类名即可，比如"iconfont icon-CS"

源码

index.vue

<template>
  <el-popover
    v-model="visible"
    trigger="click"
    title="选择图标"
    popper-class="el-icon-popper"
    :placement="placement"
    :width="width"
    @after-leave="hide"
  >
    <i :class="_prefixIcon" class="fa-2x select-icon" slot="reference"></i>

    <div slot="" class="ui-fas">
      <el-input
        v-model="_name"
        :style="getInputStyle"
        placeholder="请选择图标"
        @change="_changeInput"
        clearable
      >
        <template slot="prepend"><i :class="_prefixIcon" :style="getBtnStyle" /></template>
      </el-input>
      <!-- 图标列表 -->
      <ul class="fas-icon-list">
        <li
          v-for="(item, index) in iconList"
          :key="index"
          :title="item"
          :style="getLiStyle"
          @click="selectedIcon(item)"
        >
          <i :class="item" :style="getLiIStyle" />
          <!-- <div v-show="title">{{ getIconTitle(item) }}</div> -->
        </li>
      </ul>
    </div>
  </el-popover>
</template>

<script>
import fontawesome from "./iconList";

export default {
  name: "iconPicker",
  props: {
    value: {
      type: String,
      default() {
        return "";
      }
    },
    placement: {
      type: String,
      //  bottom
      default() {
        return "bottom";
      }
    },
    width: {
      default: 1000
    },
    size: {
      default: 50
    }
    // title: {
    //   type: Boolean,
    //   default: false
    // }
  },
  computed: {
    _size() {
      let px = this.size.toString().indexOf("px");
      return px !== -1 ? this.size.substring(0, px) : this.size;
    },
    _maxSize() {
      return this._size > 50 ? 50 : this._size;
    },
    _prefixIcon: {
      get() {
        return this._name ? this._name : this.defalutIcon;
      },
      set(val) {
        if (!val) {
          this._prefixIcon = this.defalutIcon;
        }
      }
    },
    _name: {
      get() {
        return this.value;
      },
      set(val) {
        this.$emit("input", val);
      }
    },
    getBtnStyle() {
      return {
        fontSize: this._maxSize / 2.5 + "px"
        // border: this.value ? "" : "1px dotted #acafb4"
      };
    },
    getInputStyle() {
      return { fontSize: this._maxSize / 3 + "px" };
    },
    getLiStyle() {
      return { height: this._size + "px", width: this._size + "px", lineHeight: this._size + "px" };
    },
    getLiIStyle() {
      return { fontSize: this._size / 2 + "px" };
    }
  },
  watch: {},
  data() {
    return {
      iconList: fontawesome,
      visible: false,
      defalutIcon: "el-icon-plus"
    };
  },
  created() {},
  mounted() {},
  beforeDestroy() {},
  methods: {
    // 搜索
    _changeInput(val) {
      this.iconList = fontawesome.filter((_) => _.indexOf(val) !== -1);
    },
    selectedIcon(val) {
      this._name = val;
      this.visible = false;
    },
    // getIconTitle(val) {
    //   let el = val.lastIndexOf("el-icon-") + 1; // el-icon
    //   let fa = val.lastIndexOf("fa-") + 1; // fa
    //   let iconfont = val.lastIndexOf("icon-") + 1; // fa
    //   return val.substring(el ? el + 7 : 0 || fa ? fa + 2 : 0 || iconfont ? iconfont + 4 : 0);
    // },
    hide() {
      if (!this.iconList.includes(this._name)) {
        this._name = "";
        this.iconList = fontawesome;
      }
    }
  }
};
</script>

<style>
.el-icon-popper {
  top: 100%;
  left: 0;
}

[class^="fa"] {
  vertical-align: middle;
  text-align: center;
}
.fas-icon-list {
  list-style-type: none;
  margin-top: 8px;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-height: 400px;
  overflow: auto;
}

.fas-icon-list li {
  /* margin: 3px;
  padding: 5px; */
  cursor: pointer;
}

.fas-icon-list li:hover {
  background-color: rgba(204, 232, 250, 0.7);
}

.fas-icon-list div {
  overflow: hidden;
  white-space: nowrap;
  /* text-emphasis: "-"; */
  text-overflow: ellipsis;
}

.select-icon:hover {
  background-color: rgba(204, 232, 250, 1);
  cursor: pointer;
}
</style>

iconList.js

export default ["iconfont icon-CS","fa fa-slack","el-icon-s-ticket","fa fa-arrows-alt","el-icon-s-help","fa fa-wpexplorer","fa fa-video-camera","fa fa-cutlery","fa fa-times-rectangle-o","fa fa-coffee","el-icon-message-solid","fa fa-play-circle","el-icon-remove-outline","el-icon-document-add","fa fa-chain","fa fa-hand-rock-o","el-icon-user-solid","fa fa-list-ul","fa fa-sitemap","el-icon-guide","el-icon-goblet","fa fa-step-backward","fa fa-columns","fa fa-arrow-left","fa fa-fa","fa fa-italic","fa fa-turkish-lira","el-icon-s-flag","fa fa-github-square","fa fa-mobile","fa fa-file-o","fa fa-paw","fa fa-tree","fa fa-remove","fa fa-adn","fa fa-google-plus","el-icon-d-caret","fa fa-external-link","el-icon-caret-right","fa fa-maxcdn","fa fa-battery-three-quarters","fa fa-cc","fa fa-wpbeginner","el-icon-trophy","fa fa-universal-access","fa fa-hand-grab-o","el-icon-s-claim","fa fa-vine","fa fa-hacker-news","fa fa-sticky-note","fa fa-caret-square-o-right","fa fa-yahoo","fa fa-shopping-basket","fa fa-code-fork","fa fa-user","el-icon-office-building","el-icon-location-information","el-icon-s-data","fa fa-codepen","fa fa-reorder","fa fa-cc-mastercard","fa fa-laptop","fa fa-sheqel","fa fa-chevron-circle-left","fa fa-meh-o","fa fa-spoon","fa fa-cloud","fa fa-file-pdf-o","el-icon-monitor","fa fa-deaf","fa fa-th-list","fa fa-address-book-o","fa fa-quote-right","fa fa-battery-2","fa fa-battery-1","fa fa-bookmark","fa fa-battery-4","fa fa-file-sound-o","fa fa-battery-3","el-icon-files","fa fa-caret-square-o-up","fa fa-xing","fa fa-battery-0","fa fa-upload","fa fa-commenting-o","fa fa-chevron-circle-right","el-icon-cloudy","el-icon-s-management","fa fa-times","el-icon-truck","fa fa-pie-chart","fa fa-leanpub","el-icon-ice-tea","fa fa-glass","fa fa-toggle-left","fa fa-hand-o-right","el-icon-knife-fork","fa fa-file-code-o","fa fa-hand-spock-o","fa fa-asl-interpreting","fa fa-pencil","el-icon-chat-line-square","fa fa-calendar","fa fa-i-cursor","el-icon-apple","fa fa-shirtsinbulk","el-icon-pear","fa fa-caret-up","el-icon-document-delete","fa fa-snapchat-ghost","fa fa-user-circle","el-icon-baseball","el-icon-zoom-in","fa fa-user-times","fa fa-tencent-weibo","fa fa-close","fa fa-tags","fa fa-skype","el-icon-download","fa fa-ge","fa fa-digg","fa fa-ravelry","fa fa-binoculars","fa fa-gg","fa fa-soccer-ball-o","fa fa-google","fa fa-beer","el-icon-heavy-rain","fa fa-contao","fa fa-mars-stroke","fa fa-cube","el-icon-arrow-left","fa fa-align-justify","fa fa-file-archive-o","fa fa-toggle-on","el-icon-folder-add","fa fa-whatsapp","fa fa-suitcase","el-icon-warning","fa fa-pencil-square","fa fa-font","el-icon-attract","fa fa-eercast","fa fa-trello","fa fa-calendar-plus-o","el-icon-video-camera","fa fa-arrow-circle-left","el-icon-view","fa fa-pencil-square-o","fa fa-connectdevelop","fa fa-bullhorn","el-icon-error","fa fa-thermometer-half","el-icon-loading","fa fa-chevron-left","fa fa-stack-exchange","fa fa-book","el-icon-coffee-cup","fa fa-arrows","fa fa-window-close-o","fa fa-shekel","fa fa-git","fa fa-scissors","fa fa-fast-forward","fa fa-cc-amex","fa fa-car","el-icon-s-operation","el-icon-headset","fa fa-tint","el-icon-time","fa fa-outdent","el-icon-chat-square","el-icon-orange","fa fa-flickr","fa fa-arrow-up","fa fa-music","el-icon-connection","fa fa-mercury","fa fa-html5","fa fa-microphone-slash","fa fa-simplybuilt","el-icon-mobile","fa fa-inr","el-icon-bank-card","fa fa-send-o","fa fa-krw","fa fa-long-arrow-up","fa fa-thumbs-down","fa fa-diamond","fa fa-bolt","fa fa-hand-pointer-o","el-icon-football","fa fa-bomb","el-icon-mobile-phone","fa fa-paste","fa fa-birthday-cake","fa fa-jsfiddle","fa fa-file-movie-o","el-icon-remove","fa fa-tag","fa fa-youtube","fa fa-thumbs-o-up","el-icon-top","el-icon-folder-checked","fa fa-keyboard-o","fa fa-hand-peace-o","fa fa-blind","el-icon-folder","el-icon-warning-outline","el-icon-aim","fa fa-list-ol","el-icon-pie-chart","fa fa-id-card","el-icon-crop","el-icon-zoom-out","fa fa-cab","fa fa-delicious","el-icon-copy-document","fa fa-file-powerpoint-o","fa fa-dollar","fa fa-shield fa-rotate-270","fa fa-ils","fa fa-backward","fa fa-etsy","el-icon-cpu","fa fa-circle-thin","fa fa-copyright","fa fa-folder","fa fa-group","fa fa-spotify","fa fa-television","fa fa-vimeo","el-icon-present","el-icon-price-tag","el-icon-sugar","fa fa-hospital-o","fa fa-volume-control-phone","el-icon-table-lamp","fa fa-sort-desc","el-icon-video-camera-solid","fa fa-mail-forward","fa fa-twitter","fa fa-bluetooth-b","el-icon-printer","fa fa-chevron-circle-up","fa fa-ioxhost","el-icon-ship","el-icon-data-analysis","el-icon-caret-left","el-icon-sunset","fa fa-at","fa fa-pause","fa fa-angle-left","fa fa-quora","fa fa-eraser","el-icon-odometer","fa fa-rss-square","el-icon-question","fa fa-thermometer-three-quarters","fa fa-hdd-o","fa fa-gittip","fa fa-mobile-phone","el-icon-school","fa fa-users","el-icon-watch","fa fa-assistive-listening-systems","fa fa-caret-square-o-down","fa fa-unlock","fa fa-play","fa fa-superscript","fa fa-chevron-right","fa fa-sign-in","el-icon-unlock","el-icon-document-checked","el-icon-notebook-2","fa fa-paint-brush","fa fa-youtube-play","el-icon-notebook-1","fa fa-odnoklassniki","fa fa-empire","fa fa-deafness","fa fa-arrow-circle-up","fa fa-photo","fa fa-reddit-alien","fa fa-shopping-cart","fa fa-fire-extinguisher","fa fa-share-square","el-icon-potato-strips","el-icon-cloudy-and-sunny","fa fa-picture-o","fa fa-cc-diners-club","el-icon-refresh","el-icon-wallet","fa fa-square","fa fa-times-circle-o","el-icon-user","el-icon-circle-check","fa fa-wechat","fa fa-search-plus","fa fa-window-restore","el-icon-document-copy","fa fa-sort-alpha-asc","fa fa-gbp","el-icon-thumb","fa fa-font-awesome","el-icon-watermelon","fa fa-facebook-official","fa fa-quote-left","fa fa-thumbs-o-down","fa fa-hand-scissors-o","fa fa-linux","fa fa-steam","fa fa-building","fa fa-soundcloud","fa fa-sticky-note-o","fa fa-amazon","el-icon-more","fa fa-eye-slash","fa fa-lightbulb-o","fa fa-arrow-circle-o-left","fa fa-align-right","fa fa-long-arrow-right","el-icon-collection","fa fa-bar-chart-o","el-icon-bottom-right","fa fa-modx","fa fa-android","fa fa-times-rectangle","fa fa-cc-discover","fa fa-star-half-o","fa fa-firefox","el-icon-s-release","fa fa-snowflake-o","fa fa-glide-g","el-icon-smoking","el-icon-picture-outline-round","fa fa-paypal","fa fa-pied-piper-alt","fa fa-cloud-download","fa fa-circle-o","fa fa-github","el-icon-picture-outline","el-icon-map-location","el-icon-sunrise","fa fa-gratipay","fa fa-underline","fa fa-key","fa fa-magic","fa fa-caret-right","fa fa-grav","el-icon-right","fa fa-facebook-f","fa fa-address-card","fa fa-object-group","fa fa-google-plus-square","fa fa-btc","fa fa-viacoin","fa fa-address-book","fa fa-battery","el-icon-sort-up","el-icon-s-cooperation","fa fa-windows","fa fa-bus","fa fa-sun-o","fa fa-strikethrough","el-icon-upload","fa fa-tablet","el-icon-medal-1","fa fa-bold","el-icon-cherry","fa fa-life-bouy","el-icon-soccer","fa fa-image","fa fa-align-left","fa fa-crop","fa fa-microphone","fa fa-bug","fa fa-wpforms","fa fa-slideshare","fa fa-xing-square","fa fa-transgender","fa fa-hotel","fa fa-file-image-o","fa fa-battery-half","el-icon-mouse","fa fa-pause-circle-o","el-icon-circle-plus","fa fa-indent","fa fa-share-square-o","fa fa-codiepie","el-icon-news","fa fa-rotate-left","fa fa-toggle-right","fa fa-behance-square","fa fa-exchange","el-icon-burger","fa fa-mail-reply-all","fa fa-ship","fa fa-exclamation","fa fa-umbrella","el-icon-goblet-square-full","fa fa-meanpath","fa fa-warning","el-icon-more-outline","el-icon-alarm-clock","fa fa-spinner","fa fa-exclamation-circle","fa fa-google-plus-circle","fa fa-share-alt-square","el-icon-check","fa fa-external-link-square","fa fa-wheelchair-alt","fa fa-low-vision","fa fa-step-forward","fa fa-asterisk","el-icon-moon","fa fa-angle-double-down","fa fa-sort-amount-asc","fa fa-arrows-v","el-icon-info","el-icon-s-tools","fa fa-support","fa fa-s15","el-icon-add-location","fa fa-undo","el-icon-sunrise-1","fa fa-signing","el-icon-delete-location","fa fa-tachometer","fa fa-long-arrow-left","fa fa-comment-o","fa fa-flask","el-icon-ice-cream-round","fa fa-flash","fa fa-youtube-square","el-icon-circle-close","fa fa-arrows-h","fa fa-steam-square","fa fa-dedent","fa fa-hard-of-hearing","fa fa-dashcube","fa fa-language","fa fa-newspaper-o","fa fa-trophy","fa fa-forumbee","fa fa-genderless","el-icon-location-outline","fa fa-angle-double-right","fa fa-imdb","fa fa-automobile","el-icon-fork-spoon","fa fa-list","fa fa-calendar-check-o","fa fa-heart","fa fa-pinterest","fa fa-vcard","fa fa-pinterest-square","fa fa-flag-checkered","el-icon-shopping-cart-full","el-icon-top-left","el-icon-tableware","el-icon-light-rain","fa fa-user-circle-o","el-icon-food","fa fa-mars-double","fa fa-circle","fa fa-envelope-square","fa fa-briefcase","fa fa-check-circle","fa fa-check-square","fa fa-houzz","fa fa-calendar-o","fa fa-paperclip","el-icon-sort-down","el-icon-location","fa fa-caret-left","fa fa-money","el-icon-finished","el-icon-rank","el-icon-suitcase","el-icon-caret-top","fa fa-id-badge","el-icon-discover","fa fa-expeditedssl","el-icon-arrow-down","el-icon-no-smoking","fa fa-calendar-times-o","fa fa-credit-card","fa fa-sort-down","fa fa-map","fa fa-clock-o","fa fa-rupee","fa fa-usd","el-icon-s-marketing","fa fa-save","fa fa-terminal","fa fa-venus-mars","fa fa-bicycle","fa fa-graduation-cap","el-icon-paperclip","fa fa-usb","el-icon-postcard","fa fa-window-close","fa fa-shield fa-rotate-90","fa fa-database","el-icon-s-shop","fa fa-yelp","fa fa-thermometer-empty","fa fa-text-height","fa fa-gear","el-icon-folder-opened","fa fa-share-alt","fa fa-star-half-empty","fa fa-intersex","fa fa-sort-alpha-desc","fa fa-reddit-square","fa fa-retweet","fa fa-foursquare","fa fa-sellsy","fa fa-minus","fa fa-share","fa fa-neuter","fa fa-phone-square","fa fa-volume-down","fa fa-paper-plane-o","fa fa-linode","fa fa-gift","fa fa-bluetooth","fa fa-floppy-o","fa fa-gears","fa fa-arrow-circle-right","fa fa-hand-o-left","fa fa-weixin","el-icon-stopwatch","fa fa-crosshairs","fa fa-bell-o","el-icon-collection-tag","el-icon-phone-outline","el-icon-house","fa fa-puzzle-piece","fa fa-industry","fa fa-stack-overflow","el-icon-s-grid","fa fa-tasks","fa fa-drupal","fa fa-hand-o-down","el-icon-chat-dot-square","el-icon-sort","fa fa-battery-full","el-icon-dish","fa fa-smile-o","fa fa-align-center","el-icon-plus","fa fa-link","el-icon-sold-out","el-icon-video-pause","el-icon-chat-line-round","fa fa-power-off","fa fa-stop","el-icon-d-arrow-left","fa fa-chevron-circle-down","fa fa-handshake-o","fa fa-moon-o","fa fa-resistance","fa fa-y-combinator-square","el-icon-video-play","fa fa-hourglass-start","fa fa-signal","fa fa-paper-plane","el-icon-share","el-icon-chat-dot-round","fa fa-desktop","el-icon-key","el-icon-data-line","fa fa-life-buoy","fa fa-microchip","el-icon-goods","fa fa-qrcode","fa fa-random","fa fa-won","fa fa-bitcoin","fa fa-arrow-circle-o-up","el-icon-bicycle","fa fa-user-md","el-icon-service","fa fa-git-square","fa fa-adjust","el-icon-menu","fa fa-search-minus","el-icon-film","el-icon-close-notification","fa fa-odnoklassniki-square","fa fa-battery-empty","fa fa-pied-piper-pp","el-icon-mic","fa fa-opencart","el-icon-scissors","fa fa-camera","el-icon-moon-night","el-icon-star-on","el-icon-medal","el-icon-refresh-left","el-icon-shopping-cart-2","el-icon-s-platform","fa fa-square-o","fa fa-sort-asc","fa fa-info-circle","el-icon-shopping-cart-1","el-icon-set-up","fa fa-eyedropper","el-icon-data-board","fa fa-instagram","fa fa-lastfm","el-icon-lock","fa fa-folder-open-o","fa fa-thermometer-4","fa fa-star-o","fa fa-bell-slash","fa fa-google-wallet","fa fa-angle-down","el-icon-s-opportunity","fa fa-file-audio-o","fa fa-sort-numeric-desc","fa fa-plus-square-o","fa fa-reply","el-icon-upload2","fa fa-chevron-up","fa fa-mixcloud","el-icon-wind-power","fa fa-bed","fa fa-question-circle-o","fa fa-cc-jcb","el-icon-brush","fa fa-chevron-down","fa fa-thermometer-full","fa fa-trash","fa fa-arrow-circle-down","fa fa-forward","el-icon-c-scale-to-original","fa fa-file-word-o","fa fa-id-card-o","el-icon-eleme","fa fa-podcast","el-icon-back","fa fa-glide","el-icon-setting","fa fa-comments-o","fa fa-wheelchair","el-icon-s-fold","el-icon-picture","fa fa-long-arrow-down","el-icon-arrow-right","fa fa-unlink","fa fa-snapchat-square","el-icon-delete","fa fa-location-arrow","fa fa-ban","fa fa-envelope-open-o","fa fa-google-plus-official","el-icon-bell","fa fa-file-video-o","fa fa-window-minimize","fa fa-caret-down","fa fa-thermometer-1","fa fa-thermometer-0","fa fa-thermometer-3","fa fa-thermometer-2","fa fa-bar-chart","fa fa-question-circle","el-icon-goblet-full","fa fa-black-tie","fa fa-cloud-upload","fa fa-tripadvisor","fa fa-file-text-o","el-icon-chicken","fa fa-lemon-o","fa fa-wordpress","fa fa-mars","fa fa-first-order","fa fa-envelope-open","fa fa-barcode","fa fa-expand","fa fa-plane","el-icon-success","fa fa-arrow-right","fa fa-map-marker","el-icon-hot-water","fa fa-euro","fa fa-unsorted","fa fa-joomla","el-icon-first-aid-kit","fa fa-bath","el-icon-toilet-paper","fa fa-meetup","fa fa-chrome","el-icon-message","fa fa-repeat","fa fa-toggle-down","fa fa-rouble","fa fa-download","fa fa-life-ring","fa fa-shield fa-flip-vertical","el-icon-basketball","fa fa-globe","fa fa-jpy","fa fa-arrow-down","fa fa-shield","fa fa-balance-scale","el-icon-camera","el-icon-refrigerator","fa fa-apple","fa fa-fort-awesome","fa fa-tumblr","fa fa-file-photo-o","el-icon-milk-tea","fa fa-stop-circle-o","fa fa-stumbleupon","el-icon-folder-delete","fa fa-header","fa fa-twitch","fa fa-venus","fa fa-openid","fa fa-institution","fa fa-question","el-icon-s-check","fa fa-chain-broken","fa fa-recycle","fa fa-skyatlas","fa fa-file-excel-o","el-icon-coin","fa fa-bars","fa fa-hand-stop-o","fa fa-frown-o","el-icon-platform-eleme","fa fa-paragraph","fa fa-print","fa fa-circle-o-notch","fa fa-clipboard","fa fa-inbox","fa fa-sign-out","fa fa-navicon","fa fa-drivers-license-o","fa fa-legal","fa fa-leaf","el-icon-bottom-left","el-icon-umbrella","fa fa-flag","fa fa-hand-lizard-o","fa fa-bookmark-o","fa fa-copy","el-icon-s-home","fa fa-scribd","fa fa-mars-stroke-v","fa fa-shield fa-rotate-180","fa fa-life-saver","fa fa-envelope","el-icon-suitcase-1","fa fa-sort-amount-desc","fa fa-comments","el-icon-watch-1","el-icon-open","fa fa-500px","fa fa-reply-all","fa fa-map-pin","el-icon-place","fa fa-send","fa fa-arrow-circle-o-right","fa fa-university","fa fa-credit-card-alt","fa fa-road","fa fa-trash-o","fa fa-cart-plus","fa fa-futbol-o","fa fa-fax","fa fa-wifi","fa fa-user-o","el-icon-dish-1","fa fa-percent","fa fa-mars-stroke-h","el-icon-bangzhu","fa fa-refresh","fa fa-medkit","fa fa-safari","fa fa-server","fa fa-mouse-pointer","el-icon-close","fa fa-files-o","fa fa-dot-circle-o","el-icon-edit","fa fa-buysellads","fa fa-gamepad","fa fa-train","el-icon-box","el-icon-male","el-icon-arrow-up","fa fa-times-circle","fa fa-angle-double-up","el-icon-refresh-right","fa fa-braille","fa fa-product-hunt","fa fa-cubes","el-icon-sunny","el-icon-star-off","fa fa-eject","fa fa-cc-stripe","fa fa-address-card-o","fa fa-yen","el-icon-date","el-icon-female","fa fa-pagelines","fa fa-battery-quarter","fa fa-code","fa fa-rebel","fa fa-wikipedia-w","el-icon-phone","fa fa-th-large","fa fa-thermometer","el-icon-dessert","fa fa-history","fa fa-unlock-alt","el-icon-reading","fa fa-angellist","fa fa-minus-circle","fa fa-edit","fa fa-hourglass-half","fa fa-phone","fa fa-vk","fa fa-user-secret","fa fa-male","fa fa-internet-explorer","fa fa-plus","fa fa-shower","el-icon-search","fa fa-sort","fa fa-rotate-right","fa fa-dropbox","fa fa-feed","fa fa-bullseye","el-icon-camera-solid","fa fa-sign-language","fa fa-comment","fa fa-level-up","fa fa-heart-o","el-icon-folder-remove","el-icon-sell","fa fa-themeisle","fa fa-subscript","fa fa-wrench","fa fa-file-text","fa fa-shield fa-flip-horizontal","fa fa-american-sign-language-interpreting","fa fa-edge","fa fa-building-o","fa fa-tv","fa fa-certificate","fa fa-reddit","fa fa-th","fa fa-viadeo-square","el-icon-grape","fa fa-calculator","fa fa-minus-square-o","el-icon-s-finance","fa fa-archive","fa fa-rocket","fa fa-sort-numeric-asc","el-icon-delete-solid","fa fa-caret-square-o-left","fa fa-cogs","fa fa-twitter-square","fa fa-heartbeat","fa fa-headphones","el-icon-position","fa fa-cc-visa","fa fa-anchor","fa fa-motorcycle","fa fa-shopping-bag","fa fa-viadeo","el-icon-chat-round","el-icon-goblet-square","fa fa-angle-up","el-icon-full-screen","fa fa-superpowers","fa fa-tumblr-square","fa fa-commenting","fa fa-rss","fa fa-play-circle-o","el-icon-top-right","fa fa-flag-o","fa fa-mail-reply","fa fa-gg-circle","fa fa-thermometer-quarter","el-icon-money","fa fa-rub","fa fa-sort-up","fa fa-pinterest-p","el-icon-lollipop","fa fa-volume-up","fa fa-text-width","el-icon-edit-outline","fa fa-get-pocket","fa fa-level-down","fa fa-renren","el-icon-help","fa fa-css3","fa fa-bathtub","el-icon-lightning","fa fa-vimeo-square","fa fa-taxi","fa fa-gitlab","fa fa-fast-backward","fa fa-area-chart","fa fa-stethoscope","el-icon-circle-plus-outline","fa fa-pause-circle","fa fa-deviantart","el-icon-s-promotion","fa fa-h-square","fa fa-weibo","fa fa-fire","fa fa-angle-right","fa fa-cart-arrow-down","fa fa-bank","el-icon-caret-bottom","fa fa-cut","fa fa-mortar-board","fa fa-yc","fa fa-toggle-off","el-icon-coordinate","fa fa-window-maximize","fa fa-star","el-icon-minus","fa fa-exclamation-triangle","fa fa-eye","el-icon-discount","fa fa-trademark","fa fa-bitbucket","fa fa-stumbleupon-circle","fa fa-compass","fa fa-female","fa fa-folder-o","fa fa-audio-description","fa fa-home","fa fa-envelope-o","fa fa-filter","el-icon-switch-button","fa fa-registered","el-icon-s-open","fa fa-check-square-o","el-icon-partly-cloudy","el-icon-ice-drink","fa fa-bitbucket-square","fa fa-map-o","fa fa-vcard-o","fa fa-dribbble","fa fa-bandcamp","fa fa-snapchat","fa fa-arrow-circle-o-down","el-icon-s-unfold","el-icon-coffee","fa fa-plus-circle","fa fa-bell","fa fa-venus-double","fa fa-transgender-alt","fa fa-envira","fa fa-yc-square","fa fa-tty","fa fa-compress","fa fa-fonticons","el-icon-ice-cream","el-icon-water-cup","fa fa-toggle-up","el-icon-takeaway-box","fa fa-space-shuttle","fa fa-truck","fa fa-street-view","fa fa-folder-open","fa fa-hashtag","fa fa-facebook-square","fa fa-minus-square","fa fa-file-zip-o","el-icon-s-order","fa fa-cc-paypal","fa fa-hourglass-end","fa fa-subway","fa fa-info","el-icon-turn-off-microphone","el-icon-cold-drink","el-icon-shopping-bag-2","el-icon-shopping-bag-1","el-icon-s-comment","fa fa-facebook","fa fa-eur","fa fa-github-alt","el-icon-bottom","fa fa-search","el-icon-turn-off","fa fa-clone","el-icon-microphone","fa fa-try","fa fa-thumb-tack","fa fa-behance","fa fa-linkedin","fa fa-ellipsis-h","fa fa-ra","fa fa-hand-o-up","el-icon-tickets","fa fa-hourglass-o","el-icon-timer","fa fa-star-half-full","el-icon-ice-cream-square","fa fa-object-ungroup","fa fa-creative-commons","fa fa-qq","fa fa-fighter-jet","fa fa-file-picture-o","fa fa-linkedin-square","fa fa-opera","fa fa-plus-square","el-icon-trophy-1","fa fa-y-combinator","fa fa-magnet","fa fa-rmb","fa fa-user-plus","fa fa-ambulance","fa fa-sliders","fa fa-free-code-camp","fa fa-file","fa fa-child","fa fa-ticket","fa fa-pied-piper","fa fa-gavel","fa fa-list-alt","fa fa-film","fa fa-cog","fa fa-line-chart","el-icon-s-custom","fa fa-check-circle-o","fa fa-cny","fa fa-ellipsis-v","fa fa-plug","fa fa-thumbs-up","fa fa-yoast","el-icon-d-arrow-right","fa fa-optin-monster","fa fa-lastfm-square","el-icon-document-remove","fa fa-medium","fa fa-hourglass-1","fa fa-drivers-license","fa fa-table","fa fa-hourglass-2","fa fa-hourglass-3","fa fa-ruble","fa fa-check","fa fa-stop-circle","el-icon-receiving","fa fa-lock","fa fa-calendar-minus-o","fa fa-bell-slash-o","fa fa-star-half","fa fa-angle-double-left","el-icon-s-goods","el-icon-document","fa fa-hourglass","fa fa-telegram","fa fa-map-signs","el-icon-magic-stick","fa fa-camera-retro","el-icon-link","fa fa-dashboard","fa fa-hand-paper-o","fa fa-volume-off"]