Happy Tuesday! I’ve had a few requests to create flat-style illustrations, so this week we’re creating a flat iMac icon in Adobe Illustrator! If you’ve ever been unsure of how to get started with vector icons, or you’d like to practice your shape-based illustration skills, this tutorial is perfect for beginners. We’ll be utilizing the rounded rectangle, rectangle and ellipse shapes the most and keep things super simple throughout. Read on for the full tutorial and all of the color builds mentioned in the video!

Pin it for later!

create a flat imac icon in adobe illustrator

Create a Flat iMac Icon in Adobe Illustrator

Mentioned in the tutorial:

Here are all of the color builds used (RGB):

  1. Dark yellow: 232/230/210
  2. Yellow: 250/246/225
  3. Blue: 183/214/241
  4. Black: 3/3/3
  5. Lightest grey (1): 235/235/236
  6. Grey 2: 221/222/224
  7. Medium grey (3): 213/215/217
  8. Grey 4: 201/202/205
  9. Dark grey (5): 189/190/193

tuesday tips

Here are some tips for creating vector based icons:

  • Vectors are point-based (instead of pixel-based like raster images in Photoshop), so they’re infinitely rescalable. This means it’s cake to create any size icons you need without ever worrying about resolution issues.
  • When creating an icon based off of a source image (like we did in this tutorial), be sure to lock it on its own layer. Locking your layer prevents accidental moving as you work, plus the ability to turn the layer’s visibility on and off so you can check your work as you go.
  • Common icon sizes are (in pixels): 512×512, 256×256, 128×128, 64×64, 48×48 and 32×32.
  • To export your icons for web (with the icon scaled within your properly sized artboard), go file > export > save for web. Alter the file format preferences in the upper right corner of your screen.
  • Be sure to always save an Illustrator file of your icon work. If you need to make adjustments later, you’ll have the raw, editable file available outside of your web formatted files.

Receive special offers on courses + products, a new design file every month plus instant access to the Resource Library!

Tuesday Tribe Gift bag

Pick up over 50 design + lettering files as our gift to you when you join the Tuesday Tribe for free!



Please check your email to confirm.

Freebie: Procreate

Freebie: Procreate

Freebie: Procreate

Freebie: Procreate
Written by
Every Tuesday's content creator and founder. I help creatives build and improve their digital skills to open new opportunities.
Latest comments
  • This is perfect, Teela! Thank you!

  • Hi Teela! Will this work with characters? I want to turn my profile picture into a flat design.

  • Thanks for this tutorial, very helpful! I also added an oval below the stand to imitate a shadow underneath the computer.

  • Very helpful information Teela thank you for sharing some good stuff like this one. As a designer and blogger, I’m looking for some information that I will use and also apply to myself this one is perfect. Helping other people to achieve their dream is a bless to everyone and you are a big help to their way to becoming successful someday.


GDPR Agreement
Save my name, email, and website in this browser for the next time I comment.

This site uses Akismet to reduce spam. Learn how your comment data is processed.


Your Privacy Matters

We use cookies to customize and create content that’s most important to you. We’ll never share the info we collect.

View Privacy Policy