Ant Design Icons vs Ionicons
Ant Design Icons
ant.design
Ionicons
ionic.ioSide by side
| Figure | Ant Design Icons | Ionicons |
|---|---|---|
| Price from | Free | Free |
| Free plan | Yes | Yes |
| Free trial | — | — |
| Open source | — | — |
| Web | Yes | Yes |
| Windows | — | Yes |
| macOS | — | Yes |
| Linux | — | Yes |
| iOS | Yes | Yes |
| Android | Yes | Yes |
| Plans published | 1 | 1 |
| Spec score · Icon Libraries | 8.7 (#2) | 7.8 (#14) |
| Custom icons | The docs describe custom icons using a React component, iconfont.cn SVG sprites, or SVG imports through webpack or Vite. | The component can load a custom SVG from a URL, and the SVG must not contain scripts or events. |
| Customization | The API supports rotating and animating icons, setting two-tone colors, and using custom icon components. | Icon size and color can be set with attributes or CSS, and outline stroke width can be adjusted with a CSS custom property. |
| Icon count | The page lists 498 icons. | The usage guide describes the open-source set as containing 1,300 icons. |
| License | The project repository identifies its license as MIT. | Ionicons is released under the MIT License. |
Plans
In their own words
Ant Design Icons
Ant Design Icons provides semantic vector graphics for interfaces, with 498 icons in outlined, filled, and two-tone styles. Icons render as SVG and accept styling properties such as size and color; two-tone icons can use one or two specified colors. The API also supports rotation, animation, and custom icon components. Packages are listed for Vanilla, React, React Native, Angular, and Vue. Developers can integrate their own SVGs through webpack with @svgr/webpack or Vite with vite-plugin-svgr, or use SVG sprite symbols generated by iconfont.cn projects. The React package can be installed with npm, yarn, pnpm, or Bun, and the documentation recommends matching @ant-design/icons 6.x with antd 6.x. SVG icons support offline use without a CDN-hosted font file. Importing the full set can add bundle size, so the documentation points to importing icons as needed. The project repository identifies its license as MIT; commercial use is allowed. It is free, with a free plan and no free trial. The project was founded in 2018 and is headquartered in Hangzhou, China.
Ionicons
Ionicons is an icon set for web, iOS, Android, and desktop apps, with 1,300 icons described in its usage guide. It is released under the MIT License and is listed as free, including commercial use. Icons are available as SVGs or through a web component that loads requested SVGs and fetches only those currently visible. App icons have filled, outline, and sharp variants; logo icons do not have outline or sharp versions. In Ionic Framework, developers can set separate iOS and Material Design icons. Size and color can be changed with attributes or CSS, and outline stroke width can be adjusted with a CSS custom property. The component can also load a custom SVG from a URL, provided that file contains no scripts or events. The guide recommends aria-hidden for decorative icons and aria-label text for interactive ones. Listed browser support includes Chrome 79+, Safari 14+, Edge 79+, and Firefox 70+; Internet Explorer 11 is not supported. Users can suggest missing icons through a GitHub issue.