Rubylabs / Selected work
Iconpacker
Iconpacker makes consistent app icon packs easy. Start from over 7600 base icons, then style the whole pack at once or fine-tune single icons.
- Type
- Frontend Development
- Dates
- Jul 2026
- Technology
- Angular, TypeScript
Case study
Making a consistent app icon pack is tedious work: every icon needs the same background, shape, and finish. I built Iconpacker so that work only has to be done once for the whole pack. You pick icons from a library or upload your own SVGs, set a shared style, adjust single icons where needed, and export the result without an account.
One style, individual control
You can start from a curated pack or search more than 7600 icons from Simple Icons, selfh.st, and Lucide. The pack settings define the shared style, and any single icon can override them. A switch at the top of the settings panel changes between the whole pack and the selected icon, so it's always clear what an edit will affect.
Built around the preview
A large live preview sits at the centre of the editor, with every control right next to it: backgrounds, gradients, tile shapes, bezels, icon scale, shadows, grain, gloss, and edge lighting. Styles can be exported as JSON and imported again later, so you can pick a pack up where you left off.
Export it, or hand it to an agent
The export dialog shows the whole pack one last time and saves it as PNG, ICO, ICNS, WebP, or SVG. Iconpacker also works with AI agents: the [copy:Copy for agents](Read and follow https://iconpacker.ruu.by/SKILL.md) button gives Claude, Codex, or any other agent what it needs to use the Iconpacker API. Tell it which icons and colours you want, for example your project's palette, and it returns the pack as an SVG ZIP.
Contact contact@rubylabs.design.