switching from Lucide?

A free Lucide alternative

Short answer

Looking for a Lucide 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. Lucide is a community-built, consistent stroke icon set (a fork of Feather) with over 1,600 icons and official packages for almost every framework; popular with shadcn/ui. Below: a side-by-side table, when to choose each, and a name map with a converter to switch.

Facts checked 1 October 2026

At a glance

Lucide vs with icons

The facts that usually decide it, side by side. Small numbers link to the source.

Lucide compared with with icons
Feature	Lucide	with icons
Licence	ISC; icons that came from Feather are also MIT[3]	MIT, for the icons and the code
Price	Free[1]	Free. No paid tier, no account
Icons	Over 1,600 (“1600+” in the README; the site search listed 1,857 when checked)[2][1]	500 icons × 20 styles (10,000 SVGs)
Styles	One stroke style on a 24 × 24 canvas; size, colour and stroke width are adjustable[4]	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	Official packages for React, Vue, Svelte, Solid, Angular, Preact, Astro, React Native and vanilla JS[5]	React, Vue, Svelte, Angular, Solid and a `<with-icon>` web component, all on npm; plus SVG, PNG and sprites
CSS classes / icon font	An icon font via `lucide-static` (`<i class="icon-house">`), which the docs don’t recommend for high-traffic production[6]	Yes: `<i class="with with-home"></i>`, add `with-solid` etc. for other styles
Self-hosting	Yes: npm, `lucide-static` (SVGs, sprite, font) or download[5]	Yes: download SVGs, sprites and CSS (developers)
Design tools	Figma plugin linked from the official README[2]	Copy SVG and paste into Figma, Canva, PowerPoint (guides)
AI / MCP	Official llms.txt; no official MCP server found[7]	llms.txt an agent skill and an MCP server (`@withicons/mcp`)
Credit required?	No (keep the licence notice when redistributing the code)[3]	No

Lucide facts were checked on 1 October 2026 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 Lucide if…

You need a big stroke set (over 1,600 icons) with first-party packages for nearly every framework.
You use shadcn/ui, where Lucide is the default.
You want a single, adjustable outline style and a very active community.

Choose with icons if…

You want more than one look: Solid, Duo and four expressive styles share the same names and grid.
You want plain <i> classes that are meant for production, with no JavaScript.
You also need icons for slides and docs, with copy and download in any colour.

Migration guide

Switch from Lucide in minutes

Both export one component per icon. Change the import source, then rename the few icons that differ (House → Home, X → Close, Funnel → Filter). Props like size, color, strokeWidth and absoluteStrokeWidth keep their names.

Before · Lucide

import { House, Search, X, Funnel } from 'lucide-react'

<House />
<Search size={20} strokeWidth={1.5} />
<X className="text-red-500" />
<Funnel />

After · with icons

import { Home, Search, Close, Filter } from '@withicons/react'

<Home />
<Search size={20} strokeWidth={1.5} />
<Close className="text-red-500" />
<Filter />

Lucide’s stroke style → our Line (default import). Want filled or tinted? Import from @withicons/react/solid or /duo.

Paste your Lucide 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.

Lucide code

with icons code

import { House, Search, Trash2, X, Funnel } from 'lucide-react'

export function Bar() {
  return <nav><House /><Search size={20} /><Trash2 /><X /><Funnel /></nav>
}

Turn on JavaScript to convert.

Name map: common icons

Show with icons in

Lucide icons and their with icons equivalents
Lucide	with icons
`house`	home`<Home />`
`search`	search`<Search />`
`trash`	trash`<Trash />`
`trash-2`	trash`<Trash />`
`settings`	settings`<Settings />`
`user`	user`<User />`
`mail`	mail`<Mail />`
`x`	close`<Close />`
`check`	check`<Check />`
`plus`	plus`<Plus />`
`menu`	menu`<Menu />`
`square-pen`	edit`<Edit />`
`pencil`	pencil`<Pencil />`
`download`	download`<Download />`
`upload`	upload`<Upload />`
`heart`	heart`<Heart />`
`star`	star`<Star />`
`bell`	bell`<Bell />`
`calendar`	calendar`<Calendar />`
`lock`	lock`<Lock />`
`arrow-right`	arrow-right`<ArrowRight />`
`chevron-down`	chevron-down`<ChevronDown />`
`share-2`	share`<Share />`
`copy`	copy`<Copy />`
`external-link`	external-link`<ExternalLink />`
`eye`	eye`<Eye />`
`funnel`	filter`<Filter />`
`info`	info-circle`<InfoCircle />`
`triangle-alert`	alert-triangle`<AlertTriangle />`
`shopping-cart`	shopping-cart`<ShoppingCart />`
`image`	image`<Image />`
`phone`	phone`<Phone />`

Lucide icons © Lucide Icons and Contributors, ISC License (v1.49.0), from the official package and shown only for comparison.

Find the with icons version of any Lucide icon

Type the Lucide name or just what it means (“funnel”). Search understands synonyms and typos across all 500 icons.

Search icons

Any colour

Click an icon to copy it as JSX for React. The arrow opens its page.

FAQ

Lucide alternative: questions

What is the best free alternative to Lucide?

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 Lucide free?

Free. Licence: ISC; icons that came from Feather are also MIT. (Checked 1 October 2026; see the sources below.)

How many icons does with icons have compared with Lucide?

with icons has 500 icons, each drawn in 20 styles (10,000 SVGs). Lucide: over 1,600 (“1600+” in the README; the site search listed 1,857 when checked). Lucide 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 with icons a fork of Lucide or Feather?

No. with icons is drawn from scratch on its own 24 × 24 skeletons, then rendered in 20 styles. It shares the same kind of API (one component per icon, size/color/strokeWidth props), which makes switching easy.

Sources

Where these facts come from

Official Lucide pages, repositories and package registries, checked 1 October 2026. Spotted something out of date? Tell us on GitHub.

Lucide website · lucide.dev
Lucide README (GitHub) · github.com/lucide-icons/lucide
Lucide licence · lucide.dev/license
Lucide icon design guide · lucide.dev/contribute/icons/specification
Lucide packages · lucide.dev/packages
Lucide static icon font · lucide.dev/guide/static/font
Lucide llms.txt · lucide.dev/llms.txt
Lucide icons folder (names and aliases) · github.com/lucide-icons/lucide/tree/main/icons

Try with icons instead of Lucide

500 icons, 20 styles, MIT. Nothing to install to start: copy, download or drag.

Browse all icons