font-awesome vue/react 通用的图标

在开发项目中遇到了矢量图标

一套绝佳的图标字体库和CSS框架

vue 中引入font-awesome

 直接npm install font-awesome --save 就可以了，里边包含了样式和字体，直接引入就ok了

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

项目中直接使用

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

react 中引入font-awesome

 link

npm install --save react-fontawesome //这里不包含样式，需要引入font-awesome的样式

import React, { Component } from 'react';
import './index.less';

import 'font-awesome/less/font-awesome.less';
import 'react-fontawesome';


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