Illustrator

70 Illustrator tutorials for creating icons

This weeks blog post emphasises is on producing icons the process of producing high quality icons can certainly be a challenging task if your new to the process. In this post we have rounded up the very best tutorials for creating icons, which will show you techniques and methods for producing the best possible icons within illustrator.The beauty of producing icons in illustrator that they always scalable vectors meaning they can be as big or as small as you like without compromising the quality of the icon.

This was a very enjoyable post to put together.Certainly a resource to bookmark and revisit in the future. There’s such a wide depth of high quality blogs posts we certainly recommend trying out.

1. How to Create a Volume Adjustment Icon

This tutorial you’re going to learn how to create our very own volume adjustment icon, using nothing more than some basic geometric shapes combined with the power of the Align panel.

music-icon

2. How to Create a Set of Flat Clock Icons in Adobe Illustrator

In this tutorial you’ll be creating three different types of clock in a trendy flat style, applying solid colors and geometric shapes. We’ll learn to design the clock face, working with the Rotate Tool and using other handy tools and functions of Adobe Illustrator.

clock-icon

3. How to Create a Pack of Android Launcher Icons in Adobe Illustrator

In the tutorial you’re going to make some little changes to our regular program, and tackle a subject that I’ve wanted to do for a long time. If you haven’t figured it out from the title, well, we’re going to create five simple icons that you could turn into Android launcher icons for any future apps that you might create or be involved in creating.

android-icons

4. Create a Set of Simple Line Icons in 20 Minutes or Less!

Create colorful simple line icons from basic shapes for a cool, cartoony vibe to your content!

simpleicons

5. How to Draw a Pack of Six Sport Icons in Illustrator

In this Illustrator tutorial you will learn how to draw a pack of six sport icons.

sports-icons

6. How To Create a Web Icon in Adobe Illustrator

For this tutorial, is a hypothetical e-book website (let’s call it Libro) that could use some visual touches, so that the user browsing it could distinguish different sections by simply looking at icons. Since the most popular e-book reader out there is made by Amazon, we will use the Kindle as a visual representation for device portability and create a vector based icon from it.app-icon

7. Smile! Learn How to Create a Camera Icon

In the tutorial you’re going to take a look at the process of creating a camera icon, using nothing more than the basic shapes and tools that we work with on a daily basis.camera-icon

8. How to Create a Doctor Who Themed Icon Pack in Adobe Illustrator

A special little tutorial for all of you “Doctor Who” fans out there in which we’re going to learn how to create our very own props from the TV series, using some of the most basic shapes and tools that Illustrator has to offer.

doctor-icon-set

9. How to Create a To-Do List App Icon in Adobe Illustrator

In this tutorial you’ll create a fun to-do list or organizer application icon with a three‑dimensional effect, ready for desktop or market use. Combine radial gradients, blends, a sense of lighting, and the tiniest bit of perspective for a simply built, but eye catching, icon. This tutorial uses Adobe Illustrator CC 2014, though many of the techniques are applicable to other versions of the program.todist-icon

10. How to Create a Love-Themed Icon Pack in Adobe Illustrator

In this tutorial you’ll create a fun to-do list or organizer application icon with a three‑dimensional effect, ready for desktop or market use. Combine radial gradients, blends, a sense of lighting, and the tiniest bit of perspective for a simply built, but eye catching, icon. This tutorial uses Adobe Illustrator CC 2014, though many of the techniques are applicable to other versions of the program.loved-icons

11. How to Create a Set of Fitness Icons in Adobe Illustrator

In this tutorial you’ll be creating fitness icons, depicting the items which are well-known by both beginners and advanced level athletes. These are a fitball, a dumbbell and weight scales. Let’s make them one by one, starting with the fitball icon.

fitness-icons

12. Create a Pin Icon in Graphic for Mac

In the following Graphic tutorial you will learn how to create a simple pin icon in Graphic for Mac.pins-icons

13. How to Create Nature-Inspired Flat Icons in Adobe Illustrator

In this tutorial, we’ll be creating a set of simple yet trendy flat icons, dedicated to the elements, connected with nature and Midsummer celebrations. We’ll be using basic shapes and various functions of Adobe Illustrator to make the process comprehensive and fun.

nature-inspired-icons

14. Walk the Design Line with Flat Linear Vector Icons

Get your designs in shape with this simple linear vector icon tutorial! Creating a clean, outstanding flat linear vector icon can be an easy and fun exercise in shape building. Make a whole set for your desktop or website dashboard!

stsencil-icons

15. How to Create a DJ Themed Icon Pack in Adobe Illustrator

You’re going to get our groove on by creating a small DJ icon set, which I thought would be a nice change of pace from the themes that we’ve covered lately.dj-icons

16. How to Create a Set of Vibrant Gem Icons in Paint Tool SAI

This tutorial and you’ll learn how to use vector tools in Paint Tool SAI and include them in your usual working process. vibrant-gem-icons

17. How to Create School Supply Icons in Adobe Illustrator

This tutorial will show you how to create a set of school icons.

schools-icons

18. Create a Basketball Icon

This tutorial will show you how to create a set of school icons.

 

basket-ball-icon

19. Create a Halloween Set icons with Pumpkins in Adobe Illustrator

In this tutorial you will learn how to create a Halloween set with pumpkins in Adobe Illustrator.halloweem-icons

20. How to Create a Santa Icon Using Adobe Illustrator

n this tutorial I will show you how to create a cute Hipster Santa icon, using Adobe Illustrator. Hopefully you will learn some new tricks, let me know! Let`s start!santa-icon

 

21. Create a Tasty Burger Icon in Illustratorburger

In this delicious tutorial It will show you how to create a three-dimensional, scrumptious burger using Adobe Illustrator. Remember that I’m a vegetarian, so you should definitely appreciate the effort!

22. iTune Iconitunes

The challenge of this tutorial is to use various Blending modes and blending techniques to replicate the iTune icon. This tutorial is a good exercise to master your Blend techniques.

23. Create A Briefcase Iconbriefcase-icon

In this tutorial, It will show you how to create a briefcase icon with rectangles, ellipses, and gradients. This briefcase icon is great for web designs and user interfaces. Moreover, you can easily apply these techniques to other icons, logos, and illustrations.

24. How to make a Calendar iconcalender

In this tutorial you’re going to show you how we made the Calendar Icon from our most popular icon set “Coquette”.

25. How to Create an Hourglass Icon in About an Hourhour-glass

With simple shapes, gradients, and vector textures, this simple tutorial will show beginning illustrators how to create an hourglass icon. There is a whole lot you can do without the Pen Tool. We’ll be using Illustrator CS4 for this tutorial, but those of you with older version should be able to follow along as well.

26. Make a Mailbox Icon Using Adobe Illustratormail-box

Attention! This icon was not created solely for educational purposes. You can see the working process of real designing! We are going to use various professional techniques to create this icon, and I will give you many useful tips along the way. So, let’s get down to work, experts!

27. Make a detailed printer iconprinter-icon

In this icon design tutorial, we will construct a desktop printer icon that is rich in detail. We will use the industry-standard vector illustration tool: Adobe Illustrator.

28. How to Create a Shiny Bucket Iconbucket-icon

In this tutorial you will learn how to make a realistic vector bucket icon. You will learn to use the 3D Revolve function, how to add realistic light effects and how to draw different objects to form a composition.

29. How to Create an Alarm Clock Iconclock-icon

With simple shapes and gradients, this easy tutorial will show you how to create an alarm clock icon. We’ll be using Illustrator CS4 for this tutorial, but those of you with older version should be able to follow along as well. Let’s jump into this tutorial, which beginning illustrators will find especially useful!

30. Create a simple coin icon stackcoins

In the following tutorial It will show how to create a very simple coin stack icon. First, you will need a simple circle and some 3D Extrude&Bevel effect to create the starting coin. Next, you will use multiple fills and strokes to improve the look of this first coin and Transform effect to multiply it.

31. Create a Simple Storefront Iconstorefront

In this tutorial It will show you how to create a simple storefront icon using some rectangles, Illustrator Effects, and gradients. This icon is great for use in e-commerce sites and the techniques in this tutorial can easily be applied to other icons, illustrations, and logos.

32. How to Make a Vector Military Cap Iconmiltarycap

This tutorial it will show the intermediate-to-advanced Adobe Illustrator artist how to make a realistic military style cap icon using predominately gradients, blends, and the Gradient Mesh Tool. We’ll be using a photo reference to base this illustration on, though utilizing creative judgement throughout the process.

33. Create a Stylized GPS Icongps

Location based software and peripherals are very popular these days. So, In this beginner/intermediate Illustrator tutorial, I will show you how to create a stylized GPS icon using simple shapes and gradients. Using these basic techniques, you can easily create other icons, logos, and illustrations.

34. Create a Vector Film Slate Iconfilm-icon

In this tutorial, you’ll show you how to create a vector film slate icon. The tutorial uses some basic shapes, some gradients, and even a blend. Moreover, you can easily customize this tutorial with your own logo or typography.

35. Create a wallet iconwallet-icon

36. Create a Vintage TV Set Icon in Illustratorvinatage-tv-icon

I have been living without a TV set for exactly three years and 8 months now. It’s great and I don’t miss a thing. Don’t get me wrong. I loved every awful program, every commercial, every useless newscast, but it was time for me to get on with my life. Like many other people, though, I love vintage appliances and cherish the memories associated with the old TV set we had when I was a kid. To celebrate that I decided to create a fun little icon in Adobe Illustrator.

37. Quick Tip: How to Create a Clean Style Folder Icon

folder-icon

In the following tutorial you will learn to create a clean folder icon. By using some simple shapes and the Appearance Panel, you will see just how easy it is to make a great looking icon.

38. Windows 7 icon with Illustratorwindows7 

In this tutorial we will use Adobe Illustrator CS4 to create the music icon of the Windows 7 style.

39. Create a Stylized First Aid Icon in Illustratorfirst-aid

In this tutorial you’ll use a combination of craft and Illustrator’s 3D tools to create a first aid icon. You can use the techniques you learn in this tutorial to create realistic rounded box icons of your choice. This works well for complex icons at large sizes and scales down nicely.

40. Create a Safe Icon in Adobe Illustratorsafe-icon

In the following tutorial you will learn to create a safe icon. We’ll use a variety of Adobe Illustrator tools and techniques to create this icon. Learn how to make a place to stash your vector gold. It’s all about the details you put into this design to give it a bit of shine.

41. How to Create a Juicy RSS Feed Iconrss-icon

Let’s learn how to make a unique RSS feed icon. This tutorial requires a familiarity with Adobe Illustrator’s basic tools as we’ll use the gradient mesh tool and make light use of Illustrators mapping feature.

42. Translucent IM Style Illustrator Icon Tutorialimstyleicon

The shiny and glossy image of ‘Web 2.0’ is right at home when it comes to icons. Follow this Adobe Illustrator tutorial to create a scalable vector Instant Messaging style icon with the impression of a glossy and semi-translucent surface.

43. Make a Handy 3D Vector Calendar Iconcalender

Learn to make a handy calendar icon to use on your blog, website, or print projects. We’ll use Illustrators Path and 3D tools to create this design. Also, a simple page curl effect will be demonstrated as well. Let’s jump into this tutorial.

44. Create a Cute Panda Bear Face Iconbear-icon

Lately, I have been working on some children illustrations, creating some über cute creatures. In the following easy tutorial, I’ll show you how to create a cute panda bear face icon all from ellipses (well, actually there is one rectangle for the background). The great part about this tutorial, is that you can easily apply the techniques to other icons, illustrations, logos, or other projects.

45. How to Make an Opulent Chair Iconcamera-icon

In this tutorial, you will learn how to make a chair icon using gradient mesh, the pathfinder tool and the appearance panel. Don’t let this tut deceive you, with a bit of imagination you can create an entire collection of soft furnishing icons in minutes with a few easy tricks.

46. Design a Stylish Wallet Icon in Illustratorpurse-icon

In this simple tutorial I’ll show you how to create the wallet icon from my Women’s Icons using Adobe Illustrator CS4.

47. How to Turn Glasses into a Great Geek Iconglasses

48. Beginner Illustrator Tutorial – Create a Vector RSS Icon rss

The best way to learn the ropes of a new application is to get stuck in with a working project. This Adobe Illustrator tutorial covers the simple steps involved in creating a vector RSS icon and includes a range of handy techniques that can be put into practice in future creations.

49. Craft a Delicious Chinese Food Iconcraft-icon-chinness 

This tutorial you will demonstrate how to craft a delicious Chinese food icon set. This tutorial requires a generous command of Adobe Illustrator’s tools. Let’s dig into this yummy icon design tutorial, which includes numerous vector illustration techniques.

50. How to Create a Transparent Battery Iconbattery-icon

In this tutorial, we’ll create a detailed icon of a battery similar to the one used for the iPhone touch. The battery “fuel” color can be changed as well as the “fuel” level, allowing the icon to be used to create a battery or power meter for applications, or simply as a graphic in any type of design.

51. Create a Vector Lock Icon Designpadlock-icon 

In the following tutorial, you’ll learn how to create a lock icon with some effects, opacity masks, gradients, and simple shapes in Illustrator. Many of these techniques can be applied easily to other icon designs.

52. How to Make an Icy Cocktailcocktail

Do you desire to drink an icy refreshing cocktail on a sunny day? I know I am, so in this Illustrator tutorial, I will explain how I draw a refreshing cocktail drink in Adobe illustrator. Hope you will find this useful and inspiring to make other kinds of drinks or cocktails.

53. Reflections Done Right – Creating a Money Roll Icon moneyroll

Cash-in when you follow this tutorial for creating accurate and logical reflections. I’ll cover how to use shading and masking to create an illustration that’s worth the look.

54. How to create iconharddrive 

Basic Icon Tutorial which combines a simple idea and approach to creating an icon that is really simple to use and fun to do. You will need some experience on using Adobe Illustrator for this tutorial. So Let’s get started on our tutorial.

55. How To Create An Academy Icon From Simple Shapes accademy

In this tutorial you will learn how to construct a cool academy icon by putting together simple shapes in Illustrator and then applying layer effects on them in Photoshop. I’m using a German versions of both Illustrator and Photoshop, so some screenshots are in German. You should be able to understand it fine though, as I provide detailed instructions and numerous sample images.

56. Design A Coffee Mug Icon coffie-cup

I’ve recently decided to dive head first into the world of vector art using Adobe Illustrator. It’s not that I’ve never used it before, or don’t know the basics; it’s just, usually my first instinct is to open up Photoshop. However, there are so many projects that Illustrator is so much better suited for. The most obvious advantage in using Illustator is the ability to create scalable, vector objects.

57. How to Create a Gearbox Settings Icon Using Simple Shapessettings-icon 

Much can be done in Illustrator without relying on the Pen tool, as demonstrated by the recent hourglass tutorial. Utilizing only simple, predefined shapes, as well as tools like the Pathfinder and transformations, entire illustrations can be created from scratch. In this tutorial, we’ll create an icon suitable for portraying options, settings, preferences, etc., similar to OS X’s system preferences icon.

58. How to Create a Vector Safari Compass icon in Illustrator safri-icon

The Safari browser from Apple has a great little icon that works well in small formats while also displaying quite a lot of intricate details when viewed in large format. Navigate through this Adobe Illustrator tutorial to draw up your own vector Safari inspired compass in Adobe Illustrator.

59. Make 3D Yet Flat Looking Shopping Basket Iconsshopping-basket-iocn 

Shopping for a new icon? Look no further. Learn how to create a custom shopping basket icon for your next web design project. We’ll combine 3D qualities with a flat look. You’ll need a firm understanding of Adobe Illustrators tools to complete this tutorial.

60. Drawing A Pencil Iconpencil 

Nowadays we can see icons everywhere, from a game console to web applications. Icons are getting more and more popular and play an important role, maybe the most important role in user interfaces. However, the resources about icon design are not that popular which is why when we have done our first steps in icon design, it was really hard to find a good starting point.

61. Design a Vector Audio Speaker Icon In Illustratorspeaker 

In this intermediate tutorial, I’ll show you how to create a vector speaker icon. When you break down the elements you’ll find it fairly easy. We’ll be using some ellipses with gradients, the Grid Tool, and the Mesh Tool to create this icon design.

62. How to make a CD icon using Illustrator in 5 minutes  cd-icon

In this tutorial, you will create a vector icon of CD using Adobe Illustrator CS3. This can be done in only 5 minutes. Here we use Illustrator rather than Photoshop as we want to make a vector icon. This CD icon can be incorporated into club flyers or postcards promoting a band or show.

63. How to Create a Magic Wand Iconwand-icon 

In this Illustrator tutorial, I will show you how to create a magic wand icon. This tutorial will utilize gradient feathering and some simple shapes. These techniques are easily translated to other icons, illustrations, and logos.

64. How To Create A Slick IPod Icon Using Illustratoripod-icon

A great little illustrator tutorial form Creative Nerds, which shows you how to create an iPod icon using illustrator. The perfect tutorials for beginners learning their way around illustrator simply because the whole iPod is created using only basic default illustrator shapes. I hope you enjoy the tutorial and feel to leave a comment to let us know how you got on creating the iPod icons.

65. How to Create a Vector Smiley Iconsmile-icon 

Have you ever wanted to make your own set of emoticons? Using the basic techniques brought about on this tutorial, you can easily create your own set of emoticons.

66. How To Create Bell Using Illustratorbell-icon 

This tutorial guides you through the process of drawing Christmas bells in Illustrator. Use them for decorating your web-site’s header or desktop. Let’s get started.

67. Design Float Circle Icon (AI Tutorial)design-float-icon 

In this tutorial you will create a Designer float icon using adobe Illustrator that will match with the awesome fasticon set.

68. How To Create An Espresso Machine Icon Inside Adobe Illustratorcoffi-machine

Thousands of people can’t imagine their mornings without a cup of coffee. Espresso machines are the best friends of hardly working creative’s around the world. In this Illustrator tutorial I will guide you through the process of creating an espresso maker icon using simple illustration techniques.

69. Creating a Comment Icon in Illustratorcomment-icon 

You are going to create a simple comment icon that can be use on a website or CMS. We’ll use some simple illustrator techniques to achieve the effect.

70. How To Create a Cubist Icon Style Logo Designraven 

Follow this logo design process walkthrough to see the making of a cubist style logo design made up of lots of detailed vector facets. Not only will we be creating the actual design in Adobe Illustrator, but I’ll also be describing the whole logo design process in this tutorial, from the initial sketches right through to finishing off the final design.

Sponsor

You may also like

Please Leave a comment

  • http://www.oasisdesign.co.uk Oasis Design Studio

    So helpful! Thanks