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

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)

Ant Design Icons

Install

Use Library Adapter

Usage

Interface

Build

Current Tags

142 Versions