switching from Remix Icon?

A free Remix Icon alternative

Short answer

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.

Remix Icon compared with with icons
FeatureRemix Iconwith icons
LicenceRemix 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
PriceFree; no paid tier found[2]Free. No paid tier, no account
IconsOver 3,200 (“3200+ icons”)[2]500 icons × 20 styles (10,000 SVGs)
StylesLine 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)
FrameworksReact (@remixicon/react), 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 fontYes: <i class="ri-home-line"></i>[2]Yes: <i class="with with-home"></i>, add with-solid etc. for other styles
Self-hostingYes: npm, or download the font, sprite or SVGs[2]Yes: download SVGs, sprites and CSS (developers)
Design toolsOfficial Figma plugin[2]Copy SVG and paste into Figma, Canva, PowerPoint (guides)
AI / MCPOfficial 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.

Before · Remix Icon
<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>
After · with icons
<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

Show with icons in
Remix Icon icons and their with icons equivalents
Remix Iconwith icons
ri-home-linehomewith-home
ri-search-linesearchwith-search
ri-delete-bin-linetrashwith-trash
ri-settings-3-linesettingswith-settings
ri-user-lineuserwith-user
ri-mail-linemailwith-mail
ri-close-lineclosewith-close
ri-check-linecheckwith-check
ri-add-linepluswith-plus
ri-menu-linemenuwith-menu
ri-edit-lineeditwith-edit
ri-pencil-linepencilwith-pencil
ri-download-linedownloadwith-download
ri-upload-lineuploadwith-upload
ri-heart-lineheartwith-heart
ri-star-linestarwith-star
ri-notification-linebellwith-bell
ri-calendar-linecalendarwith-calendar
ri-lock-linelockwith-lock
ri-arrow-right-linearrow-rightwith-arrow-right
ri-arrow-down-s-linechevron-downwith-chevron-down
ri-share-linesharewith-share
ri-file-copy-linecopywith-copy
ri-external-link-lineexternal-linkwith-external-link
ri-eye-lineeyewith-eye
ri-filter-linefilterwith-filter
ri-information-lineinfo-circlewith-info-circle
ri-alert-linealert-trianglewith-alert-triangle
ri-shopping-cart-lineshopping-cartwith-shopping-cart
ri-image-lineimagewith-image
ri-phone-linephonewith-phone

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.

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

Official Remix Icon pages, repositories and package registries, checked . Spotted something out of date? Tell us on GitHub.

  1. Remix Icon License v1.0 (GitHub) · github.com/Remix-Design/RemixIcon/blob/master/License
  2. Remix Icon README (GitHub) · github.com/Remix-Design/RemixIcon/blob/master/README.md
  3. remixicon 4.9.0 package licence file · unpkg.com/remixicon@4.9.0/License
  4. remixicon 4.8.0 package licence file (Apache-2.0) · unpkg.com/remixicon@4.8.0/License
  5. RemixIcon-MCP (GitHub) · github.com/Remix-Design/RemixIcon-MCP
  6. 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