fbpx
30 Sources of Icon Designs For Your Inspirations

30 Sources of Icon Designs For Your Inspirations

Icon design has been increasingly important as part of great user experience and trendy nowadays. It has been widely used in interface design, be it in printing or mobile app design. To inspire those who are looking for fresh and interesting aspirations, I have taken the effort to compile a list of 30 sources of icons’ trends, styles and packs for your reference pleasure and guide. If you find this post helpful, remember to bookmark it in your browser for future reference. Enjoy!

 

List of 30 Sources of Icon Designs

  1. https://www.pinterest.com/lanc07/inspiration-flat-icons/?lp=true
  2. https://www.printexpress.co.uk/design/a-showcase-of-app-icons-for-2017/
  3. http://iosicongallery.com/
  4. http://www.hongkiat.com/blog/app-icon-designs/
  5. http://99designs.com.sg/blog/creative-inspiration/best-app-icons-inspiration/
  6. http://www.uiparade.com/skill-type/icons/
  7. https://www.creativefreedom.co.uk/icon-designers-blog/44-inspirational-almost-flat-icon-designs/
  8. https://colorlib.com/wp/flat-logo-design-inspiration/
  9. https://theultralinx.com/2014/05/50-inspirational-flat-icon-examples/
  10. https://designmodo.com/flat-icons-examples/
  11. https://theultralinx.com/2013/06/18-incredible-flat-icon-designs/
  12. http://mashable.com/2013/08/14/flat-design-icons/#IDh44NdOUuqb
  13. http://tutvid.com/web-graphic-design-inspiration/the-ultimate-guide-to-flat-design-inspiration/
  14. http://designroast.org/creating-flat-ios-icons-inspiration/
  15. http://stashflaticons.com/index.html
  16. http://designspiration.net/search/saves/page/1/?q=icons
  17. http://www.creativebloq.com/web-design/free-icon-sets-10134829
  18. http://blog.iconfinder.com/tag/flat-icons/
  19. https://mariodelvalle.github.io/CaptainIconWeb/
  20. https://thenounproject.com/
  21. https://medialoot.com/icons/
  22. http://graphicburger.com/icons-set/
  23. http://dbfreebies.co/icons
  24. https://www.iconfinder.com/
  25. http://www.flaticon.com/
  26. https://elements.envato.com/graphics/icons
  27. https://iconmonstr.com/
  28. http://www.webalys.com/nova/
  29. https://digitalsynopsis.com/design/free-flat-design-icons/
  30. https://onextrapixel.com/29-free-stunning-web-icons-sets-to-enhance-your-web-design/

 

So there you have it. Although you may find some of the icon design are dated, they still are applicable in most circumstances.

10 Fantastic Resources for Infographic Design and Vectors

10 Fantastic Resources for Infographic Design and Vectors

If you are aware, infographic design is very important and popular as part of the marketing of one’s business and services. Hence, many online businesses are willing to invest time and money to enhance the creation and delivery of their products and services to their targeted audience. Today, I am sharing with you a great resource on how to find some best infographics online instead of creating them one by one from scratch.

The Noun Project

This is one of the leading and extensive sites for icon design and downloads. The Noun Project offers a free account, and an upgrade to Pro status. I have used this site and the quality of this site’s icons is fantastic. These website icons are in-line with current market trends and very up-to-date. I would highly recommend using this site for all your infographics design needs if you have a good budget of investing US$9.99 per month. Of course, you can just sign up with a free membership, but you are limited to certain icons usage and downloads. You also have to give credit to the creator when you download icons for free. However, you can purchase individual royalty free icons for only $1.99. Let’s say if you have selected a favorite icon that you would like to use for your website, you can get that icon for only US$1.99 instead of paying for monthly or yearly membership.

Freepik

Freepik is another great icon and infographic resource for finding free web icons online. It is not just about icons, but also one can find free vectors, psd and photos here. It is an extensive database for graphics rather. I found myself downloading a lot of all these icons for use in my web projects. I can also fine-tune and edit these icons by changing colors and scaling them up and down without loss of quality. This is especially true if you download them as .SVG or .EPS as these vector formats allow me to get high quality icon designs for use in virtually in any design project. You can upgrade to premium account to enjoy wider choices to something like 130,500 graphics vectors, and access to 15,100 Premium vectors for US$9.99 per month. Further, you get unlimited downloads and no ads.

Icons 8

Icons8 is yet another one of the top-quality and premium site for website icons. The best thing is that you have 38,000 free flat icons at your disposal. All icons are available in these popular categories, with icons in business, city, clothing, food and holidays. These icons have a consistent single style, which allows you to apply them with ease, without having to worry about differences in style. Best of all, these vectors are editable. Other features such as font generator, icon recoloring, quick search as Mac and Win App make utilizing these fonts a breeze. In addition, it allows direct html embedding, and also there is this useful feature like drag and drop direct to Illustrator and Photoshop. So if you are looking for ease of use, quick change of colors and customizing of icons, this is the site to go for. Of course, choosing premium does have its special perks. Check out the prices here.

Flaticon

Flaticon is a project created for and by designers and developers. These free icons come in PNG, SVG, EPS, PSD and BASE 64 formats, and all icons are grouped in packs. There are huge selections of styles and forms to choose from. It offers similar features that of Icon8, but it got more variety of icons to choose from. You can manage your fonts through sets of icon collections, scale your icons’ sizes either in either bitmaps or vectors, customize every icon to the color you desire, and create your own icons font to use it in your web project. So there are a lot of flexibility and options here. Again, there is the free version which only allows you to use up to 257,000+ icons. In contrast, the premium membership that charges at US$7.50 monthly payble yearly gives you plenty of other features, such as unlimited collections, full use of macOS App, and the best thing – no ads that are distracting your attention.

IconFinder

At Iconfinder, it offers lots of premium icon sets sold separately and monthly premium membership. It has lots of colorful icon designs and many icon categories to choose from. Subscription starts from US$9 per month (up to 25 downloads) for single user use and US$29 per month for unlimited downloads. I would say the variety of icons found here are richer and they have got more selections to choose.

Fontawesome

Essentially, this is one font that comes with 675 Icons. In a single collection, Font Awesome is a pictographic language of web-related actions and CSS toolkit. It is the de facto standard for use in today’s website design that utilizes Bootstrap framework. One can easily adopt the use of Fontawesome easily and quickly in one’s web projects. It allows us to beautify and apply typography on the web on a grander scale and have more options for fancier web layout. If you choose this, you need to have some working knowledge of CSS coding in order to code the icons to display correctly on web pages. Nevertheless, this can be a good alternative for those who knows how to code.

Material Icons

Material icons are freely distributed by Google, as they are made available under the Apache License Version 2.0.  It’s lightweight, easy to use, and hosted by Google Web Fonts. You can simply select any of these icons, and download them either as SVG or PNG file formats for use. Although the style of the icons portrayed here is very much standard and plain, one can use them if one is not so particularly concerned about the aesthetics of the style.

Icons Mind

Icons Mind also provides lots of icons and its packs, more specially for iOS & Android platforms. With 2,080 icons in 53 different categories, these icons look more crafty and creative than the norm. Hence, if you choose to use these icons, it does gives made your icons’ presentation and design more unique and special. In other words, your websites or products will stand out more among the usual vanilla websites. These icon designs would definitely impress designers more as they are of better quality and pixel perfect.

Fontastic

Fontastic allows you to save time by easily generating custom icon fonts, import your own icons to make unique and personalised collections from SVG files. This site offers over 9,000 ready-to-use icons that can be resized automatically to the users’ screen, no matter how big or small. Furthermore, this site features something that no other font resource site has so far. That is, it offers instant syn changes with its servers. If one utilizes a range of devices one will discover precisely the same icons, fonts and settings on all of them. Next, one can control or edit all projects in a single place. Produce an unlimited number of fonts and assign one per website or application. Add on or edit icons and the changes will occur everywhere immediately. Lastly, it allows one’s icons to be published with just one click! Fontastic hosts all icons on fast and reliable hosting, hence they can be delivered quickly.

Iconic

What Iconic offers here is identical to what Fontawesome does. Basically, it is a font and icon toolkit that is responsive, multi-weight and production ready. In terms of design, these icons are designed to be legible, each icon weight follows a specific grid system, and that fonts are readily for use in CSS, SCSS, LESS  stylesheets. In flexibility terms, they are Bootstrap and Foundation framework ready. When it comes to performance, these fonts are packed to a small file-size, and highly optimized when compared to other font system framework. Again, I want to stress that one needs to know some CSS knowledge in order to use this icon set effectively and efficiently.

All right, this list is by no means exhaustive, I must say. However, these sites are currently the most searched for and easily found by search engines. If you have any infographic references which you think it is beneficial, kindly feedback or suggest on the comments section found below. And if you would like to hear from me with more free updates on graphic design tools or solutions that can help you on your online business, then I encourage you to subscribe to mini-course and tutorials.