Browse SVG images and resources for learning about Scalable Vector Graphics and creating web graphics.
Ant Design
Ant Design's icon documentation provides semantic vector graphics alongside components and interface documentation.
About Ant Design
Ant Design's icon documentation covers the @ant-design/icons package, which supplies semantic vector graphics for use with the Ant Design React component library. Icons render as SVG and are available in outlined, filled and two-tone themes, with props for rotation, spin animation, styling and custom icon components.
The page lists the icons, provides usage examples, and documents the API along with custom icon options, including createFromIconfontCN for icons deployed on iconfont.cn. Installation is done through a package manager such as npm, yarn, pnpm or Bun, and the docs note that @ant-design/[email protected] should be paired with [email protected].
Key features
- SVG icon rendering, introduced in version 3.9.0 in place of font icons
- Outlined, filled and two-tone icon theme variants
- Props for rotate, spin animation, style and className customization
- createFromIconfontCN builds components from icons deployed on iconfont.cn
- setTwoToneColor and getTwoToneColor set two-tone primary colors
- Custom icon support through the component prop
Best for: React developers building interfaces with Ant Design who need a consistent set of SVG icon components.
Good for
- Icons work fully offline without a CDN-hosted font icon file
- Improved display accuracy on lower-resolution screens
- Icon color can be chosen without overriding built-in styles
Watch out for
- Importing all SVG icons added bundle size, with a per-need import API still pending
- The rotate property does not work in IE9
- Two-tone color support applies only to two-tone icons
Ant Design at a glance
- Website
- ant.design/components/icon
- Category
- Design & Creative › Design Assets & Inspiration
- Type
- Online tool
- Pricing
- Not confirmed. Check the site
- Platforms
- Web
- Open source
- Not stated
- Language
- English
- Last checked
- Oct 6, 2026 · Online when checked
- Listed
- Oct 5, 2026
Ant Design alternatives
Tools and sites you could use instead, ranked by how closely they match.
Browse more than 20,000 free design resources for web, mobile and graphic projects.
Browse an open-source icon library with a broad selection of icons for interface and design work.
Free
24 alternatives
Captain Icon provides more than 350 free vector icons for mobile and web design.
Choose from icon sets and export files as PNG or SVG for use in interface and graphic design projects.
SVG Stack offers downloadable SVG and PNG icons and vectors for use with tools such as Figma, Adobe XD, Sketch, and Illustrator.
Popular in Design Assets & Inspiration
Well-known listings from the same topic.
Arts and Cultureartsandculture.google.comFigmafigma.comUI Discoveryuidiscovery.comLS Graphicsls.graphicsToools.designtoools.designArtveeartvee.com
Ant Design FAQ
How do I install the icon package?
Install @ant-design/[email protected] with npm, yarn, pnpm or Bun, for example npm install @ant-design/[email protected] --save.
Which icon package version matches [email protected]?
Use @ant-design/[email protected] together with [email protected].
Can I use my own icons from iconfont.cn?
Yes. The createFromIconfontCN function creates a component using the scriptUrl generated by an iconfont.cn project; the method is specific to iconfont.cn.
Is something wrong or out of date?
Tell us and an editor will check it.
Own this website?
Claim this listing
Claim the listing and suggest updates yourself. An editor checks every claim first.