How to Add a Hand-Drawn Look to Icons in Adobe Illustrator
Give Your Icons a Hand-Drawn Feel (Without Actually Hand Drawing Them)
Want your vector icons to feel more organic and expressive—without spending hours hand-drawing them? This trick in Adobe Illustrator is one of my favourites for adding texture, charm, and variation to otherwise perfect paths.
In this tutorial, I’ll show you how to take clean icon lines and turn them into friendly, imperfect, hand-drawn-style shapes using just a few built-in Illustrator tools.
Before and after adding the effect
You can check out this post (and lots more!) over on my Instagram Page @hannah.bacon.design
Add Hand-Drawn Texture to Icons
1. Round Off the Stroke Ends
Start with your clean icon lines
Go to the Stroke Panel and select:
✔ Round Cap
✔ Round Join
This instantly softens the shape and makes it feel a bit more human.
2. Add Stroke Variation
Select the paths
Use the Width Tool (Shift + W) to manually vary the width along each stroke
(This is key—it mimics the pressure of real drawing tools)
3. Expand and Unite
Go to Object → Expand Appearance
Then use the Pathfinder Panel → Unite
This merges all those strokes into a single, editable shape
4. Round the Corners
Grab the Direct Selection Tool (A)
Click the corner anchor points
Use the Live Corner Widgets to round off any harsh angles
5. Add Texture with the Roughen Effect
With the shape selected, open the Appearance Panel
Go to Effect → Distort & Transform → Roughen
Adjust the settings (I like Smooth over Corner for subtle wobbles)
Play with Size and Detail until it looks gently hand-drawn—not wild and scribbly
Want More Time-Saving Tools and Freebies?
This process is just one of the techniques I share across my design templates and digital assets, made especially for designers who want professional results—without starting from scratch every time.
Close high-value brand & design clients with a proposal system built for strategy.
A Project Proposal template created for brand designers, strategists and creative studios that matches the high quality of your work. Designed with a modern, editorial aesthetic and a clear layout grid, this Studio Project Proposal Template gives independent designers and creative agencies the exact framework needed to present five-figure project scopes with complete confidence.
Built natively in both Adobe InDesign and Adobe Illustrator, this template goes beyond empty layout frames. It includes actual strategic content frameworks such as pathway decision trees, detailed phase timelines, scope lists, and 3-tier pricing tables, to help you clearly articulate your value and guide prospective clients to a fast "yes."
Includes 29 thoughtfully structured pages, multiple layout options and a fully written example proposal to help you shape your own content.
Built for Both InDesign & Illustrator Users
Real Strategic Copy Framework: Fully written example brand proposal
Grid Editorial Layout: Designed with strict typographic hierarchy, generous whitespace, and versatile image spreads that put your work front and center.
1080 × 1920 px format, 29 pages with multiple spread options
Adobe Fonts used
This is a digital product. No physical item will be shipped. Photographs, logos and mockup imagery shown in the product previews are for demonstration purposes only and are not included unless otherwise stated. Please review the software requirements and licence terms before purchasing.