switching from Feather?

A free Feather alternative

Short answer

Looking for a Feather 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. Feather (and Feather Icons) is the original minimal 24 px stroke icon set: 287 simple, beautiful icons that inspired many later libraries. 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

Feather vs with icons

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

Feather compared with with icons
Feature	Feather	with icons
Licence	MIT[2]	MIT, for the icons and the code
Price	Free[1]	Free. No paid tier, no account
Icons	287 (“Search 287 icons”)[1]	500 icons × 20 styles (10,000 SVGs)
Styles	One stroke style on a 24 × 24 grid, 2 px stroke[1]	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	Vanilla JS (`feather-icons`) and React via `react-feather`; other framework packages are community-made[5][6]	React, Vue, Svelte, Angular, Solid and a `<with-icon>` web component, all on npm; plus SVG, PNG and sprites
CSS classes / icon font	No icon font: `<i data-feather="home"></i>` plus `feather.replace()`, or the SVG sprite[5]	Yes: `<i class="with with-home"></i>`, add `with-solid` etc. for other styles
Self-hosting	Yes: npm or download the SVGs[5]	Yes: download SVGs, sprites and CSS (developers)
Design tools	Figma component library[5]	Copy SVG and paste into Figma, Canva, PowerPoint (guides)
AI / MCP	No official MCP server or llms.txt found	llms.txt an agent skill and an MCP server (`@withicons/mcp`)
Credit required?	No (keep the MIT notice when redistributing the code)[2]	No

Feather 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 Feather if…

You love its minimal, timeless look and 287 icons cover what you need.
You want a tiny, stable dependency that rarely changes. The latest release is v4.29.2 (May 2024).
Your project already uses data-feather and works fine.

Choose with icons if…

You want a set that’s actively growing, with the same clean outline look as Line.
You want filled, tinted and expressive styles with the same names.
You want first-party packages for React, Vue, Svelte, Angular and Solid, plus CSS classes with no JavaScript.

Migration guide

Switch from Feather in minutes

Feather swaps <i data-feather="…"> for SVG with JavaScript. with icons can do it with CSS alone: replace each tag with <i class="with with-…"> and drop feather.replace(). Most names are identical.

Before · Feather

<script src="…/feather.min.js"></script>

<i data-feather="home"></i>
<i data-feather="x"></i>
<i data-feather="trash-2"></i>
<script>feather.replace()</script>

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-close"></i>
<i class="with with-trash"></i>

Feather’s stroke style → our Line. Our Line stroke is 1.75 by default (Feather uses 2); set strokeWidth={2} in the components to match exactly.

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

Feather code

with icons code

<i data-feather="home"></i>
<i data-feather="x"></i>
<i data-feather="trash-2"></i>
<i data-feather="share-2"></i>
<i data-feather="info"></i>

Turn on JavaScript to convert.

Name map: common icons

Show with icons in

Feather icons and their with icons equivalents
Feather	with icons
`home`	home`with-home`
`search`	search`with-search`
`trash-2`	trash`with-trash`
`settings`	settings`with-settings`
`user`	user`with-user`
`mail`	mail`with-mail`
`x`	close`with-close`
`check`	check`with-check`
`plus`	plus`with-plus`
`menu`	menu`with-menu`
`edit`	edit`with-edit`
`edit-2`	pencil`with-pencil`
`download`	download`with-download`
`upload`	upload`with-upload`
`heart`	heart`with-heart`
`star`	star`with-star`
`bell`	bell`with-bell`
`calendar`	calendar`with-calendar`
`lock`	lock`with-lock`
`arrow-right`	arrow-right`with-arrow-right`
`chevron-down`	chevron-down`with-chevron-down`
`share-2`	share`with-share`
`copy`	copy`with-copy`
`external-link`	external-link`with-external-link`
`eye`	eye`with-eye`
`filter`	filter`with-filter`
`info`	info-circle`with-info-circle`
`alert-triangle`	alert-triangle`with-alert-triangle`
`shopping-cart`	shopping-cart`with-shopping-cart`
`image`	image`with-image`
`phone`	phone`with-phone`

Feather icons © Cole Bemis, MIT License (v4.29.2), from the official package and shown only for comparison.

Find the with icons version of any Feather icon

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

Search icons

Any colour

Click an icon to copy its <i> tag. The arrow opens its page.

FAQ

Feather alternative: questions

What is the best free alternative to Feather?

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

Free. Licence: MIT. (Checked 1 October 2026; see the sources below.)

How many icons does with icons have compared with Feather?

with icons has 500 icons, each drawn in 20 styles (10,000 SVGs). Feather: 287 (“Search 287 icons”). Feather 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 Feather still maintained?

Feather still works and is not archived. Its latest release is v4.29.2 (May 2024) and the last commit we saw was in March 2025, so new icons arrive rarely. Many teams moved to Lucide, a Feather fork, or to sets like with icons.

Sources

Where these facts come from

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

Feather website · feathericons.com
Feather licence (GitHub) · github.com/feathericons/feather/blob/main/LICENSE
Feather releases (GitHub) · github.com/feathericons/feather/releases
Feather repository data (GitHub API) · api.github.com/repos/feathericons/feather
Feather README · github.com/feathericons/feather#readme
npm: react-feather · www.npmjs.com/package/react-feather
Feather icons folder (names) · github.com/feathericons/feather/tree/main/icons

Try with icons instead of Feather

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

Browse all icons