App icon design examples

Flat app icons.

Flat App icons collection 2018

Best App Icons by Ramotion

The best app icons designed by Ramotion design agency

App Icons March 2012 March

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

Mobile app icons

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

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.

Download Retro iOS App Icons That Nod To Apple’s History

Product designer Ben Vessey developed 110 black and white, pixelated icons for today’s most popular apps, including Twitter, Tinder and Netflix. Dubbed the “iOS (Old School)” project, Vessey looked to Apple’s history to inform his clever designs. In addition to the app icons, Vessey created six monochromatic wallpapers. Together, the backgrounds and icons can be purchased for a little over $5 and installed on any …

Mac App Icons on Behance app

Mac App Icons on Behance app icons

taxfix :: app for tax declarations

PIXEL-PERFECT ICON SET FOR TAXFIX – Taxfix made tax declarations not just easy but actually fun. The Berlin based company combined a chat-like questionnaire with icons and progress driven animations. The app is available for iOS and Android and lets you do your taxes of the last 4 years. The download is free of charge, only if you are getting a tax refund and decide to send to the tax office, they'll charge you a fix amount. Since 2017, beside some help for the UI, my main focus is illustrating icons for the different usages of the app. The two most prominent ones, are the one for the questionnaire and the different tax exemptions.

2019 Biggest UI Design Trend

2019 Biggest UI Design Trend abduzeedoJun 20, 2019 So we have a new UI design trend all over us and it deserves a post here on ABDZ. It’s quite clear to notice it, just spend some time on Dribbble and you will spot it right away. This post is literally from three or for Dribbble pages of beautiful mocks. The interesting thing, and what drove me to write this post was when I saw the new Facebook product called Calibra. It features all the same UI patterns, rounded corners that in some way match the phone and screen rounded corners. My interpretation is that as phones become bezeless the screens now match the hardware form, so the software follows the same direction. Apple and Samsung have been exploring this for quite a bit, but now it seems to be all over the place. Anyways, enough talk and here is a collection of designs with the new super rounded corner widgets. UI Design Trends

Case Study: Happiness AI app. How to create one of a kind design that brings happiness

Case Study: Happiness AI app. How to create one of a kind design that brings happinessHappiness AI Version 2.1Back in April, I was on a self-discovery adventure in Nepal hiking, drinking masala tea, and sketching nature. Little did I know it all turned out into 3 weeks of a “got stranded” state though it’s a completely different story. What was an interesting coincidence is that while I was on my personal “find a right way in life” path next to the magnificent Himalayas, I got a letter. And it really found me well.It mentioned an opportunity to create “a technology that will help people reach their highest potential and happiness in life” while “happy and colorful vibes” are a must-go thing. That sounds exactly like my kind of job.TaskTo update the visual design of the existing app with the new branding and work further on the MVP version of the product.The mission of the appTo advance human happinessKey factors to rememberThe main target audience is Gen Z;The unique design (both visual and UX) is really a crucial element of the app;Openness to be able to create multiple concepts is much appreciated.Step #1. Discuss a present-day state of the appHappiness AI Version 1.0My client already had an existing Happiness AI app on the market and first of all, I explored and analyzed the way it worked. Before our first call these are the issues I’ve noticed:overfilled onboarding screens — too many elements on one page which needs to be further divided into smaller and simpler steps;the low contrast of white text on the yellow background;the main screen feels empty while there are two equally bright CTAs;the feedback emojis’ inactive state confuses because of desaturation.Also, I’ve noticed too strong shadows and a side menu which potentially could turn into bottom navigation.Step #2. Bring a new visual style and update the UX of onboardingI call myself a full-time color ambassador as you can see on my Dribbble page but when it comes to the first steps in the new project, sometimes I do prefer to start with a moderate approach. This way it helps me to understand the client’s preferences better — test the waters. Whether it’s enough level of brightness or it can be even more colorful or bright?That’s why at first, I chose a pastel color palette. Based on the existing gradient I’ve made the colors cleaner and slightly brighter. Following the first gradient, the next screens got a smaller color gradation focusing more on the elements.First three screens of the appThe onboarding flow was divided into:Splash screen;Add your name;Level #1 What makes you happy?—the choice of the interests;Level #2 The choice of categories in few interests.This way each time we ask a user to make a simple choice—just a few clicks for each page instead of choosing altogether on one page with a chance of not checking all the items at all.Interests and categoriesThe idea was also to create a color code where each interest has its’ own color—Purple for Arts, Green for Lifestyle, Pink for Love, and so on. It all followed with the icons for each chapter which in the further updates, will become even more simplified and minimalistic.What was the feedback?“Great! But how about more bright colors?”Step #3. Moving into a brighter versionAdding more contrast the flow also got the change. It was decided to focus on 5 main interests: Health, Lifestyle, Social, Intelligence, and Purpose. Thus, we don’t need a screen with the choice of interests anymore.The updated flowWhile it was added a hint for a user to swipe the list of categories in each interest page, the category itself wasn’t distinctive enough. The solution?The full-body unique gradient for each interest.Adding different gradients for each categoryYes, that was definitely a turning point in the design process! From now on, we started to explore how to combine the interests’ gradients with other screens of the app.Further, we made it even brighter. But first, let’s take a look at the details.Happiness in the details1. Interests iconsThe idea was to create minimalistic icons that won’t take too much attention while at the same time, will add to the distinction of each interest.Interests iconsEach icon consists of the circle as the main basic element. Looking more precisely at the row of these icons you can notice how each of them has a different number of elements, from 2—circle and a heart for Health, to 6+ for Intelligence.Here’s how the first concept with more standard icons looks like compared to the current design:Comparison of the first iteration with the current design2. “How do I feel” iconsAsking for the feedback we’re asking to get the user’s emotion. We’re used to stars as a common icon in such cases but what if we combine them with expressions of emotions?The feedback emojisOnce again, the power of color is limitless. Being placed on the solid white area we can clearly distinguish a certain emotion not only by the order they’re placed but with the help of the color too.3. CTAs active statesHere, the first state is the page with Today’s Happiness AI idea and the following options “where to start” and “share”. Such a page can have a different background gradient depending on the interest category and thus, the best way to emphasize CTA buttons is to make them white. But how about the active pressed state?“where to start?” active stateHere we came up with the solution to darken the whole page focusing specifically on this action. And, voilà! We got a chance to bring more gradients, the one with cold colors gradation for “earn more” and the one with warm colors for “take action”. Icons there add into a quicker “reading” of the area.4. Font styleThe two main fonts are Raleway and Backslash—a rounded friendly sans-serif for the main text vs. an elegant serif for numbers to bring an emphasis.After a few tests, we’ve come up with the solution to use lowercase letters only. It’s not a big secret that most of us are used to typing in lowercase. It’s quicker and easier indeed. Also, that’s the most common way to use for Gen Z, the main target audience of the Happiness AI app.Lowercase is also about simplicity in a conversation, more honest and casual way and this is exactly what we want the app to sound like.The core functionalityCurrently, the core functionality you can see in the existing app is focused on such things like:receive daily happy quotes;create your own happy ideas with the plan of actions;specify “what makes me happy?” to help AI technology be more precise to your lifestyle.The screens from the current appWe’re working on more chapters of the app that will be included soon. The future updates will have some fun and entertaining functionality as well as more ways to keep your happy and life moments in one place.When it comes to navigation, the idea is to have intuitive transitions and flows, and thus, some chapters aren’t shown all the time but hide after a few seconds. Other parts are reached with a simple swipe.Brand positioning on the marketBrandingSimplicity is a key and so is the app icon—the first element you see. The main idea was to have it as simple as possible and in the end, it consists of the main full gradient and a circle. Thy symbol of sunrise and the colors of the sky.What also helps you to get an impression before installing the app are the screenshots. Short description followed with the actual screens. As we also want to bring the right impression about Happiness AI as a bright and unique app, it was decided to add even more gradients to the screenshots.What are the ways to make a unique app? Check Dare to Be a Bright Brand article to find the answers.How the app looks like in App StoreCurrently, the main audience of the app is early adopters—people who instantly catch the vibe. While there’s still a lot to be developed to bring the full idea they already can see the potential. Also, they’re capable to share feedback, a much-needed answer from your audience on any stage of the app’s development.ConclusionIn the following case study, I presented the up-to-date version of the app and certain milestones which were passed. While I’m extremely pleased with the overall idea of the app—advance human happiness—I also enjoy the compelling work process where I, as a designer, am often challenged to find more variations and to look from a different angle.I like how thanks to this approach the app feels alive and evolving, the thing that doesn’t happen often when you’re working on a more classic work process where the fresh ideas aren’t appreciated at all.Once while I was looking for happiness in the Himalayas, I found a project with a mission that expands horizons of happiness not only for me but for a hundred thousand people in the whole world too. That’s a really exciting journey.I will keep you updated with the future app versions in the next articles.Be happy!If you want to see my designs and stay connected, follow me on Dribbble, Instagram, TwitterYou might also like:Playful UI Runs the WorldOh Mamma, I’m in love with GradientMeet His Majesty, the ColorHappiness AI app Case Study: How to create one of a kind design that brings happiness was originally published in Muzli - Design Inspiration on Medium, where people are continuing the conversation by highlighting and responding to this story.

15+ Best Free Icon Sites for Web Designers

Looking for some best free icon sites that have unique and astonishing icons? If yes, then you are at the correct post.As a Designer, icons play a very crucial role in web design, app design, and many other graphic designs. Icons are everywhere and they are very useful for helping your users to understand your content.Now, either you can create icons on your own (A time-consuming process we know!) or you should go for the websites that provide free as well as Premium Icons. Moreover, these websites not only save your search time but also offers you a wide range of varieties in icons to choose from the best for your project.Hence, we have created a list of useful sites that offer Free and Premium (Alternative) that offers high-quality free icons covering hundreds of styles, concepts, and uses which will be suitable for your projects.In addition, before directly jumping to the collection let’s dig deeper into Icons and the uses of itWhat is Icon?It is a graphical representation of a program, feature, or file. They are the small elements that are needed to indicate information. It helps to catch the user’s engagement and direct them to perform the targeted action.Advantages of using Icons.- User Attention- To Understand the meaning- No need to translate for International users- Save Visual Space- Navigate the Interface and many more...Types and Formats in Icon.There are generally three types of icons based on the impact of the user’s experienceUniversal Icons: Icons that have universal recognition among the users. Eg: Home, Search, Printing, etc.Unique Icons: Icons generally do not have strong visual representations but you need to describe their unique object or action.Eg: Apple Game Center, Google’s user interface for the desktop.Conflicting Icons: Icons that have contradictory looks but the same meanings or vice versa.Eg: For Favorites, A Heart and Star both are used. A message Icon can be used for the comment box icon.Formats of Icon :Icons are available in many formats but depending upon the designer’s software, they are available in AI, PNG, EPS, PSD, SVG, JPG, and other file types.Best Free Icon SitesNow, we are starting the list of best free icon sites. According to us, these are the best site and in case you have any recommendations kindly let us know in the comment section.Icons8Icons8 is a library of Free and Premium icons that offer a wider range of variety in their icons. Their main aim is to provide creative elements and tools for the designer community.Moreover, all of their designs are made in-house and they have a team of 40 that runs the website. They also offer a free design software called Lunacy which is vector graphic software for UI, UX, and web design.Icons8 has more than 35+ Design styles in their Free Icons section. You can also search for any icons in the search bar from 1,061,200 icons.Furthermore, they offer a request icon page in which you can submit a request for your icon. Submit the idea of the icon and the designers will draw out the top requests each day.Number of Icons : 1,061,000+Available Formats: SVG, PNG, PDF, EPS, & JPSLicenseIconScoutIconScout from Lottieflies is a design resource marketplace that has more than 4.5 Million+ Design Assets on its website. Moreover, icons have more than 3.9 Million Free and Premium Icons.IconScout comes with integrated Plugins, conversion Tools, and simple, powerful Editors that will help you to improve your workflow. You can select your favorite icon and then quickly change the colors, and backgrounds easily by using their SVG and Lottie editors.Furthermore, you can also choose your required icon according to the styles that match your requirement. There are many styles like Colored outline, Doodle, Dual-tone, Flat, Gradient, Rounded, and many more.Number of Icons: 3.9+ millionAvailable Formats: SVG, PNG, PDF, EPS,ICO, & ICNSLicenseStreamline HQStreamline is one of the best free icon sites which has the largest sets of consistent icons and illustrations. In addition, it has more than 1,40,000+ icons, illustrators, and elements, which you can customize as per your need and requirements.All of the resources found on streamline are built from scratch by the Streamline team. You can search their resource easily from their app or plugin for Figma, Sketch, and Adobe XD.Furthermore, when you select your icons you can easily customize the color of the icon pack before downloading it and getting the preview. This will help you get clarity while selecting the correct icon pack.Number of Icons : 1,40,000+Available Formats: PNG, SVG, & PDFLicenseFree LicensePremium LicenseMuzli InspirationI would also like to recommend here a powerful new-tab browser plugin Muzli. It is also available in the mobile app. Moreover, it instantly delivers the latest and cutting-edge designs and news each time you open a new tab.Here you can discover the best web design inspiration, best websites, best logos, web trends, best mobiles sites and applications, minimalist websites, brutalist websites, innovative illustrations, design features, unique websites, photography projects, and visual art, as well as opinions and articles from design experts across the world.IconoirIconoir is one of the best free icon site libraries which is packed with lots of unique icons. It does not require any email sign-up, just one click away by copying the SVG Code. Moreover, You can access all the icon packs directly from their Github page.In addition, all the icons are available in SVG format, React and React Native libraries, Figma, and Framer. If you are looking for a simple one-line design type of icons for your project then you can consider using Iconoir.Iconoir has more than 2.7k+ stars on Github and 101 Forks.Number of Icons: 1151+Available Formats: SVGLicense :MIT LicensedIconfinderIconfinder is one of the most popular icons and illustrator resources on the internet. As the name suggests it's a search engine for the icons. Moreover, it offers 6M+ Icons with a wide range of styles and categories.As I said, Iconfinder is a search engine in which you can find icons by their keyword & Designers. After selecting the icon or icon pack you can easily customize the colors and shapes with an online editor before you download them.In addition, using this pre-edit option you can easily select the best option for yourself.Number of Icons: 6 Million+ IconsAvailable Formats: PNG & SVGLicenseFlaticonFlaticon is one of the largest libraries of free icons on the web. It is a subsidiary of Freepik which offers a large variety of Icons, Stickers, Interface icons, Animated icons, and Logos.Moreover, from all over the world hundreds of creators craft the icons and cover many different styles and concepts. Flaticon also offers more than 2,000 UI icons for web, iOS, and Android.Furthermore, it has also a built-in editor in which you can customize the color of your icons and download them in a suitable format.This makes Flaticon the most popular and free icon site among developers and designers.Number of Icons:6 Million+ IconsAvailable Formats:PNG, SVG, EPS, PSD & BASE64LicenseBoxIconsBoxicon is an open-source free icon site that provided high-quality web icons for developers and designers. It has more than 1500+ icons which are very carefully designed to give a premium experience to the website/app experience.Boxicons offers a wide range of categories in the icon like Brands, buildings, businesses, code, communication, etc. You can search from these all categories and choose your require Icon.Furthermore, when you select an icon it gives you many customizing options like animate, solid, rotates, and change the color. Hence, after customizing you can easily download the icon in sizy and can copy the HTML code also.You can also access the icons of Boxicons from their GitHub page very easily. It has more than 1.9k stars on GitHub. For more information, you can check the Sneat Bootstrap 5 Admin Template in which Boxicons is used.Number of Icons: 1600 IconsAvailable Formats: PNG & SVGLicense and Pricing: Free and MIT Licensed.The Noun ProjectThe Noun Project has the most comprehensive Icon collection with over 3 million icons on its site. Moreover, all of the icons are built by designers from all over the world.They not only offer a wide range of icons and photos but with their add-ons available for Mac, Adobe, Microsoft, and Google you can easily drag and drop their icons.Icons available on Noun Project are available in SVG and PNG formats, and most of the icons are in black and white styles. In addition, you can easily customize the icon by changing the color, and background and rotating it with its pro version.Furthermore, it’s a site where as a designer you can also submit your icons and collaborate by selling your creatives.Number of Icons: 3 Million+Available Formats: PNG & SVGLicenseIconShockIconShock from Creative Toolkit is one of the most popular icon libraries on the web. It has about 2 million icons with 400+ icon sets in more than 30 styles like Flat, Material, iOS, Glyph, Colorful, Window 10, Revamped Office, 3D Realistic, 3D trendy, Isometric, and many more.All of the basic icons are available for free in low resolution and you must provide attribution while using these icons.In addition, they have collected all the Free Icons which are free and open-source in which you can customize the icon as per your need.Number of Icons3 Million+Available Formats:PNG, SVG, & EPSLicenseFreeIconsFreeIcons provides a wide range of variety of high-quality icons of different styles and sizes with SVG, PNG, AI, EPS, PSD, and BASE 64 formats.It has the largest database of vector icons on the web. All of their icons can be used for both personal and commercial projects.Moreover, you can also browse the icons by the styles and categories which can help you to see the variety in the icons. You can browse Styles like 3D, Badge, Blue Line Cartoon, Duo-Tone, and many more.FreeIcons helps the user to discover exclusive illustrations and graphic resources which are designed perfectly by their designers.Number of Icons: 1 Million+Available Formats: PPNG, SVG, EPS, PSD, and BASE 64 formats.Pricing:Free Icon:Free for commercial use(Include a link to the author's website)FontawesomeFontawesome is an icon library and toolkit that comes with lots of varieties in both free and premium icons. They have a total of 6 versions of the icon library in which the first four versions are open source and available on GitHub.Font Awesome 5 comes with 4 unique styles — solid, regular, light, and duotone and more than 70 categories. It comes with both free and premium icons and handy documentation to learn how to use these icons in your projects.The Latest Font Awesome 6 has more than 5 new icon styles and 68 categories. You can download both free and pro versions for the web and access the icons easily in Web Fonts + SVG-based Frameworks.Number of Icons: 16000+Available Formats: SVG and PNGLicenseSVG RepoIf you are looking for the best fitting icons or vectors for your projects then you can find a wide variety of vector libraries on SVG Repo. Moreover, you can use these free vectors and icons for commercial use.You can get the right icon through their ML-powered search engine on the website. After selecting the icon you can easily make basic changes to it without using design software.Furthermore, all of the icons are optimized with an SVGO-based compressor. There are about 433 pages with icon collections with many different types of styles like support line, survey duo tone, Audio and Media Filled Icons, etc.Number of Icons: 300,000+Available Formats: SVG and PNGLicenseiconmonstriconmonstr provides a good amount of free resources for simple icons. There are about 316 collections of icons that are clean and precise in icon designon a 24-pixel grid.All the icons are lightweight and are best optimized for web use. It also comes with a search bar, so search for your favorite icon. After selecting the icon you can customize the icon by changing the size, color, and background shape in PNG format.In addition, icons are available in PNG and SVG formats. You can also embed the icon easily by HTML Snippets in SVG as inline or Base64.Number of Icons: 4665+Available Formats: SVG and PNGLicenseDribbbleDribbble is the heart of the designer community where you will find millions of designers around the world showcasing their work. You will find graphics, animation, UI, Web, illustrations, and icons with a wide range of varieties.It provides high-quality icons and icon sets with a variety of styles and themes. In addition, it includes both free and paid sources of icons that you can search within the website.Although, Each icon's information is listed on each icon’s detail page. If you want more details about the icon pack you can visit their official page.Number of Icons: 10,000+Available Formats: Changes according to the Icon PackLicense and Pricing: Depends on Icon PackUxWingUxWing provides handcrafted vector icons created by their experienced icon designers. With Uxwing icons, you can create a great-looking mobile app, website design, web app design, and product design for clear visibility on high-resolution devices.Furthermore, all the icons are free and can be used for commercial use without any attribution. In addition, they are available in SVG, PNG, and web font icon format.There have three main categories of icons i.e solid, line, color, and 150+ subcategories which help find instant icons.You can also create your icon from their online SVG-Icon editor in which you can also customize the icon and use it in your project.Number of Icons: 5000+Available Formats: PNG and SVGLicenseLiconsIf you are looking for simple and light icons then Licons is the best choice for you. It has 224 icons which are simple and clean in design and you can choose your size directly from the site.In addition, it comes with 1px,1.5px, and 2px sizes. Also, you can download the SVG and copy the SVG code with a single click.Licons is one the best open source icon library that will help you to provide the best simple and clean icon designs for your web apps.Number of Icons: 224Available Formats: SVGLicense: Free and Open Source.Material Design IconsMaterial Design Icon is also an open-source icon library with different types of categories like Action, alert, Audio & Video, Communication, content, and many more in their icons.Moreover, you can download the individual icons and customize the size and color(Black and White) as per your need and download it in PNG and SVG format. There is also an option for using the icon in Android, Ios, Web, and Flutter.Hence, you can use Material Design Icon for any kind of project you need. You can also access the icon file directly from GitHub. In addition, it has 46k start and 9.3k forks.Number of Icons: 26k+ IconsAvailable Formats: Webfont, SVG, PNG, XAMLLicense: Apache 2.0 Licensed and FreeWrap up!Now, while looking up these best free site icons where you’ll find millions of icons. While selecting these sites quality of the icons is always given a top priority. Hence, you’ll find the best resources of icons on these websites with a wide range of styles and categories.We have given both Free and premium sites that offer high-quality icons. Besides, some of them provide premium icons for free but you need to provide an attribute with a backlink. Icon sites like Icons8, and Iconfinder will need an attribute for using their premium icons.There are also many Open-Source icon libraries like UxWing, Icnoir, BoxIcons, and Material Design Icon which can be used for any kind of project without any credit.In the end, we would like to recommend that you must select those icons that best suit your project theme. It will help you make your web apps more interactive and more engaging.We hope you find this list of best free icon sites helpful. Please do appreciate it by sharing it with your friends and colleagues.About UsWe, at ThemeSelection, provide selected high-quality, modern design, professional and easy-to-use premium and free bootstrap admin templates, React Admin Templates, VueJS Admin Templates, and UI Kits.If you want to download free admin templates, UI kits and themes then do visit our site…!!15+ Best Free Icon Sites for Web Designers 🎨 was originally published in Muzli - Design Inspiration on Medium, where people are continuing the conversation by highlighting and responding to this story.

Iconset for shopping app 2 ux

Iconset for shopping app 2 ux icon design icons texture interface ui iphone product photoshop app mobile visualization

The first part of the ROSEN Learning Reader app

Hi-guys! I am glad to share with you my new app design I did for my client, The first part of the ROSEN Learning Reader app. This is an educational app about children learning English. In the first part, I mainly share the design of the login page and the two main pages. The login page uses a cute animal, the bear, as the main visual image, because cute animals are popular, especially children. The second page is the books page. This page is mainly a lot of learning books recommended for children. Some of these books are free, they will have a "free" label, and some are charged. In the book list, we will use icons to distinguish which books have been viewed and which books have not been viewed. The third page is the learning page, which is mainly the check-in function, and encourages children to open the app every day to learn by using the check-in method. And three main entrance functions, as well as related promotional activities. Design style: The color of the overall page uses the lively and beautiful colors that children like. The icons and illustrations use cute design styles. Looking forward to your feedback！ Need my design service? Email me 17723309147@163.com

App Icon Template For Affinity Designer

Hello Players! Here is a freebie for you. An App Icon Template for Affinity Designer user. You can use it for your personal and commercial purpose. Suitable for use as a presentation in a design contest. Go download the attachment and Happy designing! ---------- Content: - App Icon Template in .afdesign format. - Export Persona setting for iOS App Icon Size and different vector format. - 2 Artboard, Edit Your icon and Preview. ---------- Instruction: - Edit the Symbol in Edit Your Icon Here Artboard (double click to edit) - If you want to save the icon in Vector format and iOS App Icon Size, just switch to Export Persona and hit the Export Slices button. Any Questions or have some suggestions? Drop me a message! ---------- Inspired By: @[784847:Rahul Bhadauria] App Icon Template & 99designs website Icons Size reference: https://makeappicon.com/ios12icon Wallpaper from http://iphonexpapers.com ---------- Need a stunning icon for your apps? Drop me a message! 😁 **All icons are redrawn by me. Rounded Corner use Affinity Designer setting (not actual iOS rounded corner)**

The second part of the ROSEN Learning Reader app

Hi-guys! I am glad to share with you my new app design I did for my client, The second part of the ROSEN Learning Reader app. This is an educational app about children learning English. The first part was shared last week，The second part here is the supplement and extension of the first part, mainly some secondary pages. Design style: The color of the overall page uses the lively and beautiful colors that children like. The icons and illustrations use cute design styles. Looking forward to your feedback！ Need my design service? Email me 17723309147@163.com

Caramel 3D Icons for iOS 📱

You deal with your phone every day. It deserves to see beautiful interface when you look at your screen. Caramel 3D icons are made to customize your app icons easily.

 🌟 Explore Caramel Icons 

Get them and hundreds of other vector and 3D illustrations for your perfect design project only for $28 per month. ✨ Browse Hundreds of Illustrations Follow us: Instagram | Storytale