How to Draw Vector Icons & Graphics with Affinity Designer

Start a new web project, create a square canvas, draw basic shapes, adjust colors with the color wheel, and manage layer order.

Explore bounding boxes and rotation handles, apply shear and resize while preserving proportions with shift, and master boolean operations—add, subtract, divide, and intersect—to create and customize shapes in Affinity Designer.

Explore basic boolean operations in Affinity Designer, including intersect and divide, to create unique shapes, then align, copy, and space objects precisely using the line tool and alignment features.

Learn to clone and space objects in Affinity Designer using option+shift drag and command J, then convert shapes to curves, edit corners, and create trapezoids and rounded rectangles.

Explore Affinity Designer basics by using the corner tool and pen tool to create smooth shapes, adjust bezier nodes, and convert points to smart mode for organic curves.

Break down a bus icon into wheels, windshield, lights, and chassis; use rectangles and circles; color with a color picker; convert to curves; adjust nodes; align precisely in Affinity Designer.

Illustrate a bus icon in Affinity Designer by combining circles and rectangles, aligning elements to center, duplicating parts with option-shift, and organizing with groups and layers for a clean finish.

Recreate a recovery truck icon using Affinity Designer in this tutorial, applying round rectangle, curves, node manipulation, custom shapes, boolean operations, wheels, crane arm, and axis alignment for accurate composition.

Learn to refine a recovery truck icon in Affinity Designer by adding hubcap details, shaping the windshield with curves, and assembling rounded rectangles for a cohesive vector illustration.

Design a flat pencil icon in Affinity Designer by combining rounded rectangles and triangles, using boolean subtract and divide to separate parts, then add shading and highlights for depth.

Create a pencil icon in Affinity Designer by shaping bezier curves, converting strokes to curves, adding shading and highlights, and using boolean operations to patch gaps and refine.

Design a detailed magnifying glass icon and document using Affinity Designer, align components precisely, apply boolean operations, convert to curves, and use groups for scalable, export-friendly vector icons.

Learn to craft a vector magnifying glass and document icon set in affinity designer by aligning, grouping, duplicating lines, and applying simple color and layout techniques.

Create a vector icon by separating metal and wood parts with boolean divide, color, and highlight techniques, align and assemble a magnifying glass over a paper document.

Create clean vector icons by combining a magnifying glass and document using alignment, grouping, and duplication techniques in Affinity Designer.

Learn to create a hand-drawn sausage icon in affinity designer, exploring the pencil and pen tools, nodes, stroke and fill, shading, and texture for organic vector icons.

Design a three-tone sausage icon in Affinity Designer using color, highlights, and shadows with Bezier adjustments, wireframe checks, and smart notes to create clean, connected shapes.

Learn to create a playful sausage icon with mustard sauce, shading, and highlights in affinity designer, using smart shapes and color layering to achieve a 3d look.

Export vector icons in affinity designer via file export, choose png or jpeg, preview results, and set transparent background when needed, noting exports become raster graphics.