No items found.

Tinylicious icons

Not your standard system icons

Let‘s be real. Those fine-looking icon libraries designed on a 24x24 pixels canvas that make your mouth drool feel a bit oversized in a typical web app interface full of forms, tables, and buttons. If you are a product designer like myself, you feel the pain.

That‘s why I spent a few months designing these 1,350 Tinylicious icons in the famous glyph style. I would follow commonly-recognized and expected meanings for most icons, while for others, I would break the rules and develop something distinct. And believe me; you can still squeeze out plenty of creativity within the harsh boundaries of 256 pixels per icon.

Specifically crafted for dense layouts

Think icons alongside text labels in a button. Or just button icons. Or a horizontal stack of a few action icons in a table row. Or icon plus label in a drop-down item. You know where I‘m heading.

If you are a product or UI/UX designer crafting complex dashboards for web apps, consider Tinylicious and compare it with the other premium system icons. I did.

What makes Tinylicious different?

Not much. And it shouldn‘t. As a representative of system icons, they must be utilitarian, universal, and recognizable at first sight. But I still infused a healthy dose of chunky and edgy character into them, making them look slightly informal, hoping to find their love with brands that play on the same tune.

To make each icon look coherent, I set myself a few guidelines:

Stick to a glyph style unless the symbol by itself asks for lines.
Keep it super simple, to avoid people saying, “What the *** that icon means?”
Round shapes only when necessary to minimize sub-pixel rendering and maximize visual crispness.
Exaggerate tiny details because they make a pictogram look recognizable.
Keep a 2-pixel division to ensure icon components don‘t merge into an unrecognizable blob.
Make them make you smile because… why not?