Regular Rounded
The default. Round ends and corners.
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
Each screen below is an example built with our icons.
Styles
Each icon is drawn once, and the build makes every style from it.
The default. Round ends and corners.
Square ends and crisp corners.
Filled. Good for the selected tab.
Pro style. Add your licence key in the icon browser to use it.
Industries
Every field has its own page, with the number of icons it has today.
778 icons
Departments, tests, devices and the body.
652 icons
Code, git, terminals and files.
290 icons
Cart, checkout and shipping.
573 icons
Pins, routes and transport.
746 icons
Rooms, devices and sensors.
586 icons
Lab gear and experiments.
135 icons
Dishes, menus and allergens.
205 icons
School, classes and exams.
121 icons
Trips, bags and bookings.
Cars, farms, factories, sport, media and more.
Studio
Studio is a free icon editor that runs in your browser.
Pick an icon in the browser and click Edit in Studio. Move points, change the stroke, then export.
Your changes stay on the same 24 px grid as the library.
See it at 16, 24, 32 and 48 px as you work.
No account. Nothing is uploaded.
It opens in your browser. No install.
Copy
Click an icon and copy it in the format your project uses.
Copy the code or download the file.
Copy the icon as JSX. The npm package is coming soon.
Copy the icon as a Vue component. The package is coming soon.
Copy the icon as a Svelte component. The package is coming soon.
Copy an SVG you can paste into Figma. The plugin is coming soon.
See how to use the icons today and what is coming.
How we draw
Five steps, the same for every icon.
Picture
We write one line about what the icon shows. It is the picture people already expect. The picture is approved before drawing starts.
Grid
Every icon sits on the same 24 px grid. Same keylines, same gaps, same caps. So icons from any field line up.
Draw
Each icon starts as one master. The build turns it into all 15 styles. Weight and corners match in every style.
Review
Every icon is checked against Hugeicons, Lucide, Tabler and Phosphor at 16 px. Only icons marked good ship.
Check
We look at other sets only to learn what people expect. A lookalike check stops any icon that sits too close to another set.
The grid rules, the review and the lookalike check.
Pro
Every icon is free in three styles, and Pro adds the other twelve.
Every icon in Regular Rounded, Regular Sharp and Solid.
Pro style. Add your licence key in the icon browser to use it.
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 ProFAQ
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.