Skip to content
Element UI 扩展图标库

React

适用于 React 的 Element UI 扩展图标包。

安装

Terminal window
pnpm add @element-extended-icon-pack/react

如何使用

Element extended icon pack 使用 ES Modules 构建，所以它是完全可以 Tree-shaking 的。 每个图标都可以作为 React 组件导入，从而呈现内联 SVG 元素。因此，只有被导入到项目中的图标才会包含在最终构建的应用中，其它图标都被 tree-shaken 走了。

使用例子

import { FillEleSymbolUpload } from "@element-extended-icon-pack/react";


const App = () => {
  return <FillEleSymbolUpload size={18} color="#087ea4" />;
};


export default App

Props

nametypedefault
sizenumber string24
colorstringcurrentColor

导入所有图标

可以一次性导入所有图标，但不建议这样做。

import * as icons from "@element-extended-icon-pack/react";


const App = () => {
  return (
    <>
      {Object.entries(icons).map(([key, Icon]) => (
        <Icon key={key} size={28} color="#087ea4" />
      ))}
    </>
  );
};


export default App;