网站建设与推广好做吗,服装高端网站建设,seo前景,开发软件难吗目录#xff08;一#xff09;引入iconfont字体图标库将图标加入购物车新建#xff08;添加至#xff09;项目下载后项目中引入#xff08;二#xff09;引入fontawesome#xff08;三#xff09;图标选择器效果图结构使用源码#xff08;一#xff09;引入iconfont字…
目录一引入iconfont字体图标库将图标加入购物车新建添加至项目下载后项目中引入二引入fontawesome三图标选择器效果图结构使用源码一引入iconfont字体图标库
将图标加入购物车
阿里巴巴矢量图标库
新建添加至项目
右上角的购物车 → 添加至项目 → 进入到项目页面 下载后项目中引入
点击下载至本地解压缩包只需要这四个文件 此时.ttf和.woff文件已经保存了前面步骤的图标将其复制于 src/assets/iconfont 看个人爱好 然后main.js全局引入这个css就行
// 引入自定义iconfont
import /assets/iconfont/iconfont.css;在iconfont.css文件中可以看到、更改图标对应得类名iconfont是根类名每个图标必须都有的使用
i calssiconfont icon-yangtuo /i二引入fontawesome
安装依赖
npm install font-awesome --savemain.js
import font-awesome/css/font-awesome.min.css 使用
i classfa fa-camera-retro/i三图标选择器
效果图 结构 使用 IconPickerv-modelrow.iconplacementbottom-leftsize40width1000/IconPicker在新增iconfont图标后只需在iconList里面添加对应类名即可比如iconfont icon-CS
源码
index.vue
templateel-popoverv-modelvisibletriggerclicktitle选择图标popper-classel-icon-popper:placementplacement:widthwidthafter-leavehidei :class_prefixIcon classfa-2x select-icon slotreference/idiv slot classui-fasel-inputv-model_name:stylegetInputStyleplaceholder请选择图标change_changeInputclearabletemplate slotprependi :class_prefixIcon :stylegetBtnStyle //template/el-input!-- 图标列表 --ul classfas-icon-listliv-for(item, index) in iconList:keyindex:titleitem:stylegetLiStyleclickselectedIcon(item)i :classitem :stylegetLiIStyle /!-- div v-showtitle{{ getIconTitle(item) }}/div --/li/ul/div/el-popover
/templatescript
import fontawesome from ./iconList;export default {name: iconPicker,props: {value: {type: String,default() {return ;}},placement: {type: String,// bottomdefault() {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;}}}
};
/scriptstyle
.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]
