switching from Lordicon?
A free Lordicon alternative
Looking for a Lordicon alternative? with icons is a free, MIT-licensed set of 500 icons in 20 styles: copy them as SVG or PNG, use <i class="with with-home"> tags, or install them from npm for React, Vue, Svelte, Angular and Solid. Lordicon is a large library of richly illustrated animated icons, delivered as Lottie files and played with the <lord-icon> element, with a free plan (credit required) and paid PRO plans. Below: a side-by-side table, when to choose each, and a name map to switch.
Facts checked
At a glance
Lordicon vs with icons
The facts that usually decide it, side by side. Small numbers link to the source.
| Feature | Lordicon | with icons |
|---|---|---|
| Licence | Free licence: commercial use allowed, author credit required, no redistribution of the icons as files. PRO licence: no credit needed[2] | MIT, for the icons and the code |
| Price | Free plan; PRO $8/month billed annually ($16 monthly); Team PRO $39/month billed annually (as listed)[1] | Free. No paid tier, no account |
| Icons | “47,900+ premium and free animated icons”, of which 9,700 are free[1] | 500 icons × 20 styles (10,000 SVGs) |
| Styles | Animated icons whose colours and stroke weight (light, regular, bold) can be set per use[3] | 20 styles on one 24 × 24 grid: Line, Solid, Duo, Gloss, Engrave, Blueprint, Sketch, Glass, Kawaii, Sticker, Pixel, Retro, Luxe, Bauhaus, Skeuo, Anime, Gothic, Pastel, Coquette and Plush. Every icon can also move: 32 CSS animations and 12 swap transitions (@withicons/motion) |
| Frameworks | A <lord-icon> web component from @lordicon/, plus React and Flutter docs[3][4] | React, Vue, Svelte, Angular, Solid and a <with-icon> web component, all on npm; plus SVG, PNG and sprites |
| CSS classes / icon font | No CSS classes or icon font; icons are JSON (Lottie) files loaded by the element[3] | Yes: <i class="with with-home"></, add with-solid etc. for other styles |
| Self-hosting | Yes: download Lottie, GIF, MP4, WebP, PNG or SVG[1] | Yes: download SVGs, sprites and CSS (developers) |
| Design tools | Figma plugin, a Google Slides & Docs plugin and a WordPress plugin[4] | Copy SVG and paste into Figma, Canva, PowerPoint (guides) |
| AI / MCP | A developer API (with an API key); no official MCP server or llms.txt found[4] | llms.txt an agent skill and an MCP server (@withicons/mcp) |
| Credit required? | Yes on the free plan; not with PRO[2] | No |
Lordicon facts were checked on against the official sources numbered below. Prices and counts change, so follow the links for the latest. “None found” means we couldn’t find an official offering, not that none exists.
Which one?
Both are good. Here’s when each fits
Choose Lordicon if…
- You want rich, illustrated, multi-colour animations with a lot of character.
- You need tens of thousands of animated icons, including very specific concepts.
- You want triggers like morph, boomerang or sequence, or GIF and MP4 exports for video.
Choose with icons if…
- You want animated icons with no credit and no plan: with icons and its animations are MIT.
- You want light motion made of plain CSS: animated SVGs carry their own stylesheet, with no Lottie player or script.
- You want the same 500 icons still or moving, in 20 matching styles, with one name everywhere.
Migration guide
Switch from Lordicon in minutes
Lordicon icons are animation files, not class names, so there’s nothing to rename in code. Search by meaning below to find each icon’s with icons twin, then pick its motion in the icon’s Customize panel (or add wm classes in code). The table lists common searches.
Common icons, matched
| You’d search for | with icons |
|---|---|
| notification | bell |
| home | home |
| search | search |
| heart | heart |
| trash | trash |
| settings | settings |
| loading | loader |
| download | download |
| upload | upload |
| lock | lock |
| shopping cart | shopping-cart |
| star | star |
| check | check-circle |
| error | x-circle |
| rocket | rocket |
| gift | gift |
| calendar | calendar |
| chat | message-circle |
| location | map-pin |
Lordicon sells icons by many different artists, so there is no single Lordicon icon to show: the left column is what you would search for there.
Find the with icons version of any Lordicon icon
Type the Lordicon name or just what it means (“notification”). Search understands synonyms and typos across all 500 icons.
Click an icon to copy its <i> tag. The arrow opens its page.
No icons match yet. Try a simpler word, or browse all 500.
FAQ
Lordicon alternative: questions
What is the best free alternative to Lordicon?
It depends on what you need. with icons is a free, MIT-licensed set of 500 icons in 20 styles that works in code, slides, docs and design tools, with no credit required. Other popular free options include Font Awesome, Material Symbols, Heroicons; compare them all.
Is Lordicon free?
Free plan; PRO $8/month billed annually ($16 monthly); Team PRO $39/month billed annually (as listed). Licence: Free licence: commercial use allowed, author credit required, no redistribution of the icons as files. PRO licence: no credit needed. (Checked 2 October 2026; see the sources below.)
How many icons does with icons have compared with Lordicon?
with icons has 500 icons, each drawn in 20 styles (10,000 SVGs). Lordicon: “47,900+ premium and free animated icons”, of which 9,700 are free. Lordicon is the bigger library; with icons focuses on a curated set with more styles.
Do I need to credit with icons?
No. with icons is MIT licensed: free for personal and commercial use with no attribution. If you redistribute the icon files themselves, include the licence text. Licence in plain words.
Is Lordicon free?
Lordicon has a free plan with 9,700 animated icons that requires credit to the author; PRO plans remove the credit and unlock the full library (checked on the pricing and licence pages). with icons is entirely free under MIT, animations included, with no credit.
How is with icons’ animation different from Lordicon’s?
Lordicon animations are hand-made Lottie files played by its <lord-icon> element, which allows rich, illustrated motion. with icons animates any of its icons with small CSS keyframes (ring, beat, spin, float and more), so there is no player to load and every style can move.
Sources
Where these facts come from
- Lordicon pricing · lordicon.com/pricing
- Lordicon licences · lordicon.com/licenses
- Lordicon web docs (lord-icon element) · lordicon.com/docs/web
- Lordicon documentation · lordicon.com/docs
Try with icons instead of Lordicon
500 icons, 20 styles, MIT. Nothing to install to start: copy, download or drag.
Browse all icons