Welcome to our Illustrator in 60 Seconds series, in which you can learn an Illustrator skill, feature, or technique in just a minute!
Illustrator in 60 Seconds: How to Create a Phone Icon
In today's tutorial we're going to show you how to create your very own phone icon using nothing more than simple shapes and tools that you probably already work with on a daily basis.
How to Create a Phone Icon
Step 1
Start by creating a new web document with a 128 x 128 px artboard, which we'll structure using two separate layers. Select the first layer, and add a 120 x 120px circle which we'll color using yellow.
Step 2
And then align it in the center, locking its layer. Create the phone's main shape using a white 48 x 84px rounded rectangle with a 6 px corner radius, which we'll position in the center of the artboard.
Step 3
Using the Rectangle Tool, add a display by drawing a 40 x 58px shape, which we'll color using yellow and then center align to the phone's body, pushing it a few pixels toward the top afterwards. Add the lower button, using a yellow 8 x 8px circle which we'll center align to the phone's chin.
Finish off the icon by creating the phone's earpiece, using a 12 x 2px rounded rectangle with a 1 px corner radius, which we'll then center align to the upper section of its body.
A Bit More Detail
Learn more about Adobe Illustrator on Envato Tuts+:
![]()
Illustrator in 60 Seconds: How to Create a Calendar Icon
![]()
How to Scale Icons Correctly in Adobe Illustrator
![]()
How to Create Pixel Perfect Artwork Using Adobe Illustrator
60 Seconds?!
This is part of a series of quick video tutorials on Envato Tuts+ in which we introduce a range of subjects, all in 60 seconds—just enough to whet your appetite. Let us know in the comments what you thought of this video and what else you'd like to see explained in 60 seconds!
