Questions people ask

An icon library is a set of small pictures drawn to the same rules, so they look like they belong together. Product teams and developers use them in buttons, menus, lists and status marks. A good library has the ideas you need. It also keeps size, weight and style the same across all of them.

UIX Icons is an original, open source icon library drawn on one 24 px grid. Each icon comes in 15 styles, and three of them are free under MIT. It has a shared interface set plus icons for many fields, from healthcare to developer tools. Every icon is original to this library and checked before it ships.

13,491 unique icons. Every one in 15 styles. That is 202,365 SVGs, and we add more every month. We count each drawing once, so one icon in 15 styles counts as one icon. The icons sit in 71 categories. The site reads the count from our review records every time it builds.

Each icon has 15 styles. Regular Rounded, Regular Sharp and Solid are free under MIT. The Pro styles are Thin, Light and Bold in rounded and sharp, plus Duotone, Twotone, Bulk, Gradient, Glass and Tile. All of them come from one master drawing, so they match.

The library has 71 categories. There is a core interface set plus fields such as healthcare, maps, smart home, nature, food, smart city, developer tools and education. 18 fields have their own page on this site. Each page shows its approved icons and a live count.

Yes. Every icon is original to this library, drawn on our own grid. Each idea starts as a one-line picture that is approved before drawing. Then the master is drawn in our own grid format. No shapes come from another icon set, in any style.

No. We look at well-known open source sets to learn which picture people expect and to compare quality. We never import, trace, copy or change their paths. A lookalike check runs before release. It blocks any icon whose points sit too close to an icon in another set.

Because good icons follow habits people already have. A magnifier means search and a bell means alerts in almost every set. We use the picture people expect, so the icon reads without a label. Then we draw it our own way, on our own grid, with our own shapes.

Each drawing is shown next to the same idea in Hugeicons, Lucide, Tabler and Phosphor. It is checked at 16 px for clarity, weight and whether it is ours. Only icons marked good ship. A redraw clears the old verdict, so the new drawing gets checked again.

Today the browser copies icons as SVG, JSX, Vue, Svelte, a web component, a data URI or CSS. It also downloads SVG or PNG. Studio exports SVG and JSX. AI agents can run the open MCP package today. npm packages, a CDN, a Figma plugin, Framer, WordPress and a hosted MCP endpoint are coming soon. We only call a channel live once it works.

Yes, by copy and paste. Copy an icon as SVG from the browser and paste it into a Figma frame. It arrives as vector paths you can edit. A Figma plugin is coming soon. It will let you search icons and insert them as components with style and weight switches.

Not yet. An npm package and React, Vue and Svelte components are coming soon. Today the detail panel copies a single icon as JSX, Vue or Svelte code, ready to paste into your project. The docs page will show install commands only once they work. The one package you can run now is the MCP package for AI agents.

Yes. An agent should only use icon names that appear in /llms-full.txt or /icons.json, never invent an icon, and say so when none fits. The open MCP package, which you run locally, gives it three tools: search_icons, get_icon and list_icon_styles. Every icon has synonyms and tags, the words people and agents use to ask for it.

The icons are drawn to read at small sizes, with even weight and open shapes. The rest depends on how you use them. Give icon-only buttons an accessible name. Hide decorative icons from screen readers with aria-hidden. Keep a label next to icons that carry meaning, and check colour contrast.

Search the browser first and try a synonym or two. The icon may be there under another name. If it is still missing, write to us through the contact page. Tell us the word you searched, what the icon is for and where it will appear. Requests help us decide what to draw next.

Studio is a free icon editor in your browser, on the same 24 px grid as the library. Open any library icon or start from a blank grid. Edit paths, set stroke and fill, preview at four sizes and export SVG or JSX. Your work saves in your own browser and is never uploaded.

Solid fills the main shapes with one flat colour, and duotone adds a soft tint inside the outline. Solid is free under MIT and duotone is Pro. Both come from the same drawing. The styles page shows them side by side.

Rounded icons have round line ends and corners, so they feel soft. Sharp icons have square ends and pointed corners, so they feel firm. Both share one centre line. Regular Rounded and Regular Sharp are both free. Pick the one that matches your brand.

Regular Rounded suits most apps, with Solid for selected and active states. Choose Regular Sharp if your brand is firm and exact. Pro adds weights and layered styles if you want more range. All styles come from one drawing, so they match each other.

Use 24 px for most icons, and 16 to 20 px inside buttons, chips and dense rows. Touch targets should still be at least 44 px, so pad small icons instead of enlarging them. The Design answers above cover larger sizes and which style holds up best.

Yes, if you do it on purpose. Use one style for idle controls and another, such as Solid, for the selected state. Every UIX Icons style comes from one drawing, so a mixed screen still lines up. Avoid mixing different sets.

Outline icons draw the shape with a line and are light on the page. Filled icons are solid shapes and stand out more. Outline is common for idle controls and filled for active ones. In UIX Icons, Regular is outline and Solid is filled.

Search with a synonym first, then check the nearest category. If it is still missing, tell us on the contact page: the word you searched, the meaning and the screen. We add icons every month, and requests shape what we add next.

We add icons every month. Each new icon comes in all 15 styles after it passes review. The icon browser always shows every approved icon. The changelog lists the larger changes to the site and the library, so you can see what is new.

No. Brand logos are not part of the library, because logos belong to their owners and have their own rules. Get logos from each brand. Our icons cover generic ideas such as card, cloud, share or chat. Using a brand's logo is the owner's call, not ours.

Four styles are still being added to the browser: the three Sharp weights (Thin, Light and Bold) and Glass. All four are Pro styles. Everything free is already there, and the Pro styles that are there open with a licence key. The icons exist in all 15 styles, and the browser shows more of them as they arrive.