What Ant Design is
Ant Design Icons is the official icon set for Ant Design, the enterprise React UI framework maintained by Ant Group and widely used across Chinese enterprise software. The 1,870 icons ship in three styles: Outlined, Filled, and TwoTone.
The TwoTone style is the notable one — each icon carries a primary form plus a secondary pass at lower opacity, and the secondary colour can be themed independently at runtime. That makes it straightforward to match icons to a brand palette without exporting new files.
IconStash indexes the complete Ant Design Icons collection. You can search it alongside 27 other libraries, preview any icon at any size and colour, and export SVG, PNG, React JSX, Vue, CSS, or an SVG sprite without installing a package or creating an account.
React
npm install @ant-design/icons
The official package ships each icon as a tree-shakeable component, so bundlers only include the icons you actually import. Open any Ant Design icon on IconStash and the Code tab shows that icon's exact import statement and JSX.
Plain SVG and other frameworks
You do not have to install anything. Every Ant Design page lets you copy the raw SVG markup and paste it inline, which avoids a dependency entirely and gives you full control over colour, size, and stroke width.
IconStash also exports PNG at six sizes, Vue and CSS snippets, and SVG sprites — all generated in the browser from the original vector.
Good fit
Enterprise React applications, internal admin systems, and B2B products — particularly those already using Ant Design components, where the icons inherit theme tokens automatically.
Consider alternatives
Outside the Ant Design ecosystem the icons still work, but Fluent UI and Carbon are the comparable enterprise sets with much larger counts. For lighter-weight general use, Lucide is simpler.
Licensing
MIT. All three styles are free for commercial use without attribution.
What is Ant Design Icons?
Ant Design Icons is the official icon set for Ant Design, the enterprise React UI framework maintained by Ant Group and widely used across Chinese enterprise software. The 1,870 icons ship in three styles: Outlined, Filled, and TwoTone.
Is Ant Design Icons free for commercial use?
Yes. Ant Design Icons is released under the MIT license, which permits unrestricted commercial use, modification, and distribution. No attribution is required, though it is appreciated. This makes Ant Design one of the safest icon libraries to use in commercial SaaS products, client work, and proprietary applications.
How do I use Ant Design icons in React?
Install the package with npm install @ant-design/icons, then import icons as components. Every Ant Design page on IconStash shows the exact import statement and usage snippet for that specific icon in the Code tab, so you can copy working code without checking the docs. Tree-shakeable packages mean your bundler only includes the icons you actually import.
Can I download Ant Design icons as PNG?
Yes. Open any Ant Design icon on IconStash and use the Download PNG button to export at 16, 32, 64, 128, 256, or 512 pixels. The PNG is generated client-side from the original vector, so it stays crisp at every size. You can also copy the raw SVG markup, export a React component, or build an SVG sprite without installing anything.
What is the TwoTone style in Ant Design Icons?
TwoTone draws each icon with two colour passes: a primary form and a secondary form at lower opacity. Both can be themed independently, so you can match icons to a brand palette at runtime rather than exporting recoloured assets. It is a good fit for enterprise products with strict colour requirements.
Do Ant Design Icons require the Ant Design framework?
No. They ship as a standalone React package and as SVG, usable in any project. If you do use Ant Design, the icons pick up theme tokens automatically — but that integration is a convenience, not a requirement.