In this comprehensive tutorial, we'll craft our ninth icon featuring crossed wrenches—a classic symbol in design work. Before diving into the construction process, we need to clean up our workspace by removing the green transparency rectangle from our previous work.
Select the rectangle and press Delete to clear it from your artboard. Now, let's focus on our ninth artboard by zooming in using CTRL + (+) and scrolling with CTRL held down until the workspace fills your view comfortably. Proper zoom levels are crucial for precision work—you'll want to see your anchor points clearly without straining your eyes.
With our reference PDF open, examine the wrenches icon closely. Notice how each wrench consists of two fundamental components: a circular head with a square cutout (the working end) and a rounded rectangular handle. This breakdown approach—analyzing complex shapes into simple geometric forms—is essential for efficient vector design.
Let's begin constructing our first wrench systematically. Access the Ellipse tool from your toolbar, ensuring you're working within the designated working layer to maintain proper organization in your file structure.
Draw your initial circle for the wrench head, sizing it appropriately for the overall icon scale. Press 'D' to apply the default fill settings, giving you a solid foundation to work from. This circle will serve as the outer boundary of your wrench head, so consider its proportions carefully—it should feel substantial but not overwhelming within the artboard.
Now we'll create the wrench handle using precise rounded rectangle techniques. Click and hold on the Ellipse tool to access the tool group, then select the Rounded Rectangle tool. As you drag to create the rectangle, remember that you can dynamically adjust corner radius using the up and down arrow keys, while the left and right arrows fine-tune the rectangle's proportions. Position this handle so it extends from the circle's center, creating that classic wrench silhouette. Use smart guides and alignment tools to ensure perfect centering—precision here will make the final icon look professional.
With both elements positioned correctly, we'll unite them using the Shape Builder tool. Select both objects by holding Shift and clicking each one—this multi-selection technique ensures you maintain control over which elements you're combining. The Shape Builder tool, accessible from the toolbar, allows you to intuitively merge shapes by clicking and dragging across the areas you want to unite. Drag across all sections to create a single, cohesive wrench shape.
The final step in creating our wrench head involves cutting out the characteristic square opening. Return to your shapes toolset by clicking and holding, then select the standard Rectangle tool. Zoom in closer for precision—this square cutout is what gives the wrench its functional appearance, so accuracy matters.
Create your square by holding Shift while dragging—when you see the pink diagonal line indicator, you'll know you've achieved perfect proportions. Switch to the Selection tool (V key) to fine-tune the square's size and position. The square should feel proportionally correct within the wrench head: large enough to be visually significant, but not so large that it weakens the overall structure.
Make subtle adjustments using your arrow keys for pixel-perfect positioning. This level of precision separates amateur work from professional icon design. Once you're satisfied with the square's placement, it's time to subtract it from the wrench head.
Select both the wrench and the square using a selection marquee, then return to the Shape Builder tool. This time, you'll use the tool's subtractive capability—click and drag to unite the areas you want to keep, ensuring you include the corner sections for a clean result. Switch back to the Selection tool (V), deselect everything with CTRL + Shift + A, then select and delete the unwanted square section.
Your first wrench is now complete. Zoom out to see it in context and drag it to the center of your artboard for proper composition. Referencing your PDF guide, notice how the wrench should be angled upward and to the left—this dynamic positioning adds visual energy to the icon.
To achieve this rotation, hover near one of the wrench's edges until you see the rotation cursor, then click and drag while holding Shift to constrain the rotation to precise increments. This technique ensures your angle looks intentional rather than accidental—a crucial distinction in professional icon design.
Excellent work—you've completed the first component of your wrenches icon. Save your progress with CTRL + S to preserve your work. In our next tutorial, we'll construct the second wrench and explore techniques for creating that perfect crossed-tools composition that makes this icon so recognizable and versatile.
Ready to continue building your design skills? Let's move forward!