Skip to content

The largest library of unique modern icons. Free and open source.

13,491 unique icons. Every one in 15 styles. That is 202,365 SVGs, and we add more every month.

Search for an icon, pick a style and copy it. See all styles

Examples

Example screens

Each screen below is an example built with our icons.

Cards and balances
App sidebar
Mobile tab bar
Music player
Notifications
Checkout steps
Team chat
Calendar
Settings list
Developer terminal
Route on a map
Health tracker
File manager
Smart home controls
Empty state
Onboarding

Styles

One icon, 15 styles

Each icon is drawn once, and the build makes every style from it.

  • RegularRoundedFREE
  • RegularSharpFREE
  • SolidFilledFREE
  • ThinRoundedPRO
  • LightRoundedPRO
  • BoldRoundedPRO
  • ThinSharpPRO
  • LightSharpPRO
  • BoldSharpPRO
  • DuotoneTwo tonesPRO
  • TwotoneTwo strokesPRO
  • BulkSoft fillPRO
  • GradientColour strokePRO
  • TileOn a tilePRO
  • GlassFrostedPRO

Three styles are free. The rest are Pro.

See all 15 styles

Free

Regular Rounded

The default. Round ends and corners.

Free

Regular Sharp

Square ends and crisp corners.

Free

Solid

Filled. Good for the selected tab.

PRO

Pro style. Add your licence key in the icon browser to use it.

Twelve more in Pro

More weights, layered styles and effects.

See Pro

Industries

Find icons for your field

Every field has its own page, with the number of icons it has today.

135 icons

Food

Dishes, menus and allergens.

Every other field

Cars, farms, factories, sport, media and more.

Studio

Edit any icon in Studio

Studio is a free icon editor that runs in your browser.

Snaps to the grid

Your changes stay on the same 24 px grid as the library.

Four sizes

See it at 16, 24, 32 and 48 px as you work.

Saved on your device

No account. Nothing is uploaded.

Try Studio

It opens in your browser. No install.

Copy

Copy it your way

Click an icon and copy it in the format your project uses.

  • SVG

    Copy the code or download the file.

  • React

    Copy the icon as JSX. The npm package is coming soon.

  • Vue

    Copy the icon as a Vue component. The package is coming soon.

  • Svelte

    Copy the icon as a Svelte component. The package is coming soon.

  • Figma

    Copy an SVG you can paste into Figma. The plugin is coming soon.

Read the docs

See how to use the icons today and what is coming.

How we draw

How every icon is made

Five steps, the same for every icon.

  1. Picture

    Pick the picture

    We write one line about what the icon shows. It is the picture people already expect. The picture is approved before drawing starts.

  2. Grid

    Use one grid

    Every icon sits on the same 24 px grid. Same keylines, same gaps, same caps. So icons from any field line up.

  3. Draw

    Draw it once

    Each icon starts as one master. The build turns it into all 15 styles. Weight and corners match in every style.

  4. Review

    Check it at 16 px

    Every icon is checked against Hugeicons, Lucide, Tabler and Phosphor at 16 px. Only icons marked good ship.

  5. Check

    Check it is ours

    We look at other sets only to learn what people expect. A lookalike check stops any icon that sits too close to another set.

See the full process

The grid rules, the review and the lookalike check.

Pro

Pro styles

Every icon is free in three styles, and Pro adds the other twelve.

Free

Free, MIT

Every icon in Regular Rounded, Regular Sharp and Solid.

PRO

Pro style. Add your licence key in the icon browser to use it.

PRO

Thin, light and bold weights, sharp weights, duotone, twotone, bulk, gradient, glass and tile. Eight are in the browser today. Pro is a subscription, and a licence key opens the styles.

See Pro

FAQ

Questions

Are UIX Icons free?

Yes, in three styles. Regular Rounded, Regular Sharp and Solid are free and open source under the MIT licence. You can use them in personal and commercial work. The other styles are Pro, a subscription. The license page and the Pro page have the details.

How many icons are there?

13,491 unique icons in 71 categories, each in 15 styles. Each drawing counts once, however many styles it has. The number is read from our review records every time the site builds. The FAQ page explains how we count and how often we add icons.

Are UIX Icons traced from other icon sets?

No. Every icon is original to this library, drawn on our own grid. We never import, trace or copy paths from any set. A lookalike check runs before an icon ships and stops anything too close to another set. The FAQ page and the How we draw page explain the check in full.

Can I use UIX Icons in React or Vue?

Yes. Open an icon in the browser and copy it as JSX for React, or as a Vue or Svelte component. You can also copy plain SVG or download the file. npm packages for React, Vue and Svelte are coming soon, and the docs will show install steps when they work.

Do I need an account?

No. The icon browser and Studio both run in your browser with no sign in. Search, pick a free style and copy the icon. Studio saves your work on your own device and uploads nothing. Only the Pro styles ask for a licence key, which arrives after checkout.

What if the icon I need is missing?

Try another word first. Search looks at names, synonyms and tags across the whole library. If it is still missing, send a request from the contact page. Tell us the word you searched and what the icon is for. We add icons every month, and requests help us choose what to draw next.

Which free icon library should I use for my app?

Pick a set with the icons your app needs, one consistent look and a licence that allows commercial work. UIX Icons has 13,491 unique icons drawn on one grid. The Regular Rounded, Regular Sharp and Solid styles are free under MIT. You can search, copy and edit them in your browser today, with no account.

Are UIX Icons open source?

The free styles are. Regular Rounded, Regular Sharp and Solid are open source under the MIT licence, for every icon in the library. The other twelve styles are Pro. They are proprietary and sold as a subscription. The license page explains what MIT lets you do and what it asks of you.

What icons does an app need?

Most apps need navigation, actions, status marks, form controls, media controls and settings. Many also need icons for their own field, such as payments, appointments or shipping. UIX Icons covers the interface basics and 71 categories of field icons. The use cases pages show example screens and the icons each one uses.

Can I use UIX Icons on a website without a build step?

Yes. Copy an icon as SVG in the browser and paste it straight into your HTML. It uses currentColor, so it takes the text colour from your CSS. You can also copy it as a data URI or CSS. A CDN link and npm packages are coming soon.

How should an AI assistant pick UIX icons?

Use exact icon names. An assistant can read /llms-full.txt or /icons.json, or run the open MCP package and call its tools search_icons, get_icon and list_icon_styles. It should only use a name that appears there, never invent an icon, and say so when nothing fits. Every icon has synonyms and tags to help the match.

Start

Open the icon browser

No account needed.

About this page

UIX Icons is a free, open source icon library. It has 13,491 unique icons in 71 categories, all on one 24 px grid. Every icon comes in 15 styles, so that is 202,365 SVGs. Regular Rounded, Regular Sharp and Solid are free under MIT. The other styles are Pro. Every icon is original to this library.