Ionicons vs Lordicon

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.

Lordicon is an animated icon library for web, mobile, and content design projects. It lists more than 47,900 free and premium icons, including more than 9,700 available without login. You can adjust color, stroke, size, speed, and animation settings, with states such as Intro, Hover, Morph, and Loop. Export formats include Lottie, GIF, MP4, SVG, PNG, WebP, APNG, AEP, and MOGRT. Its documentation covers Web, React, Flutter, WordPress, Figma, and Google Docs and Slides integrations. A free web player is available through the @lordicon/element NPM package, and its source code is published. The API returns JSON with selected icons’ download links and metadata; free icons have no usage limits, while PRO icons are pay-per-download. Free access requires attribution and limits embedded HTML usage to 1 million CDN requests. The Free plan is free. PRO is $8 a year with annual billing or $16 a month. Team PRO costs $39 a year with annual billing or $59 a month.