Website review
This review may include AI-generated content and is not individually verified. Domain, certificate and other facts come from the observed data on this page.
What is Iconer?
Iconer is a browser-based icon workspace at Iconer that aggregates many open icon libraries into one place, then lets you search, restyle, copy and export individual icons without installing anything. Its stated output formats are SVG, PNG, HTML and JSX, and its library list spans Feather, Ionic, Heroicons, Tabler, CSS.gg, Eva, Bootstrap, IconPark, Material, Remix, Phosphor, Lucide and others — dozens of sets, each with its own icon count, categories and license.
What you actually do with it
The workflow is pick → adjust → export:
- Search and filter across all libraries at once, or narrow to one set. Filters include license, type (line, solid, sharp, round) and tags, with sorting by popularity.
- Remix attributes before downloading — the page evidence shows per-library controls such as stroke width, linecap, linejoin, and toggles for line, solid, sharp and round variants. So one icon can be pushed toward a thinner outline or a heavier filled look.
- Export or copy in SVG, PNG, HTML or JSX, or open the icon in the app for deeper editing.
Why the license column matters
Iconer surfaces each library's license directly in the list, which is the most useful thing it does for anyone shipping commercial work. From the page evidence:
| License | Libraries shown |
|---|---|
| MIT | Feather, Ionic, Heroicons, Tabler, CSS.gg, Eva, Bootstrap, Bytesize, Ikonate, Iconoir, Boxicons, Teeny, Phosphor, Line Awesome, Radix, Mono, Basicons, Jam |
| Apache 2.0 | IconPark, Material, Remix |
| ISC | Lucide |
| CC BY 4.0 | Basil |
| Unlicense | System UI |
MIT, ISC and Unlicense are permissive and generally need no attribution. Apache 2.0 also permits commercial use but typically requires preserving notices. CC BY 4.0 requires credit — Basil is the outlier here, so if you are building a client deliverable, either add attribution or skip that set. Always confirm the license on the source project before shipping; a listing is a pointer, not legal advice.
Who it suits
- Front-end developers who want a JSX or SVG snippet pasted straight into a component, and who care about matching stroke weight to an existing design system.
- Designers and indie makers prototyping fast who need a consistent-looking set across screens without buying a subscription.
- Anyone mixing libraries — the real trade-off is that pulling from many sets can look incoherent. Stroke widths, corner radii and optical sizes differ between Feather and Material, for example. Pick one or two libraries per project and use Iconer's attribute controls to harmonize them.
A practical next step
Decide your license constraint and visual style first, then filter. If you are shipping a closed-source product, set the license filter to MIT or Apache 2.0 and start with Tabler or Lucide for a large, consistent outline family; if you need filled and outlined versions of the same glyph, Heroicons and Phosphor cover both. Export as SVG when you want to control color and size in code, and PNG only for quick mockups or non-web documents.
For alternatives with different catalogues, Heroicons and Lucide publish their own sets directly.
How do I customize an icon's attributes like stroke width and color in Iconer?
Iconer treats customization as a property panel per icon: you pick a library, then adjust the attributes that library exposes before copying or exporting. The attributes differ by library—some expose only stroke width, others add round/sharp joins or solid/line variants—so the controls you see depend on the icon set you chose.
What you can typically adjust
- Stroke width — thickens or thins line-style icons; the most widely supported control across the libraries listed (Feather, Ionic, Heroicons, Tabler, Bootstrap, Iconpark, Lucide, and others).
- Color — recolors the icon so it matches your UI palette rather than the library default.
- Line, solid, sharp, round — style toggles offered by specific sets. Ionic, Heroicons, Bootstrap, Remix, Boxicons, Teeny, Phosphor, and Radix list some combination of these.
- Linecap and linejoin — finer stroke-end and corner controls, seen in Bytesize icons.
- Size and other attributes — edited directly on the icon before you copy or export, per the site's own description.
A practical workflow
- Search or filter by category (Animals, Apps, Brand, Devices, UI, and so on), license, or tag.
- Open a library and choose an icon.
- Set stroke width and color, then switch line/solid/round/sharp if that library offers it.
- Copy the code or export the file in the format you need—SVG, PNG, HTML, or JSX.
Choosing a library by what it lets you change
| If you need | Look at | Why |
|---|---|---|
| Fine stroke control on minimal line icons | Feather, Lucide, Tabler | Stroke width and round caps are core to these sets |
| Solid and outline versions of the same icon | Heroicons, Bootstrap, Phosphor, Ionic | Each ships multiple weights or styles |
| Stroke-end detail (caps, joins) | Bytesize | Exposes linecap and linejoin, which most sets do not |
| A very large set to search within | Material, Iconpark, Remix | Thousands of icons, Apache 2.0 licensed |
One trade-off to decide early
Customizing an icon in the browser is fast for a one-off, but if you tweak the same icon in several places you will want to export it once and reuse that file, or keep the source library as a dependency so updates stay consistent. Mixed licenses are the other consideration: most sets here are MIT, while Iconpark, Material, and Remix use Apache 2.0 and Basil uses CC BY 4.0, which carries attribution expectations.
As a next step, pick the library whose default style is closest to your target, then use stroke width and color to close the remaining gap—matching an existing style is far quicker than rebuilding one from a set that fights you. If you want to compare source libraries directly, the originals are worth a look: Feather Icons, Heroicons, Tabler Icons, and Lucide.
Which icon libraries are available on Iconer and what licenses do they use?
Iconer aggregates icon sets from many open-source libraries in one searchable interface, so you can browse across libraries without visiting each project separately. The libraries listed on the site and the licenses shown for them are:
| Library | Icons (as listed) | License (as listed) |
|---|---|---|
| Feather Icons | 286 | MIT |
| Ionic Icons | 1,193 | MIT |
| Heroicons | 448 | MIT |
| Tabler Icons | 1,520 | MIT |
| Cssgg Icons | 704 | MIT |
| Eva Icons | 401 | MIT |
| Bootstrap Icons | 1,668 | MIT |
| Iconpark Icons | 2,437 | Apache 2.0 |
| Material Icons | 2,946 | Apache 2.0 |
| Remix Icons | 2,213 | Apache 2.0 |
| Bytesize Icons | 101 | MIT |
| Ikonate Icons | 327 | MIT |
| Iconoir Icons | 1,007 | MIT |
| Basil Icons | 473 | CC BY 4.0 |
| Boxicons | 1,578 | MIT |
| Teeny Icons | 1,055 | MIT |
| Phosphor Icons | 2,094 | MIT |
| Lineawesome Icons | 1,393 | MIT |
| Radix Icons | 333 | MIT |
| Mono icons | 180 | MIT |
| Lucide icons | 541 | ISC |
| Systemui Icons | 420 | Unlicense |
| Basicons Icons | 225 | MIT |
| Jam Icons | 940 | MIT |
What the licenses mean in practice
MIT, ISC and Apache 2.0 are permissive: you can use the icons in commercial and closed-source products, generally with attribution requirements kept minimal (Apache 2.0 includes an explicit patent grant and requires preserving notices). The Unlicense places the work in the public domain as far as possible, so it is the least restrictive here. CC BY 4.0 is different: it permits commercial use but requires attribution, so you need to credit the creator in a way that fits your product.
Choosing between libraries
If you want a single consistent visual style, pick one library rather than mixing: stroke-based sets such as Feather, Lucide or Tabler suit minimal interfaces, while solid sets like Material or Bootstrap work for denser UI. For maximum coverage with a permissive license, Material, Iconpark, Remix and Phosphor offer the largest counts. If attribution is difficult to display, avoid Basil (CC BY 4.0) unless you can include credit.
A practical next step: filter by the license your project allows, then preview the same icon across two or three libraries before committing, since stroke width and corner radius vary noticeably between sets. Iconer's customization panel lets you adjust attributes and export in SVG, PNG, HTML or JSX, which makes it easy to test a set in your actual layout before standardizing on it.
How do I export or copy icons from Iconer for use in my project?
Iconer is built around a browse-then-tweak workflow, so exporting is designed to be quick: find an icon, adjust its attributes, then copy or download it in the format your project needs.
What you can export
Based on the site's own description, Iconer supports SVG, PNG, HTML and JSX output, alongside copy-and-export actions. The library browser also lets you filter by license (MIT, Apache 2.0, ISC, CC BY 4.0, Unlicense) and by icon type (line, solid, sharp, round), which matters because the license and style you pick follow the icon into your project.
A practical workflow
- Search or filter first. Use the search box plus the license, type and tag filters, then sort by popularity if you want the safest, most familiar shapes.
- Open the icon in the app. Each library listing has an "Open in App" entry point, which is where the editing happens.
- Edit attributes. Depending on the library, you may see controls such as stroke width, linecap, linejoin, and line/solid/sharp/round variants. These controls differ per library — Feather and Tabler expose stroke width and round, while Material and Remix lean on solid/sharp variants.
- Copy or export. Copy the markup for a quick paste into a component, or download the file when you need an asset on disk.
Choosing a format
| Format | Best for | Trade-off |
|---|---|---|
| SVG | Web UI, icons that must scale and inherit currentColor |
Needs inlining or a sprite/build step for many icons |
| JSX | React components | Ties the asset to a JSX toolchain |
| PNG | Slides, email, legacy tools, fixed-size raster needs | Doesn't scale cleanly; you pick a size up front |
| HTML | Quick static pages or prototypes | Least reusable in a component system |
Watch the license, not just the look
Iconer surfaces the license per library, and they aren't all the same. MIT and Apache 2.0 libraries are generally permissive for commercial products; CC BY 4.0 (Basil Icons) typically requires attribution; Unlicense (Systemui Icons) is close to public domain. If you're shipping a client product, note the license of each icon you take rather than assuming the whole set is uniform.
A concrete example
Suppose you're building a React dashboard and need a consistent 24px icon set. Filter to a stroke-based library with an MIT license, set stroke width once, copy the JSX into a shared Icon component, and keep the license note in your repo's third-party notices. If a designer later asks for a PNG for a slide deck, return to the same icon, switch the export format, and download it — the visual style stays consistent because you started from the same library.
For icons that must match an existing design system, check the source project's own guidance too, for example Feather Icons or Heroicons, since the upstream library often documents recommended sizes and stroke settings.
Can I use Iconer icons in commercial projects without attribution?
Yes, for most libraries on Iconer — but not all. The site aggregates icon sets under their original licenses, and those licenses differ in what they require.
What the licenses actually mean
| License | Attribution required? | Typical sets on Iconer |
|---|---|---|
| MIT | No | Feather, Heroicons, Tabler, Bootstrap Icons, Phosphor, Lucide |
| Apache 2.0 | No, but keep the license/notice file | Material Icons, Iconpark, Remix Icons |
| ISC | No | Lucide (as listed) |
| Unlicense | No | Systemui |
| CC BY 4.0 | Yes — credit the creator | Basil |
So the practical answer: MIT, ISC and Unlicense sets can go straight into commercial work with no credit line. Apache 2.0 sets are also commercially usable without visible attribution, but the license text and any NOTICE file should travel with your distributed product. CC BY 4.0 is the one to watch — Basil Icons requires attribution, so a client site or paid app using those icons needs a credit somewhere reasonable.
A realistic scenario
You're building a paid dashboard and want a consistent icon set. Picking Tabler or Lucide keeps you in no-attribution territory and gives you stroke-width control for matching your UI. If you fall in love with a specific Basil glyph, either add a small credits page or swap it for a near-identical MIT alternative — the site's categories and tag filters make substitution quick.
Next step
Before shipping, open the icon's detail panel and confirm the license label rather than trusting the library name alone; then check whether your export format (SVG, PNG, JSX) carries any embedded license metadata you'd want to strip or keep. If your legal team is strict, standardize on MIT and Apache 2.0 sets only.
How do I search for and find the right icon for a specific use case on Iconer?
Start with the library filter, not the search box. Iconer's value is that it bundles many icon sets with their licenses and style traits shown side by side, so the fastest route to the right icon is narrowing by library and style first, then searching within that.
A practical search order
- Filter by license if the project is commercial or needs attribution-free use. The page lists MIT, Apache 2.0, ISC, CC BY 4.0 and Unlicense among the sets, and these carry different obligations. MIT, Apache 2.0, ISC and Unlicense are generally permissive; CC BY 4.0 typically requires credit. Check the specific set before shipping.
- Filter by type and style (line, solid, sharp, round). A line icon next to solid icons in the same toolbar looks inconsistent, so decide the visual language of your interface first.
- Search by concept, then by synonym. Icon names are often literal. If "dashboard" returns nothing useful, try "grid", "layout", "chart" or "speedometer".
- Check the source set's coverage before committing. If you need 20 icons for a settings area, pick one library that covers most of them rather than mixing four.
- Open the icon in the app to adjust stroke width, linecap or linejoin where the set supports it, then copy or export as SVG, PNG, HTML or JSX.
Choosing between libraries
| Need | Better fit | Why |
|---|---|---|
| Small, consistent UI set | Feather, Heroicons, Radix | Compact counts, tight visual consistency |
| Broad coverage across many categories | Material, Iconpark, Remix, Phosphor | Thousands of icons, many categories |
| Fine stroke control | Feather, Tabler, Iconoir, Lucide | Stroke width and round caps exposed |
| Minimal, geometric look | Mono, Systemui, Bytesize | Narrow stylistic range, easy to match |
| Permissive commercial use | MIT, Apache 2.0, ISC, Unlicense sets | Fewer attribution requirements |
Example scenario
You are building a developer-tools dashboard and need icons for deploy, logs, metrics, alerts and settings. Filter to line-style, permissive-license sets, then compare Tabler, Lucide and Phosphor for coverage of those five concepts. If one set covers all five at a consistent stroke weight, use it alone; export as SVG and inline them so you can control color and size with CSS.
Decision criterion
Pick the smallest library that covers your full icon vocabulary in one style. Mixing sets is acceptable only when a single missing concept forces it, and even then match stroke width and corner rounding so the mismatch is invisible.
As a next step, note the license shown for each set you shortlist and keep that list with your project's third-party notices. For cross-checking a specific library's own documentation and license text, the official sources are Feather Icons, Heroicons, Tabler Icons and Lucide.
User reviews (0)