Free Heart Mug Rug Tutorial Using Grid Crochet Patterns
Grid crochet patterns are one of my absolute favorite ways to turn simple stitches into beautiful pixel-style designs, and I’m so excited to share one of my own free patterns with you today! This beginner-friendly heart mug rug is quick to make, practical, and makes the sweetest handmade gift. If you’ve been curious about trying graph crochet patterns or experimenting with a crochet grid patterns maker, this little project is the perfect place to start. According to The Spruce Crafts,Grab your yarn and hook, and let’s dive in!
Materials Needed
Worsted weight cotton yarn, approximately 50g cream (background)
Worsted weight cotton yarn, approximately 20g dusty red (heart)
4.0 mm (G/6) crochet hook
Yarn needle for weaving in ends
Small sharp scissors
Locking stitch markers (optional)
Measuring tape
Blocking mat
Rust-proof T-pins
Spray bottle with water for blocking
Finished size: approximately 7 x 7 inches (18 x 18 cm) after blocking.
Abbreviations / Terms Used
ch — chain
sc — single crochet
sl st — slip stitch
RS — right side
WS — wrong side
FO — fasten off
rep — repeat
st — stitch
sts — stitches
MC — main color (cream)
CC — contrast color (red)
turn — rotate work to begin next row
carry yarn — crochet over unused yarn to hide color changes
Step-by-Step Instructions

1. Read the Grid and Prepare Your Foundation
This section creates the foundation for your heart mug rug.
The project is worked in single crochet, changing colors to match the grid.
Each square on the grid equals 1 sc stitch.
Begin with MC.
Ch 26.
Work 1 sc in the second ch from hook and continue across. [25 sts]
Ch 1 and turn.
Pro Tip: Place a stitch marker in your first stitch to make counting much easier.

2. Crochet the Heart Grid
Follow these rows exactly.
Row 1
25 MC sc.
Row 2
25 MC sc.
Row 3
9 MC, 3 CC, 1 MC, 3 CC, 9 MC.
Row 4
8 MC, 4 CC, 1 MC, 4 CC, 8 MC.
Row 5
7 MC, 5 CC, 1 MC, 5 CC, 7 MC.
Row 6
6 MC, 13 CC, 6 MC.
Row 7
5 MC, 15 CC, 5 MC.
Row 8
6 MC, 13 CC, 6 MC.
Row 9
7 MC, 11 CC, 7 MC.
Row 10
8 MC, 9 CC, 8 MC.
Row 11
9 MC, 7 CC, 9 MC.
Row 12
10 MC, 5 CC, 10 MC.
Row 13
11 MC, 3 CC, 11 MC.
Row 14
12 MC, 1 CC, 12 MC.
Row 15
25 MC sc.
Row 16
25 MC sc.
Always work 25 stitches per row.
Carry the unused yarn behind your work whenever possible for neat color transitions. This simple chart demonstrates how grid crochet patterns become crisp pixel artwork with nothing more than single crochet stitches. Many crocheters also enjoy using graph crochet patterns free resources to design their own images after mastering a project like this.
Pro Tip: Twist the yarns together every color change to avoid creating holes.

3. Add a Clean Border — grid
The border finishes the mug rug and helps it keep its shape.
Do not fasten off after Row 16.
Work 1 sc evenly around the entire piece.
Place 3 sc in each corner.
Join with sl st to first stitch.
FO leaving a 6-inch tail.
Pro Tip: Count your corner stitches carefully to keep the border perfectly flat.

4. Weave in Ends and Block
This final step gives your project a polished finish.
Thread every yarn tail onto a yarn needle.
Weave each tail through at least 3 inches of stitches.
Trim excess yarn.
Lightly dampen the mug rug.
Pin to 7 × 7 inches [18 × 18 cm] on a blocking mat.
Allow to dry completely before removing the pins.
Blocking helps your stitches relax and makes the heart design appear even sharper. If you enjoy projects like this, you’ll love exploring pixel grid crochet patterns and even creating your own grid crochet patterns free designs in the future.
Pro Tip: Cotton yarn responds beautifully to blocking and helps your finished mug rug lie perfectly flat.
Final Thoughts
Congratulations—you’ve finished your very own heart mug rug! I hope this little project shows just how fun and approachable grid crochet patterns can be, even if you’ve never tried colorwork before. Watching a simple collection of squares turn into a recognizable picture is one of my favorite parts of crocheting. I’d absolutely love to see your finished mug rug, so be sure to share a photo and tag the blog if you make one. Happy crocheting, and I’ll see you again with another free pattern soon!
FAQ
What are grid crochet patterns?
Grid crochet patterns use squares on a chart to represent stitches, making it easy to crochet pictures, letters, and geometric designs using simple color changes.
How do I change colors neatly in graph crochet patterns?
Change to the new yarn during the final yarn-over of the previous stitch, then carry or weave in the unused yarn as you continue crocheting.
Why is my crochet grid design uneven?
Uneven tension is the most common cause. Counting stitches carefully, maintaining consistent tension, and blocking your finished piece will greatly improve the appearance of your design.
📚 You Might Also Like
- Filet crochet patterns: Free Pattern & Step-by-Step Tutorial
Filet crochet patterns are one of my favorite ways to turn a few simple stitches into something that…
🛍️ Shop the Look — grid crochet patterns
Our handpicked Amazon picks curated specifically for grid crochet patterns:
As an Amazon Associate I earn from qualifying purchases.







