App icon design examples

Flat app icons.

Flat App icons collection 2018

App Icons March 2012 March

App Icons March 2012 March 2013 on Behance ipad design icons iphone app

Best App Icons by Ramotion

The best app icons designed by Ramotion design agency

Mobile app icons

A small set of icons that are an integral part of our mobile applications!

Icons — Tasker app

Liquid icon set alludes that this app has natural gestures and transitions.

Operator app icons

Exploring some cool navigation icons for our Operator app. - ❤️ for 👍 👉 https://www.salemove.com

Pillo Health App Icons

This icon set was created for the healthcare application. we really love their colorful and positive look. What do you think? Eager to hear your feedback! 🙂🙂🙂 You can check the full story here Press “L” on a keyboard to share some love and follow us if you don’t want to miss our upcoming works! ♥ We add heart to technology. ■ Looking for icons design? We are open to new projects! Feel free to drop us a line at ☞ contact@415agency.com

App icons

Custom icon set done for app i'm working on

app icons

app icons

Security APP icons

Please don't be shy, let me know if you like it.

App Icons 2018

Picked out some of my favorite App Icons that I worked on in 2018. See attached for all 🏆 Say hi 👋🏻 on Instagram

iOS App Icons on Behance ipad

iOS App Icons on Behance ipad design icons iphone app

Third Icons set — Shary app

Last icons set for Shary app which used for actions with documents. Coming soon on Get Apps UI.

Tap Bar icons — Shary app

For Shary app was drawn a lot of icons. This is the first set. Coming soon on Get Apps UI.

Icons for BrocnBells App

Had plenty of fun making these illustrations for BrocnBells — a social platform to meet like-minded people over health & fitness, connect over your favorite workout & healthy cafe hangouts and make real life healthy connections. —> https://brocnbells.com

The design guide to iOS and Android app icons

Despite the small size, an icon promotes an application in the App Store and Google Play, presents the user with it and also helps to find it on the Home screen after installation. It’s a great responsibility, and it depends on a designer if an icon can cope with that.When I faced the challenge of drawing an app icon for the first time, I had a lot of questions. I found answers on some of them only after a couple of completed projects. I decided to write this article to help the same beginners as I was, but I hope that experienced designers will find it useful too. Well, let’s get started!Why every app needs an iconAn app icon is a unique image added for every mobile application. It’s the first users see when they find an app on the App Store and Google Play. At this stage, the user decides if he wants to find more about an app; if not — he scrolls further. A good icon generates interest, provide confidence, assure the user that an app might be useful for him. At the same time, a bad icon does twice as much, but the other way around. It confuses and casts doubt on the benefit of an app. When the user installs an app, the icon’s goal changes. Now it assists in the search for the app on the Home screen among other icons. But what makes an app icon “good”?There are a lot of articles on the topic and most of them relate to Paul Rand’s design principles. And that’s not surprising! An app icon is a piece of branding. However, it’s not a logo.A logo and an app icon have different goals, ways of using and requirements respectively. It doesn’t mean a logo can’t overlap with an icon. Not at all! Popular applications often use logos in icons: Twitter, Medium, Reddit and others. But they don’t do it for no reason. They are a number of aspects that we need to take into account. Let me tell you about them by drawing on the experience and using beautiful headlines.ScalabilityAn app icon has to be small. That’s the point, and the user can’t stretch it to examine. Therefore, it’s important that an icon maintains its legibility regardless of size. Look, how small app icons are in Settings!App icons in iOS and Android SettingsThe user shouldn’t strain his eyes trying to understand the designer’s idea. Make sure to try out an icon on real devices in multiple sizes and, if necessary, finalize it. The loss of details due the reduction in the number of pixels is inevitably, but the idea has always to be clear. And that brings us to the second aspect of an app icon.RecognizabilityIf the user can’t understand your idea, you can’t hook him and he’ll move on to the next app. Designers advise simplifying app icons to increase recognizability. And it’s important to understand it right. Simplify doesn’t mean to make primitive. Look, aren’t these icons detailed?Hello Neighbor, Tiny wings, Prune, Pandora Music, Silly Sausage in Meat Land, Old Man’s JourneySimplify means to concentrate on an idea and get rid of unnecessary and repeating elements. Everything should work for the idea and help the user to understand it. However, the user hasn’t only to understand it, but also has to get interested in it.UniquenessThere are almost 2 million applications in the App Store and 2,1 million in Google Play, and each of them has an app icon. All these icons compete for the user’s attention. Big brands use their logos to draw attention, but what to do less-known applications? Show something new and unusual!Todoist uses the standard for task managers tick in an interesting compositionSpend some time on a research before starting to draw, search for the main competitors and simply applications from the same category. Think of how to stand out! If most icons are colourful, consider using a monochrome palette. If there are a lot of images of one particular item — abandon it and show something different. Always search for your way to solve problems!It’s difficult to come up with something new. Make mood boards, create mind maps, ask friends and coworkers for advice. You never know where you’ll find a great idea. But it is important not to lose touch with an application in the pursuit of originality.ConsistencyAn icon is the part of an application, they have to work hand-in-hand. An icon should describe an app and show its main features. This is especially important for games where an app can get 1 million downloads because of only one game mechanic.Slack is a good example of consistency between app and iconNo one will like if he gets a different application than expected. Don’t include screenshots and interface elements in an icon — it can mislead the user. Instead, insinuate the functionality of an app, use the same style and colours. There should not be any doubts to which app relates an icon. And guidelines can help you to achieve this!Compliance with guidelinesDespite the fact that iOS and Android starting to look the same, there are still a lot of differences which prevent us from using the same app icon on both operating systems: proportions, visual techniques and special features. Users get used to their operating systems. The less we distance from it, the more trust to an app is given.iOS (on the left) and Android (on the right) icons of the same appsIt doesn’t mean you need to draw different app icons; rather, big differences will reduce app recognition. Sometimes it’s enough to adjust the size, but in some cases it’s better to make more changes.Phew! That’s what we should pay attention to when developing an app icon. Now it’s time to create! Of course, if you don’t have even more questions along the way… What size a canvas should be? How to use grids? How to export an icon? It’s time to go deep into the technical part and find answers. Let’s start with iOS.iOS app iconsThere is much useful information in the iOS Human Interface Guidelines, but we’ll focus on the App Icon section where Apple describes technical requirements and makes recommendations on a design. We’ll follow the path of creating icons and get to the bottom of this. I use Sketch, but any other graphics editor will work too.Drawing an iOS app iconThere are many templates for creating icons, but we won’t use them for now. Let’s say we already studied the market, identified the idea, perhaps, even made a sketch by hand. And of course, created a new document in the editor.Let’s choose a canvas size first. In iOS, an icon can be found in different sizes from 40px × 40px to 1024px × 1024px. Because it’s always easier to reduce the image size, we’ll create a larger canvas. Designers who work in Sketch can cheat and create twice smaller canvas (512px × 512px) and increase it later on export.The next step is to add a grid. You can download it, find in templates and even draw. Grids help to maintain unity and integrity of the composition, control sizes and spacing. Try to place the main object within a large circle. If a grid interferes and limits your creative impulse — break it. Even structure should be limited.Finally, we can start drawing! I won’t bore you with the details, but my icon went through the manager and came back with feedback from the client a couple of times until it was ready:To present the icon, I made a simple animation:This and other stuff I share on DribbbleThe icon is ready! Let’s export it.Export an iOS app iconBefore exporting we need to remove rounded corners and stroke because the system adds it automatically. Don’t forget to hide the grid too.An icon should be exported in png with no transparency. But what about various sizes? Do we really need to do it manually? Thanks to our community, we don’t! For example, we can use Sketch plugin AEIconizer to multiply it. Besides, there are a lot of websites like MakeAppIcon, App Icon Maker and App Icon Generator that can do the same. And templates! For instance, template by Every Interaction not only exports an icon in various sizes but also shows how it’ll look on the Home screen and in the App Store.It wasn’t as hard as it looked. The next is an Android app icon!Android app iconsIn the material design specification, Google split information about Android app icons into two sections: about the style and technical requirements.Drawing an Android app iconIn Android, app icons are used in various sizes too and the largest is identical to iOS: 1024px × 1024px.Adding a grid, pay attention to a safe zone. Depending on the device, Android applies different shaped masks. Place an image within a safe zone so it won’t be clipped. The grid itself shows all the basic shapes which are used in the system: circle, square, vertical and horizontal rectangles.The final version of my icon:Export an Android app iconBefore exporting we also remove rounded corners, stroke and grid.Android Studio can multiply an icon in all required sizes, so we need only one png image with no transparency.Android Oreo introduced a new app icon format with parallax and scale effects. You can separate the foreground from the background, so then these layers will move independently on the device applying the effects. Accordingly, the foreground may include transparency.https://medium.com/media/0347507ebe7b693722c88a204c8a7c80/hrefParallax effect cannot be seen on a solid background, but it can bring dynamic in your design if you have a complex composition. In that case, you need to provide two png images for both layers. Just be ready that not all users will see the effects. At the time of writing, only 12% of all Android users use Android Oreo.Instead of a thousand wordsThe user starts to get know an app with an icon which accompanies his journey up to the end. The role of an icon is important and multifaceted, that’s why the designer should put emphasis on it. Yet never forget about an app itself! After all, it only takes a few taps to delete an app. No matter how cool your icon is, if an app isn’t useful, the user will delete it.Don’t forget to find out how to design an accessible user interface. You can find more stuff from me here: Dribbble, Behance, Instagram, Medium.The design guide to iOS and Android app icons was originally published in Muzli - Design Inspiration on Medium, where people are continuing the conversation by highlighting and responding to this story.

App icons collection!

App icons collection! a collection of app icons concepts ( available ) For inquiries and collaborations: nour@oumousse.com Let's connect: Twitter

Jell app icons (Source)

Free to use it commercially/personally. If you like it, press LIKE.

Minimal App Icons

Hello Awesome People 🏀 Sharing some minimal app icons I have designed recently. Hope you all like them. As always feedback is highly appreciated. Give your thoughts in the comments. Thanks for watching! ❤️ ConvrtX is the fastest growing Tech and Marketing industry, where you just tell us the idea we convert you idea into design. We ideate, define, design, develop and do marketing. Follow us via these Social / Design Networks: Dribbble | Instagram | Facebook | Twitter

Dearduck App Icons

Dearduck is an app that provides personalized gift giving ideas for those who struggle with finding that perfect gift for their friends and family. They needed icons for all their gift categories and they needed to feel feminine, charming and be functional at a small size.

Cloud app icons

Hola, Happy Friday. Cloud app icons i did for a conceptual interface work. Don't forget to check out dark version in the attachment. Get an Awesome quote for your project, say Hello@dquote.co and follow us here @[2554912:Dquote]

Documents Icons set — Shary app

One of the main phases of Shary app designing was Documents icons creating. They have to be understandable and easy to recognize. I showed the most used types of documents such as Google Word, Excel, Power Point, Image, and default style for other types. Coming soon on Get Apps UI.

Custom App Icons · Universe 2020

While I can't take any credit for GitHub's incredible logo, I did get to play with colors and gradients for this custom app icon pack. These icons were released for Universe 2020, and are available as custom app icon overrides in GitHub's iOS app. We also came up with fun names for each icon. Clockwise from top left: Frozen Melon, Polar Sunrise, Arctic Vibes, Berry Smoothie, Honeydew, Life on Mars.

Card Game App Icons

Hello Dribbble! Here is the design work on the app icon for a card game. Reviews are welcomed in the comment section. Hope you all like it! We are one of the most innovative branding studio that helps you boost your business through creative design. Want to know what we offer in logo design? Contact Us