Ant Design Icons

⭐ The abstract trees of the Ant Design SVG icons.

⚠️ Status: Beta

⚠️ The APIs and icons may change in the future, please do NOT use in any production environment.

Install

yarn add @ant-design/icons # or npm install @ant-design/icons --save

Use Library Adapter

React: See @ant-design/icons-react to learn about detail usage.

Usage

import { AntDesign } from '@ant-design/icons/es';

console.log(AntDesign);
// Output:
// { name: 'ant-design',
//   tag: 'svg',
//   attrs:
//    { xmlns: 'http://www.w3.org/2000/svg',
//      viewBox: '0 0 1024 1024' },
//   children:
//    [ { tag: 'path', attrs: [Object], children: [] },
//      { tag: 'path', attrs: [Object], children: [] } ] }

Interface

This library export all SVG files as IconDefinition.

interface AbstractNode {
  tag: string;
  attrs: {
    [key: string]: string;
  };
  children: AbstractNode[];
}

interface IconDefinition extends AbstractNode {
  name: string; // kebab-case-style
}

Build

npm run generate # Generate files to ./src
npm run build # Build library
npm run test # Runing Test

Current Tags

5.5.0-alpha.0 ... alpha (3 months ago)
5.5.2 ... latest (a month ago)
4.0.0-rc.0 ... next (5 years ago)