switching from Icons8?

A free Icons8 alternative

Short answer

Looking for a Icons8 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. Icons8 is over a million icons in 130+ consistent styles, with desktop apps, a Figma plugin, an AI icon generator and an official MCP server. 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

Icons8 vs with icons

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

Icons8 compared with with icons
Feature	Icons8	with icons
Licence	Free if you link to icons8.com where the icons are used; a paid subscription gives a licence without the link[2]	MIT, for the icons and the code
Price	Free (PNG, with a link); paid plans, including an icons plan from $15/month as listed[1]	Free. No paid tier, no account
Icons	Over 1.3 million; the live number on the site changes (over 1.5 million on the icons page when checked)[2][3]	500 icons × 20 styles (10,000 SVGs)
Styles	130+ styles[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	API, Mac and Windows apps, Figma plugin; Line Awesome icon font on npm[1][5]	React, Vue, Svelte, Angular, Solid and a `<with-icon>` web component, all on npm; plus SVG, PNG and sprites
CSS classes / icon font	Through Line Awesome, its free icon font: `<i class="las la-home"></i>`[6]	Yes: `<i class="with with-home"></i>`, add `with-solid` etc. for other styles
Self-hosting	Yes: downloaded files; Line Awesome via npm, CDN or ZIP[6]	Yes: download SVGs, sprites and CSS (developers)
Design tools	Figma plugin and desktop apps[5]	Copy SVG and paste into Figma, Canva, PowerPoint (guides)
AI / MCP	Official MCP server and an AI icon generator[4]	llms.txt an agent skill and an MCP server (`@withicons/mcp`)
Credit required?	Yes on the free plan (a link to icons8.com); not with a paid plan[2]	No

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

You want a huge catalogue in one consistent style, from iOS to hand-drawn to 3D.
You want illustrations, photos and AI tools from the same subscription.
You want an official MCP server tied to a large paid catalogue.

Choose with icons if…

You want free SVG with no link back: with icons is MIT (Icons8’s free plan is PNG with a link; SVG is paid).
You want a small, focused set where every icon matches across 20 styles.
You want open packages for React, Vue, Svelte, Angular and Solid.

Migration guide

Switch from Icons8 in minutes

If you use Line Awesome, Icons8’s free icon font, swap las la- for with with- and fix the names in the table. Line Awesome uses Font Awesome 5 names, so cog, times and bars become settings, close and menu.

Before · Icons8

<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">

<i class="las la-home"></i>
<i class="las la-cog la-spin"></i>
<i class="las la-bars"></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-settings with-spin"></i>
<i class="with with-menu"></i>

Line Awesome is a line style, so it maps to our Line. For other Icons8 styles, pick the closest with icons style: Solid for filled, Sketch for hand-drawn, Gloss for 3D-ish.

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

Icons8 code

with icons code

<i class="las la-home"></i>
<i class="las la-cog la-spin"></i>
<i class="las la-bars"></i>
<i class="las la-times"></i>
<i class="las la-shopping-cart la-2x"></i>

Turn on JavaScript to convert.

Name map: common icons

Show with icons in

Icons8 icons and their with icons equivalents
Icons8	with icons
`la-home`	home`with-home`
`la-search`	search`with-search`
`la-trash`	trash`with-trash`
`la-cog`	settings`with-settings`
`la-user`	user`with-user`
`la-envelope`	mail`with-mail`
`la-times`	close`with-close`
`la-check`	check`with-check`
`la-plus`	plus`with-plus`
`la-bars`	menu`with-menu`
`la-edit`	edit`with-edit`
`la-pen`	pencil`with-pencil`
`la-download`	download`with-download`
`la-upload`	upload`with-upload`
`la-heart`	heart`with-heart`
`la-star`	star`with-star`
`la-bell`	bell`with-bell`
`la-calendar`	calendar`with-calendar`
`la-lock`	lock`with-lock`
`la-arrow-right`	arrow-right`with-arrow-right`
`la-chevron-down`	chevron-down`with-chevron-down`
`la-angle-down`	chevron-down`with-chevron-down`
`la-share`	share`with-share`
`la-copy`	copy`with-copy`
`la-external-link-alt`	external-link`with-external-link`
`la-eye`	eye`with-eye`
`la-filter`	filter`with-filter`
`la-info-circle`	info-circle`with-info-circle`
`la-exclamation-triangle`	alert-triangle`with-alert-triangle`
`la-shopping-cart`	shopping-cart`with-shopping-cart`
`la-image`	image`with-image`
`la-phone`	phone`with-phone`

Icons8 icons © Icons8 (Line Awesome), MIT License (v1.3.0), from the official package and shown only for comparison.

Find the with icons version of any Icons8 icon

Type the Icons8 name or just what it means (“cog”). 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

Icons8 alternative: questions

What is the best free alternative to Icons8?

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

Free (PNG, with a link); paid plans, including an icons plan from $15/month as listed. Licence: Free if you link to icons8.com where the icons are used; a paid subscription gives a licence without the link. (Checked 1 October 2026; see the sources below.)

How many icons does with icons have compared with Icons8?

with icons has 500 icons, each drawn in 20 styles (10,000 SVGs). Icons8: over 1.3 million; the live number on the site changes (over 1.5 million on the icons page when checked). Icons8 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 Icons8 free?

Icons8 has a free plan for PNG icons as long as you link to icons8.com where you use them; SVG and use without the link need a paid plan. with icons is free as SVG and PNG with no link required.

Sources

Where these facts come from

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

Icons8 pricing · icons8.com/pricing
Icons8 licence · icons8.com/license
Icons8 icons · icons8.com/icons
Icons8 MCP server · icons8.com/mcp
Icons8 apps and plugins · icons8.com/app
Line Awesome (GitHub) · github.com/icons8/line-awesome
Line Awesome CSS used to check names · cdn.jsdelivr.net/npm/line-awesome@1.3.0/dist/line-awesome/css/line-awesome.css

Try with icons instead of Icons8

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

Browse all icons