Side by side
Ant Design Icons vs Bootstrap Icons
Both stand on icon libraries. Which one you can start free with, which one lets you read the code, and what each costs once you pay.
Free plan AndroidiPhoneWeb
Choose Ant Design Icons if you need a free SVG icon library with several style options, framework packages and support for custom icons. Look elsewhere if your project requires an icon font format. When using the full set, account for the bundle-size consideration in the documentation.
Visit Ant Design Icons
Free plan Web
Bootstrap Icons offers several documented ways to add and style icons in web projects. Check the Chrome sprite-reference caveat if your implementation uses SVG sprites across domains.
Visit Bootstrap IconsThe facts
| Ant Design Icons | Bootstrap Icons | |
|---|---|---|
| Free plan | Yes | Yes |
| Open source | Not published | Not published |
| Runs on | Android, iPhone, Web | Web |
| Lowest paid plan | Free or on request | Free or on request |
| Plans published | 1 | 1 |
| Maker | Not published | Not published |
| Website | ant.design | icons.getbootstrap.com |
| On icon libraries | #1 of 46 | #8 of 46 |
Ant Design Icons: what it does well
- Free plan with MIT license and commercial use allowed.
- 498 icons in outlined, filled and two-tone styles.
- Packages cover Vanilla, React, React Native, Angular and Vue.
- SVG icons support offline use without a CDN font file.
- Custom icons can be added as React components or SVGs.
What to know first
- No icon font format is listed.
- Importing all SVG icons can add bundle size.
Bootstrap Icons: what it does well
- More than 2,000 icons are available.
- Works with or without Bootstrap.
- Offers SVG, sprite, and web-font formats.
- MIT-licensed and free to use commercially.
What to know first
- Chrome has an issue with cross-domain SVG sprite references.
- Available platform listed is web.
Alternatives to Ant Design Icons Alternatives to Bootstrap Icons The whole list