Browse icons

switching from Flaticon?

A free Flaticon alternative

Short answer

Looking for a Flaticon 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. Flaticon is the biggest icon marketplace on this list, with millions of icons and stickers from many artists, plus UIcons, an icon font with ready CSS classes. Below: a side-by-side table, when to choose each, and a converter to switch.

Facts checked

At a glance

Flaticon vs with icons

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

Flaticon compared with with icons
FeatureFlaticonwith icons
LicenceFlaticon licence: free use with credit to Flaticon and the author; Premium removes the credit. Files can’t be resold or redistributed[2][1]MIT, for the icons and the code
PriceFree with attribution; Premium subscription (monthly or yearly; prices are shown in your local currency)[1]Free. No paid tier, no account
IconsOver 18 million icons and stickers (“18.0M+”)[1]500 icons × 20 styles (10,000 SVGs)
StylesThousands of styles from many contributors; UIcons comes in Regular, Bold, Solid and Thin, rounded or straight[1][3]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)
FrameworksUIcons npm package (@flaticon/flaticon-uicons), an API, a Google Workspace add-on[4][5]React, Vue, Svelte, Angular, Solid and a <with-icon> web component, all on npm; plus SVG, PNG and sprites
CSS classes / icon fontYes, with UIcons: <i class="fi fi-rr-home"></i>[4]Yes: <i class="with with-home"></i>, add with-solid etc. for other styles
Self-hostingYes: download files; UIcons ships its own CSS and fonts[4]Yes: download SVGs, sprites and CSS (developers)
Design toolsOnline icon editor; Google Workspace add-on[5]Copy SVG and paste into Figma, Canva, PowerPoint (guides)
AI / MCPNo official MCP server foundllms.txt an agent skill and an MCP server (@withicons/mcp)
Credit required?Yes on the free plan (“Uicons by Flaticon” for UIcons); not with Premium[2][3]No

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

  • You need a very specific or illustrative icon: with millions of icons, someone has probably drawn it.
  • You want coloured, illustrated and sticker-style graphics, not just interface icons.
  • You’re happy to credit Flaticon, or to pay for Premium and skip the credit.

Choose with icons if…

  • You don’t want to credit anyone: with icons is MIT, so no attribution, ever.
  • You need SVG for free: every icon is free as SVG and PNG (Flaticon’s free downloads are PNG; SVG comes with Premium).
  • You want a consistent family where every icon matches, with the same names in 20 styles.

Migration guide

Switch from Flaticon in minutes

For UIcons, the pattern is almost the same: swap fi fi-rr- for with with-. For icons you downloaded from Flaticon, search below by meaning to find the matching with icons name.

Before · Flaticon
<link rel="stylesheet" href="https://cdn-uicons.flaticon.com/3.0.0/uicons-regular-rounded/css/uicons-regular-rounded.css">

<i class="fi fi-rr-home"></i>
<i class="fi fi-rr-envelope"></i>
<i class="fi fi-sr-heart"></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-mail"></i>
<i class="with with-heart with-solid"></i>

UIcons regular, bold and thin → our Line; solid (fi-sr-, fi-ss-) → with-solid.

Paste your Flaticon 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="fi fi-rr-home"></i>
<i class="fi fi-rr-envelope"></i>
<i class="fi fi-sr-heart"></i>
<i class="fi fi-rr-menu-burger"></i>
<i class="fi fi-rr-picture"></i>

Turn on JavaScript to convert.

Find the with icons version of any Flaticon icon

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

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

FAQ

Flaticon alternative: questions

What is the best free alternative to Flaticon?

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

Free with attribution; Premium subscription (monthly or yearly; prices are shown in your local currency). Licence: Flaticon licence: free use with credit to Flaticon and the author; Premium removes the credit. Files can’t be resold or redistributed. (Checked 1 October 2026; see the sources below.)

How many icons does with icons have compared with Flaticon?

with icons has 500 icons, each drawn in 20 styles (10,000 SVGs). Flaticon: over 18 million icons and stickers (“18.0M+”). Flaticon 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.

Do I have to credit Flaticon?

On the free plan, yes: Flaticon’s licence asks you to credit Flaticon and the icon’s author. Premium removes that requirement. with icons never needs credit.

Can I get free SVG icons without attribution?

Yes. Every with icons icon is free as SVG and PNG under the MIT licence, with no attribution.

Sources

Where these facts come from

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

  1. Flaticon pricing · www.flaticon.com/pricing
  2. Flaticon legal / licence terms · www.flaticon.com/legal
  3. Flaticon UIcons · www.flaticon.com/uicons
  4. UIcons README (GitHub) · github.com/flaticon/flaticon-uicons
  5. Flaticon for Google Workspace · www.flaticon.com/for-google
  6. UIcons regular-rounded CSS used to check names · unpkg.com/@flaticon/flaticon-uicons@3.3.1/css/regular/rounded.css

Try with icons instead of Flaticon

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

Browse all icons