Emoticons

Last Updated on August 13, 2026 by Editorial Team

A free pack with 30 cute emoticons, designed and shared by Julia Savchuk. The freebie comes in three formats: .AI, .PSD, .PDF.

What stands out immediately in this emoticon pack is how confidently flat and graphic each face is. There’s no gradient, no drop shadow, no attempt to mimic the glossy 3D emoji style that dominates most operating systems.

Instead you get solid circles filled with saturated color, from sunshine yellow and mint green to hot pink, sky blue, and near-black, each holding a simple set of features that reads instantly at a small size.

That restraint is exactly what makes the set useful. Because the shapes are so pared down, the emoticons hold up whether they’re sitting inside a chat bubble at a few pixels tall or blown up as a decorative accent on a landing page.

The preview shows them doing their real job: living inside a messenger-style interface, dropped into an emoji picker panel below a message input field, right next to a paperclip and a send button.

That’s the context this pack is built for. It’s aimed squarely at people designing chat products, community platforms, comment systems, or any interface where users need a quick emotional shorthand instead of typing words.

If you’re mocking up a messaging app, a social network profile, a forum, or a customer support widget, this is the kind of asset that fills in the “reaction” layer of the UI without you having to design expressions from scratch.

The Range of Expressions

Scanning the grid, you can pick out the emotional territory this set covers: plain happiness, sadness, shock, sleepiness, love with a solid heart, heartbreak, mischief, sunglasses-cool confidence, and a few gently spooky or villain-style faces with dark colors and sharp features.

That spread is broad enough to cover the everyday reactions people actually use in chat threads and comment sections, rather than being a purely decorative icon set with no functional variety.

Because each face is built from the same simple visual grammar, mixing and matching them into a picker grid, like the one shown in the mockup, feels cohesive rather than assembled from mismatched styles.

When you’re placing them into your own designs, keep them grouped in a grid with even spacing, the way the sample interface does, since that’s what makes a reaction panel scannable at a glance.

Adapting the Faces to Your Own Interface

Because the artwork is vector based, you can rescale any single emoticon up or down without losing the crispness of the outline or the flatness of the fill.

If your product has a specific accent color, it’s worth swapping one or two of the emoticon backgrounds to match, the way a red send button and red highlight color anchor the interface in the reference mockup.

Grouping colors is another easy edit. You could recolor the whole set into two or three brand tones instead of the full rainbow if you want the reaction bar to feel quieter and more integrated with a monochrome UI.

It also helps to isolate individual faces onto transparent backgrounds so you can drop them into buttons, notification badges, onboarding screens, or empty-state illustrations where a single expressive face says more than a line of copy.

Pair the set with a clean sans-serif interface font and simple line icons for attachments, search, and navigation, similar to what’s shown in the reference screens, and the emoticons will read as part of a considered product rather than a bolted-on sticker pack.

They also work well outside of chat products: presentation slides that need a lighthearted callout, survey or feedback forms asking users to rate their mood, or marketing emails that want a friendly, informal tone without relying on stock photography.