switching from Remix Icon?
A free Remix Icon alternative
Looking for a Remix Icon 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. Remix Icon is a large, very consistent set of over 3,200 neutral system icons in matching line and fill pairs on a 24 × 24 grid. Below: a side-by-side table, when to choose each, and a name map with a converter to switch.
Facts checked
At a glance
Remix Icon vs with icons
The facts that usually decide it, side by side. Small numbers link to the source.
| Feature | Remix Icon | with icons |
|---|---|---|
| Licence | Remix Icon License v1.0 since version 4.9.0 (January 2026); versions up to 4.8.0 were Apache-2.0. Free for commercial use; it does not allow selling the icons on their own, building a competing icon library, or use in logos and trademarks[1][3][4] | MIT, for the icons and the code |
| Price | Free; no paid tier found[2] | Free. No paid tier, no account |
| Icons | Over 3,200 (“3200+ icons”)[2] | 500 icons × 20 styles (10,000 SVGs) |
| Styles | Line and Fill, on a 24 × 24 grid[2] | 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 | React (@remixicon/), Vue 3 (@remixicon/vue), icon font, SVG sprite[2] | React, Vue, Svelte, Angular, Solid and a <with-icon> web component, all on npm; plus SVG, PNG and sprites |
| CSS classes / icon font | Yes: <i class="ri-home-line"></[2] | Yes: <i class="with with-home"></, add with-solid etc. for other styles |
| Self-hosting | Yes: npm, or download the font, sprite or SVGs[2] | Yes: download SVGs, sprites and CSS (developers) |
| Design tools | Official Figma plugin[2] | Copy SVG and paste into Figma, Canva, PowerPoint (guides) |
| AI / MCP | Official MCP server (RemixIcon-MCP) that maps keywords to icon names[5] | llms.txt an agent skill and an MCP server (@withicons/mcp) |
| Credit required? | Not required (“appreciated but not required”)[1] | No |
Remix Icon 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 Remix Icon if…
- You need breadth: over 3,200 icons in perfectly matched line and fill pairs.
- You want an official Figma plugin and an official MCP server for AI tools.
- Your use fits the Remix Icon License (most app and website use does).
Choose with icons if…
- You prefer a plain MIT licence with no extra restrictions, including on logos.
- You want more than two looks: Duo, Gloss, Engrave, Blueprint and Sketch share the same names and grid.
- You also make slides and docs: copy as PNG or SVG straight from the site.
Migration guide
Switch from Remix Icon in minutes
Both use one stylesheet and an <i> tag. Remix puts the style in the name (-line, -fill); with icons keeps the name and adds a style class.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/remixicon@4.9.0/fonts/remixicon.css">
<i class="ri-home-line"></i>
<i class="ri-heart-fill"></i>
<i class="ri-delete-bin-line ri-2x"></i><script src="https://cdn.jsdelivr.net/npm/@withicons/classes/dist/with-loader.js" defer></script>
<i class="with with-home"></i>
<i class="with with-heart with-solid"></i>
<i class="with with-trash with-2x"></i>Remix -line → our Line (no style class); -fill → with-solid.
Paste your Remix Icon code
It converts as you type, right here in your browser: known names from the table, plus a meaning search for the rest. Check the result; icons we don’t have are listed so you can search for them.
<i class="ri-home-line"></i> <i class="ri-heart-fill"></i> <i class="ri-delete-bin-line ri-2x"></i> <button><i class="ri-settings-3-line"></i> Settings</button>
Turn on JavaScript to convert.
Name map: common icons
Remix Icon icons © Remix Design, Apache License 2.0 (v4.9.1), from the official package and shown only for comparison.
Find the with icons version of any Remix Icon icon
Type the Remix Icon name or just what it means (“delete bin”). 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
Remix Icon alternative: questions
What is the best free alternative to Remix Icon?
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 Remix Icon free?
Free; no paid tier found. Licence: Remix Icon License v1.0 since version 4.9.0 (January 2026); versions up to 4.8.0 were Apache-2.0. Free for commercial use; it does not allow selling the icons on their own, building a competing icon library, or use in logos and trademarks. (Checked 1 October 2026; see the sources below.)
How many icons does with icons have compared with Remix Icon?
with icons has 500 icons, each drawn in 20 styles (10,000 SVGs). Remix Icon: over 3,200 (“3200+ icons”). Remix Icon 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.
Did Remix Icon change its licence?
Yes. Starting with version 4.9.0 (January 2026) Remix Icon ships under its own Remix Icon License v1.0; earlier versions were Apache-2.0. It stays free for commercial use but adds restrictions, for example on logos and trademarks and on creating a competing icon library. with icons is MIT, so those restrictions don’t apply to our icons.
Sources
Where these facts come from
- Remix Icon License v1.0 (GitHub) · github.com/Remix-Design/RemixIcon/blob/master/License
- Remix Icon README (GitHub) · github.com/Remix-Design/RemixIcon/blob/master/README.md
- remixicon 4.9.0 package licence file · unpkg.com/remixicon@4.9.0/License
- remixicon 4.8.0 package licence file (Apache-2.0) · unpkg.com/remixicon@4.8.0/License
- RemixIcon-MCP (GitHub) · github.com/Remix-Design/RemixIcon-MCP
- Remix Icon CSS used to check names (4.9.1) · cdn.jsdelivr.net/npm/remixicon@4.9.1/fonts/remixicon.css
Try with icons instead of Remix Icon
500 icons, 20 styles, MIT. Nothing to install to start: copy, download or drag.
Browse all icons