React项目引入react-svg-ionicons

在项目根目录：

npm i react-svg-ionicons -S

 

在组件中：

 

import { IonIcon, addIcons } from 'react-svg-ionicons';
import bundle from 'react-svg-ionicons/bundles/all';
 
addIcons(bundle);
 
<IonIcon
  className="rounded-circle"
  fontSize="30px"
  style={{ backgroundColor: '#28a745', padding: '5px'}}
  color={'#fff'}
  name='create'
/>

 

 

选择图标：

https://ionicons.com/