Designing App Icons: Combining Simple Shapes In Sketch To Re-Create Instagram's New Logo

Martin Sitar, Product Designer at Shopify

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
5 Lessons (22m)
    • 1. Class Intro

      0:34
    • 2. Creating the Base Layers

      6:46
    • 3. Combining & Subtracting Shapes

      2:30
    • 4. Creative Icon Backgrounds

      6:37
    • 5. Exporting Your Icon

      5:14

About This Class

In this quick class I'm going to show you how to use basic shapes in Sketch 3 to create an app-icon just like Instagram. You'll learn the basics of Sketch and you'll be able to apply what you learn to create your own custom shapes, icons and logos. This easy to follow class is perfect for anyone who's interested in learning Sketch, and turning their ideas and concepts into beautiful designs. 

If you're looking for some icon inspiration or want to start with a ready made icon you can download my free icon pack here, feel free to use it however you like. 

These are the colours I used in for my app background:

  • Yellow: #FCC658
  • Orange: #F46B26
  • Blue: #485BD2
  • Purple: #B129AE
  • Pink: #DB2471