School of Icons
E2: Game Controller
Welcome to the second episode of our icon design series School of Icons! In this tutorial, we'll walk through the process of creating a game controller icon. This is what you'll need:
- an app for drawing vectors, like Figma, Framer, Sketch, Adobe Illustrator or Glyphs,
- a 24px grid artboard and a 2px stroke width set up in your design file
- and a few minutes of your time.
Step 1.
Begin by crafting a basic rectangle shape to serve as the foundation of your icon and its size.
Step 2.
Gradually refine the rectangle to mimic the contours of a game controller.
Step 3.
Soften the edges by rounding the corners, giving your icon a friendly and approachable appeal.
Step 4.
Complete the design by incorporating the distinctive action buttons typically found on a game controller. Pay attention to their placement and size for balance and coherence.
That's it! Here's your game controller icon.
