24 px grid
Points snap to the same grid the library uses. Your icon matches the rest in size and weight.
Studio
Edit icons in your browser
Open any icon, change it on the grid and export the SVG.
What you can do
An editor that knows the grid
Use it when you need a small change, or an icon we do not have yet.
Edit paths
Add, move and delete points.
Stroke and fill
Set the stroke width, the fill and round ends.
Start from any icon
Open a library icon and change it.
Live previews
See it at 16, 24, 32 and 48 px.
How to use it
From blank grid to SVG
Four steps, no account and no install.
Open or start
Click Edit in Studio on any icon in the browser, or start from a blank grid.
Draw
Add and move points. They snap to the grid. Set the stroke width and ends.
Check the sizes
Watch the 16 px preview. If a detail blurs there, take it out.
Export
Copy or download the SVG, or copy JSX for React.
Shortcuts
Keyboard shortcuts
On Windows and Linux, use Ctrl where the table says Cmd.
| Action | Keys |
|---|---|
| Undo | Cmd Z |
| Redo | Cmd Shift Z |
| Delete selected point | Delete or Backspace |
| Nudge selected point one grid step | Arrow keys |
| Nudge one pixel | Shift and arrow keys |
| Deselect | Esc |
Export
Take your icon anywhere
Every export is plain code that you own.
| Option | What you get |
|---|---|
| Copy SVG | The SVG code, with a 0 0 24 24 viewBox and currentColor |
| Download SVG | An .svg file |
| Copy JSX | A React component to paste into your project |
Privacy
Your work stays on your device
Studio has no accounts and stores nothing on our side.
Your drawings save in your browser, so they are there when you come back on the same device. Nothing is uploaded. Clearing your browser data deletes them, so export anything you want to keep.
FAQ
Questions
Is UIX Icons Studio free?
Yes. Studio is free and runs in your browser with no account. Open any icon in a free style, edit it and export SVG or JSX. Icons you draw yourself are yours. Library icons you change keep the licence of their style, which is MIT for the free styles.
Where is my Studio work saved?
In your own browser, on the device you used. Nothing is uploaded to us and there is no cloud sync. If you clear the site data in your browser, your saved work is gone. So export the SVG of anything you want to keep before you clear it.
Can I edit Pro styles in Studio?
Studio edits the master drawing with stroke and fill controls, in the free styles. Pro styles follow the same rule as the browser: they need a licence key. The Pro page explains how Pro works. The free styles need no key and no account.
How do I make my own icon online for free?
Open Studio, start from a blank 24 px grid and add points to draw your shape. Set the stroke width and ends, then check it at 16 px. When it looks right, copy or download the SVG. Studio is free, runs in your browser and needs no account.
How do I change the shape of an SVG icon?
Open the icon in Studio and move, add or delete its points. They snap to the 24 px grid, so the shape stays clean. Then set the stroke and fill, and copy the new SVG. You can start from a library icon or from a blank grid.
Can I use icons I make in Studio in a commercial product?
The icons you draw yourself are yours to use. If you start from a library icon in a free style, keep the MIT copyright notice and licence text with it. Pro styles follow the Pro terms on the license page.
Do I need an account to use Studio?
No. There is no sign-in, and your drawings stay in your own browser. We never receive them. Clearing the site's data in your browser settings also deletes your saved Studio work, so export an SVG of anything you want to keep.
Next: find an icon or read the docs
Open any library icon in Studio from the icons browser, or read how to use the SVG, JSX, Vue and Svelte code you copy.
About this page
UIX Icons Studio is a free icon editor that runs in your browser. It uses the same 24 px grid as the library. Open any icon or start from a blank grid. Edit the paths, set stroke and fill, and check it at 16, 24, 32 and 48 px. Export SVG or JSX. Your work stays on your device.