Package Exports

@ant-design/icons
@ant-design/icons/lib
@ant-design/icons/lib/dist
@ant-design/icons/lib/dist.js
@ant-design/icons/lib/manifest
@ant-design/icons/lib/outline/SwapOutline
@ant-design/icons/lib/outline/UploadOutline

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@ant-design/icons) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Ant Design Icons

⭐ The abstract trees of the Ant Design SVG icons.

Install

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

Use Library Adapter

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

Usage

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

console.log(AlertOutline);
// Output:
// {
//     name: 'alert',
//     theme: 'outline',
//     icon: {
//         tag: 'svg',
//         attrs: { viewBox: '0 0 1024 1024' },
//         children: [
//             {
//                 tag: 'path',
//                 attrs: {
//                     d: 'M193 796a32 32 0 0 0 32 32h574a32....'
//                 }
//             }
//         ]
//     }
// }

Interface

This library export all SVG files as IconDefinition.

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

interface IconDefinition {
  name: string; // kebab-case-style
  theme: ThemeType;
  icon:
    | ((primaryColor: string, secondaryColor: string) => AbstractNode)
    | AbstractNode;
}

Build

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