switching from Tabler Icons?

A free Tabler Icons alternative

Short answer

Looking for a Tabler Icons 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. Tabler Icons is the largest free MIT stroke set: over 6,000 icons in outline and filled styles on a 24 × 24 grid, with packages for almost every framework. 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

Tabler Icons vs with icons

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

Tabler Icons compared with with icons
Feature	Tabler Icons	with icons
Licence	MIT[3]	MIT, for the icons and the code
Price	Icons free; optional one-time paid bundles ($9 compiled files, $69 with templates and illustrations, as listed)[1]	Free. No paid tier, no account
Icons	Over 6,000 (“over 6200”; 6,220 on the site when checked)[2][1]	500 icons × 20 styles (10,000 SVGs)
Styles	Outline and Filled, on a 24 × 24 grid with a 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	React, Vue, Svelte, Solid, Preact, Angular, React Native and Astro packages; web font, sprite, PNG and PDF[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, with the web font: `<i class="ti ti-home"></i>`[2]	Yes: `<i class="with with-home"></i>`, add `with-solid` etc. for other styles
Self-hosting	Yes: npm (`@tabler/icons`, `@tabler/icons-webfont`) or download[2]	Yes: download SVGs, sprites and CSS (developers)
Design tools	Official Figma plugin[1]	Copy SVG and paste into Figma, Canva, PowerPoint (guides)
AI / MCP	No official MCP server or llms.txt found (community MCP servers exist)	llms.txt an agent skill and an MCP server (`@withicons/mcp`)
Credit required?	No (keep the MIT notice when redistributing the code)[3]	No

Tabler Icons 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 Tabler Icons if…

You want the biggest free MIT stroke set: over 6,000 icons, very actively maintained.
You need a niche icon that a 500-icon set won’t have.
You want packages for nearly every framework, plus PNG and PDF exports.

Choose with icons if…

You want a curated 500 that’s easy to browse, where every icon has a reason to exist.
You want five extra looks with the same names: Duo, Gloss, Engrave, Blueprint and Sketch.
You want an MCP server and agent skill so AI tools pick the right icon.

Migration guide

Switch from Tabler Icons in minutes

Tabler’s web font uses ti ti-name; with icons uses with with-name. Many names are identical (home, search, settings); fix the few that differ, like x → close and photo → image.

Before · Tabler Icons

<link rel="stylesheet" href="…/@tabler/icons-webfont/dist/tabler-icons.min.css">

<i class="ti ti-home"></i>
<i class="ti ti-x"></i>
<i class="ti ti-photo"></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-close"></i>
<i class="with with-image"></i>

Tabler outline → our Line; -filled → with-solid. Tabler strokes are 2 px; ours default to 1.75 and can be changed in the components.

Paste your Tabler Icons 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.

Tabler Icons code

with icons code

<i class="ti ti-home"></i>
<i class="ti ti-x"></i>
<i class="ti ti-photo"></i>
<i class="ti ti-heart-filled"></i>
<i class="ti ti-menu-2"></i>

Turn on JavaScript to convert.

Name map: common icons

Show with icons in

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

Tabler Icons icons © Paweł Kuna, MIT License (v3.48.0), from the official package and shown only for comparison.

Find the with icons version of any Tabler Icons icon

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

Tabler Icons alternative: questions

What is the best free alternative to Tabler Icons?

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 Tabler Icons free?

Icons free; optional one-time paid bundles ($9 compiled files, $69 with templates and illustrations, as listed). Licence: MIT. (Checked 1 October 2026; see the sources below.)

How many icons does with icons have compared with Tabler Icons?

with icons has 500 icons, each drawn in 20 styles (10,000 SVGs). Tabler Icons: over 6,000 (“over 6200”; 6,220 on the site when checked). Tabler Icons 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.

Tabler has 6,000+ icons. Why pick a set with 500?

Because a smaller set is quicker to search and every icon is drawn in 20 matching styles. If you need a rare icon, Tabler is a great choice, and the two can be used side by side.

Sources

Where these facts come from

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

Tabler Icons website · tabler.io/icons
Tabler Icons README (GitHub) · github.com/tabler/tabler-icons#readme
Tabler Icons licence · github.com/tabler/tabler-icons/blob/main/LICENSE
Tabler Icons releases · github.com/tabler/tabler-icons/releases
@tabler/icons 3.48.0 icons.json (names) · unpkg.com/@tabler/icons@3.48.0/icons.json

Try with icons instead of Tabler Icons

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

Browse all icons