Ant Design Icons

Official SVG icon library for Ant Design, shipping 700+ semantic vector icons tuned for enterprise UIs. Icons are distributed as React components with tree-shakable imports, so you bundle only what you use. Three visual themes per icon—Outlined, Filled, and TwoTone—let you match different states and emphasis levels across dashboards and admin panels.

Ant Design Icons comes from the Ant Design ecosystem, which powers production apps at Alibaba and many enterprises. Compared to generic icon sets, it aligns natively with Ant Design's design tokens, spacing, and component APIs. The move from font icons to SVG enables offline usage, better rendering on low-resolution screens, and color control via props.

Key features:

• Three themes per icon: Outlined, Filled, TwoTone with customizable primary color
• Tree-shakable React components via @ant-design/icons, version-aligned with antd
• Custom SVG icon support with webpack or Vite via @svgr/webpack or vite-plugin-svgr
• createFromIconfontCN helper for loading project icons from iconfont.cn
• Spin and rotate props for loading states and directional variants

Engineers use Ant Design Icons in admin backends, data platforms, and internal tools where Ant Design is the base UI library. Import only the icons you need to keep bundles small. TwoTone icons suit status and emphasis; Filled for active states; Outlined for default. Works with ConfigProvider for theming and integrates with Ant Design components such as Button, Menu, and Table.