b3nnyl / ant-design-icons

⭐Ant Design SVG Icons

Ant Design Icons

⭐ The abstract trees of the Ant Design SVG icons.

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 { AlertOutline } from '@ant-design/icons';
// or import AlertOutline from '@ant-design/icons/lib/outline/AlertOutline';

console.log(AlertOutline);
// Output:
// {
//     name: 'alert',
//     theme: 'outline',
//     icon: {
//         tag: 'svg',
//         attrs: { viewBox: '64 64 896 896' },
//         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