Skip to main content
April 2, 2026Matt Fons/4 min read

Creating a Curved Pipe Icon: Illustrator Tutorial

Master curved pipe icons with professional Illustrator techniques

Tutorial Overview

This comprehensive tutorial covers creating professional curved pipe icons using Adobe Illustrator's Shape Builder tool and live corners feature for polished results.

Essential Illustrator Tools

Rectangle Tool

Primary tool for creating the base pipe structure. Used to draw both vertical and horizontal pipe segments before combining them into a unified shape.

Shape Builder Tool

Combines multiple rectangle shapes into a single cohesive pipe form. Essential for creating seamless pipe connections and intersections.

Direct Selection Tool

Enables precise adjustment of live corners and anchor points. Critical for adding realistic curves and professional finishing touches to pipe edges.

Pipe Construction Process

1

Create Base Vertical Rectangle

Start with the rectangle tool to draw the downward-moving section of the pipe, establishing the foundation for your curved pipe design.

2

Add Horizontal Section

Copy the first rectangle using Ctrl+C and Ctrl+Shift+V, then rotate it 90 degrees while holding Shift to maintain perfect alignment.

3

Combine Shapes

Use the Shape Builder tool to merge both rectangles into a single unified pipe shape, creating seamless intersections.

4

Add Connection Points

Create top and bottom rectangles to represent pipe connections, positioning them precisely at anchor points for professional alignment.

Professional Pipe Icon Checklist

0/5
Live Corners Technique

Use the Direct Selection tool to adjust live corners on pipe intersections. Drag corner handles inward to create realistic curved edges that give your pipe icon a professional, three-dimensional appearance.

Rectangle-Based Pipe Construction

Pros
Precise alignment using pink guide lines
Easy duplication and rotation of identical elements
Shape Builder creates seamless connections
Live corners add realistic curved appearance
Consistent thickness throughout pipe sections
Cons
Requires multiple steps to achieve curved look
Manual adjustment needed for each corner
Must carefully position connection rectangles

Icon Development Workflow

Step 1-2

Foundation Setup

Create initial vertical rectangle for main pipe structure

Step 3-4

Shape Construction

Add horizontal section and combine using Shape Builder tool

Step 5-6

Connection Points

Add top and bottom rectangles for pipe connection interfaces

Step 7-8

Refinement Phase

Apply live corners and adjust anchor points for realistic appearance

Next Steps Preview

The tutorial continues with creating a second pipe and adding water droplet details, building upon the foundational techniques established in this pipe construction process.

This lesson is a preview from our Illustrator Certification Online (includes software & exam). Enroll in this course for detailed lessons, live instructor support, and project-based training.

In this comprehensive tutorial, we'll craft a professional pipes icon from scratch. Navigate to your designated artboard and reference the PDF containing our icon specifications to examine the pipes design we'll be recreating.

Analyzing the icon's structure reveals a strategic approach: each pipe consists of rectangular segments connected by curved joints, with duplicate elements positioned at intersection points. The design incorporates a water droplet element without the accent line featured in previous iterations. This modular construction method ensures consistency across your icon set while maintaining scalability for various applications. Let's launch Illustrator and begin building this essential utility icon.

Following our established workflow, select your designated working layer to maintain proper file organization. We'll construct the pipe using a methodical approach, beginning with straight rectangular segments before applying rounded corners. Start with the Rectangle Tool and create the vertical section of the pipe by dragging a proportionate rectangle. This foundational element will determine the overall scale and visual weight of your icon, so consider your final application size during this initial step.

For the horizontal pipe segment, we'll employ Illustrator's precision duplication features. Copy your existing rectangle using CTRL + C, then paste in place with CTRL + Shift + V to maintain exact positioning. Switch to the Selection Tool (V) and rotate the duplicated rectangle by dragging a corner handle while holding Shift to constrain the rotation to 90-degree increments. Align this horizontal segment so it intersects precisely with the vertical rectangle, using Illustrator's smart guides (indicated by pink alignment lines) for pixel-perfect positioning. Select both rectangles and utilize the Shape Builder Tool to merge them into a single unified shape, eliminating potential printing or scaling issues.

The top connector requires careful proportional consideration to maintain visual balance. Deselect all elements using CTRL + Shift + A, then create a new rectangle positioned precisely between the anchor points of your pipe intersection. This connector serves both functional and aesthetic purposes, suggesting the three-dimensional nature of plumbing while providing visual weight distribution across the icon.

Refine the connector's dimensions through strategic resizing. Adjust the bottom edge upward and expand the sides while holding ALT to scale from the center point, preserving symmetry. The connector should appear substantial enough to suggest structural integrity while remaining proportionally appropriate to the overall icon scale. Fine-tune the height to achieve optimal visual balance, considering how this icon will appear alongside others in your set.

With your primary structure complete, it's time to add the secondary connector. Use CTRL + Shift + A to deselect and assess your progress objectively. The foundation should feel balanced and professionally constructed, setting the stage for the final elements.

Create the bottom-right connector through strategic duplication. Select your top rectangle, copy with CTRL + C, and paste with CTRL + V. Rotate this element 90 degrees using the corner handles while holding Shift, then position it centrally on the right side of your pipe structure. This systematic approach ensures consistent proportions and maintains the modular integrity of your design system.

Professional icon design demands attention to edge treatment and corner radius consistency. Switch to the Direct Selection Tool (A) to access Illustrator's Live Corners feature. Select individual anchor points and adjust the corner radius by dragging the corner widgets inward. Apply subtle rounding to the top corners and more pronounced curves to the bottom intersection, creating visual hierarchy while suggesting the organic flow of water through the system. These refinements transform geometric shapes into a polished, professional icon that communicates function intuitively.

Save your progress with CTRL + S to preserve this foundational work. In our next session, we'll construct the complementary pipe system and integrate the water droplet element, completing this essential utility icon for your professional icon library.

Key Takeaways

1Start pipe construction with basic rectangles rather than attempting curved shapes initially for better control and precision
2Use Ctrl+Shift+V to paste elements in place, maintaining exact positioning for consistent pipe alignment throughout the design
3The Shape Builder tool effectively combines multiple rectangle shapes into unified pipe structures with seamless intersections
4Hold Shift while rotating elements to constrain movement to 45-degree increments, ensuring perfectly perpendicular pipe sections
5Direct Selection tool enables precise live corner adjustments, transforming sharp edges into realistic curved pipe intersections
6Connection rectangles should be positioned at anchor points and adjusted using Alt key to maintain centered scaling
7Pink alignment guides in Illustrator help ensure proper intersection placement between different pipe segments
8Regular saving with Ctrl+S prevents work loss during complex multi-step icon construction processes

RELATED ARTICLES