7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
  1. Design & Illustration
  2. Affinity Designer

How to Design Flat Icons in Affinity Designer: Introduction

Read Time: 2 mins
This post is part of a series called Design Flat Icons in Affinity Designer.
How to Design Flat Icons in Affinity Designer: Discount Badge and Hanger Icons

Welcome to How to Design Flat Icons in Affinity Designer, a four-part video series to help you learn how to design flat icons in Affinity Designer.

Find more incredible Design & Illustration Courses on Envato Tuts+. And get amazing vector resources for your projects on Envato Market.

Course Introduction

Icon design is an essential skill every designer should learn. With this knowledge, you can create amazing symbols and characters for any design or illustration project. This is an ideal series for beginners to app design, and you can later program these icons with special functions.

In this course, instructor Yulia Sokolova will show you the step-by-step process of creating a set of colorful shopping icons using the software Affinity Designer.

Create Flat Icons with Affinity DesignerCreate Flat Icons with Affinity DesignerCreate Flat Icons with Affinity Designer

Learn how to create these icons using simple shapes and tools, while exploring different methods for combining and modifying these shapes. Enjoy a complete set of six icons you can use for various projects!

How to Create a Shopping Bag Icon

Let's begin with the very first icon, the shopping bag. In this lesson, Yulia Sokolova will use the Draw Persona function to create vector graphics in Affinity Designer.

Create a new Web file at 800x600 pixels.

Use the Rectangle Tool (M) to draw a pink rectangle. Modify the shape of the rectangle by selecting the upper left and right nodes and using the Transform panel to push them inward.

Create the shopping bag shapeCreate the shopping bag shapeCreate the shopping bag shape

Then use the Ellipse Tool (L) to create the holes for the handles of the bag.

Follow up with the rounded handle, using the Pen Tool (P) to create the shape. Convert it to a rounded shape, and modify the nodes for a taller handle.

Create the handleCreate the handleCreate the handle

Add details to the shopping bag using the Rectangle Tool (M) once again. Place it into a bright, light blue circle and create a trendy long shadow effect to complete the first icon.

Finish the shopping iconFinish the shopping iconFinish the shopping icon

Want More?

Congratulations on your first icon! Let's continue with the second design in the next lesson. There we'll learn how to create a colorful discount badge icon with a few simple shapes.

Find creative assets for your designs on Envato Elements.

And for more amazing lessons on Affinity Designer, check out these tutorials:

Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Scroll to top
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.