Best Free SVG Icon Packs for Product UI: 10 Design Picks

Lucide is a community fork of Feather that kept growing after Feather slowed down. Every icon is an outline drawn on a 24px grid with a 2px stroke and round caps and joins, so icons sit together without visual bumps. The style is neutral: friendly enough for a consumer app, plain enough for a B2B tool.

It has 1,800+ icons from Lucide Contributors, which covers the everyday product set well: navigation, file actions, text editing, media controls, charts and status. Gaps show up in niche domains (medical, logistics, finance instruments), where a larger pack like Tabler has more.

There is only one style. That keeps things consistent, but it also means you have no built-in filled version for an active tab. Most teams handle that with color or a background shape instead.

HouseSearchSettingsBellUserLayout DashboardChart ColumnCircle CheckTriangle AlertTrashPencilDownload

Use if: you want a clean, neutral default for a web app and you do not need filled states. For developers, it ships as lucide-react and packages for other frameworks.

Tabler Icons, made by Paweł Kuna, is the biggest single-style outline pack in this list, with 6,200+ icons. The default is a 24px grid with a 2px stroke, very close to Lucide in feel, so the two look related. Shapes are slightly more geometric and a little more detailed.

The real reason to pick Tabler is coverage. Admin tools and dashboards need icons for odd things: database tables, API keys, invoices, webhooks, file types, devices, weather, transport. Tabler usually has them. About 1,000 icons also come in a filled version, which you can use for selected tabs, active filters and toggled buttons.

HomeHome FilledSearchSettingsBellBell FilledUserLayout DashboardChart BarCircle CheckAlert TriangleTrash

Use if: your product has many screens and you are tired of finding that the one icon you need is missing.

Heroicons comes from Refactoring UI, the team behind Tailwind CSS. It is small on purpose: about 320 shapes, each drawn four times. You get a 24px outline (1.5px stroke), a 24px solid, a 20px "mini" solid and a 16px "micro" solid, for 1,200+ files in total.

That size ladder is the best feature for designers. Small icons in buttons, inputs and table rows are hand drawn for 16px and 20px, so they stay sharp instead of being shrunk 24px icons. The thinner stroke gives a lighter, more refined look than Lucide or Tabler.

The weak point is coverage. With about 320 shapes, a large product will run out. It fits a focused SaaS app, a marketing site with a small app area, or a prototype.

HomeHome SolidHome 20 SolidHome 16 SolidMagnifying GlassCog 6 ToothBellUserSquares 2x2Chart BarCheck CircleExclamation Triangle

Use if: your product is small, your team works in Tailwind, and you want icons drawn for small sizes.

Phosphor has about 1,500 shapes, and every one comes in six weights: thin, light, regular, bold, fill and duotone. That makes 9,000+ icons, and it makes Phosphor the most flexible pack here for building a visual system.

Weights let you set rules. For example: regular in navigation, bold in small buttons where thin lines disappear, fill for the active state, and duotone in empty states and onboarding where an icon is a small illustration. Because all six weights share the same shapes, switching weight never changes what the icon means.

The style is a little rounder and warmer than Lucide. It works well for consumer apps, creative tools and brands that want some personality without going playful.

HouseHouse ThinHouse LightHouse BoldHouse FillHouse DuotoneMagnifying GlassGearBellChart BarCheck CircleWarning

Use if: you want one pack that can express hierarchy and state through weight, not just color.

Material Symbols is Google's icon system, with 15,700+ SVGs in this pack. Each shape comes filled or outlined, and many also come in rounded and sharp versions, so you can match the corner style of your buttons and cards.

Coverage is the largest of any general UI pack: actions, communication, devices, maps, home, health, business and more, all grouped by category. The style is instantly familiar to Android users, which is good for an Android app and less good if you want your product to look like its own thing.

The SVG files are the default weight. The variable font version of Material Symbols adds adjustable weight, grade and optical size, so check which format your developers will use before you design around those axes.

HomeHome OutlineHome RoundedHome Outline RoundedSearchSettings OutlineNotifications OutlinePerson OutlineDashboard OutlineBar ChartCheck Circle OutlineWarning Outline

Use if: you build for Android or follow Material Design, or you need very wide coverage in one consistent style.

Fluent UI System Icons is Microsoft's set, used across Windows 11, Teams and Microsoft 365. It is the largest pack in this list at 19,800+ icons, because each shape comes as regular (outline) and filled, and in several sizes: 16, 20, 24, 28, 32 and 48px.

Like Heroicons, the sizes are drawn separately, so a 16px icon in a dense list looks as clean as a 24px icon in a toolbar. The style is soft and rounded, with slightly thicker lines than Lucide. It feels at home in productivity tools, desktop apps and anything that sits next to Microsoft products.

Home 24 RegularHome 24 FilledSearch 24 RegularSettings 24 RegularAlert 24 RegularPerson 24 RegularGrid 24 RegularData Bar Vertical 24 RegularCheckmark Circle 24 RegularWarning 24 RegularDelete 24 RegularEdit 24 Regular

Use if: your app runs on Windows, plugs into Microsoft 365, or needs many sizes of the same icon.

Carbon is IBM's design system icon set, with 2,600+ icons. The style is precise and squared off, built for 16px and 32px. Most icons are outlines, with close to 150 filled versions for things like status markers and flags.

Carbon is strong where most packs are weak: enterprise and technical concepts. Think cloud services, data pipelines, security, analytics, AI models and infrastructure. In a monitoring dashboard or a data tool, that coverage saves a lot of custom drawing. The sharp, technical style can feel cold in a consumer app.

HomeSearchSettingsNotificationUserDashboardChart BarCheckmark FilledWarning AltTrash CanEditDownload

Use if: you design enterprise software, internal tools or data products with dense screens.

Solar, from 480 Design, has about 1,450 shapes in six styles: linear, bold, bold duotone, broken, line duotone and outline. That is 8,700+ icons. The look is soft and rounded, with a modern feel that suits fintech, health and lifestyle apps.

Solar is the pack to compare with Phosphor if you want duotone. The "broken" style, with small gaps in the line, is unusual and gives a product a recognizable look. Use it with care, since it can look like a rendering bug at small sizes.

One thing to check before you commit: Solar uses the CC BY 4.0 license, which asks for credit to the author. That is easy to do (a line on your credits or about page), but your legal team should know.

Home 2 LinearHome 2 BoldHome 2 Bold DuotoneHome 2 BrokenHome 2 Line DuotoneHome 2 OutlineMagnifier LinearSettings LinearBell LinearUser LinearWidget LinearChart Linear

Use if: you want a softer, more expressive look with several styles, and attribution is fine for your team.

Remix Icon, from Remix Design, has about 1,500 shapes, nearly all in a line and a fill version, for 3,100+ icons. The line style is neutral and balanced, between Lucide and Material in weight.

The paired line and fill versions make it a practical choice for tab bars and toggles: line for idle, fill for selected, with the same shape. It also has a good set of editor icons (text formatting, alignment, lists) and a wide range of business and communication icons, grouped into clear categories.

Our catalog lists Remix Icon under Apache 2.0, while its current npm package lists its own "Remix Icon License". Read the license file in the repository before you ship.

Home LineHome FillSearch LineSettings 3 LineNotification 3 LineUser LineDashboard LineBar Chart LineCheckbox Circle LineAlert LineDelete Bin LinePencil Line

Use if: you need a neutral pack where almost every icon has a matching filled state.

Iconoir, created by Luca Burgio, has 1,600+ icons on a 24px grid with a 1.5px stroke. It is the most minimal and geometric pack here. Shapes are simple and open, which gives a light, airy feel.

It covers common UI well and has unusual categories such as 3D editing, animation and connectivity. Close to 290 icons have a solid version. Because the stroke is thin, test Iconoir at 16px on a low-density screen before you commit; it shines at 20px and up.

HomeSearchSettingsBellUserView GridStats ReportCheck CircleWarning TriangleTrashEdit PencilDownload

Use if: your brand is minimal and you want icons that stay quiet next to type.