You can’t sit and sew home décor projects all day long. Sometimes you need an exercise break … but not a break from style. We paired a décor weight exterior with a standard weight cotton lining, both in vibrant colors and prints. Then we calmly meditated on the easiest instructions with the most stylish details. The result guarantees good karma for all who tote this tote to class.

Our generously-sized bag will hold your mat, towel, flip flops and more. The easy access horizontal opening makes it quick to load and unload, and it’s simply secured with a button and loop.

The finished size is approximately 27″ wide x 10½” high with 5″ boxed bottom corners.

We recommend choosing a heavier weight fabric for the bag so it’s sturdier and wears well. Our original sample was made from Amy Butler’s Love collection, which is no longer readily available. Below are two options for canvas and lining from collections we spotted at and Fat Quarter Shop.


Even with the heavier weight exterior fabric, this is meant to be a soft, unstructured bag. Soft enough to fold flat when not in use.

If you’d prefer more structure, you could add fusible batting or foam to the exterior fabric – or even to both layers. Our recomendation would be to cut the batting or foam smaller than the dimensions of the fabric panels in order to keep the thickness out of the seams.

Sewing Tools You Need

Fabric and Other Supplies

Click to Enlarge

  • 1 yard of 44″+ wide décor weight fabric, lightweight canvas or similar for bag exterior
  • 1 yard 44″+ wide standard quilting weight cotton for the bag lining
  • 3 yards of 2″ wide cotton webbing for handles: we used an organic white cotton, purchased locally
    NOTE: 2″ wide webbing is a bit harder to find; the more common 1½” width would work fine as well.
  • 1 large (apx. 1″) button; we used a wooden button
  • All-purpose thread in colors to match fabric and webbing
  • See-through ruler
  • Fabric pen or pencil
  • Iron and ironing board
  • Scissors or rotary cutter and mat
  • Seam gauge
  • Seam ripper
  • Straight pins

Getting Started

  1. From the exterior fabric, fussy cut TWO 33″ wide x 14″ high rectangles.
  2. From the lining fabric, cut the following:
    TWO 33″ wide x 14″ high rectangles
    ONE 4″ x 4″ square
  3. Cut the cotton webbing into two 52″ lengths.

At Your Sewing Machine & Ironing Board

Attach the handles

  1. To place the cotton webbing for the handles, first make four marks with your fabric pencil on the right side each exterior fabric 33″ x 14″ panel: 9″ in from each corner.
    NOTE: Remember, any time you are working on the right side of your fabric, make sure your marking tool is one that will easily wipe away or will vanish with exposure to the air or the heat of an iron. 
  2. Starting with one length of webbing and one fabric rectangle, position one end of the webbing flush with the bottom of the fabric panel and align the outer edge of the webbing with the 9″ marks. Pin in place.
  3. Run straight up, make a 24″ loop to create the handle, then run the webbing back down the other side, lining up with your 9″ marks. Pin as you go.
  4. Repeat with the other exterior fabric rectangle and the other length of webbing. Make sure there are no twists in the curve of the handle.
  5. Thread the machine with thread to best the webbing in the top and bobbin. Slightly lengthen the stitch. Edgestitch the webbing to the fabric along both sides and across the bottom. Your stitching on all straps should end approximately 1″ from the top raw edge so you have room for a top seam allowance.
  6. To reinforce the top of each strap, again starting 1″ below the top raw edge of the bag, stitch a 1″ – 2″ square. We stitched a plain empty square; you could also stitch an X through the center of the box to create the traditional “X Box” securing stitch.
    NOTE: We have a tutorial on the “X Box” if you are new to the technique. 

Stitch exterior panels and lining panels together

  1. Pin the two exterior bag panels right sides together, making sure the webbing matches up at the bottom and the handles are sandwiched in between the layers – out of the way of all seams. You can pin the handles to the center of the bag for security.
  2. Using a ½” seam allowance, stitch down both sides and across bottom of bag, pivoting at the corners. The top remains open. Press the seam allowances open.
  3. Find your two 33″ x 14″ lining panels and pin them right sides together.
  4. Using a ½” seam allowance, stitch down both sides and across bottom of lining, pivoting at the corners. The top remains open. Press the seam allowances open.

Create the box corners

  1. Press the main bag piece so the bottom seam is very sharp.
  2. With the bag wrong side out, flatten the corner so it forms a triangle, aligning the side and bottom seam.
  3. Measure 2½” down from the end of the of the seam and use your fabric pencil to draw a line straight across the folded fabric. Your line should be at a point that is 5″ wide.
  4. Repeat on the opposite side. Check to make sure your two drawn lines are at the exact same place on both sides.
  5. Unfold and stitch across along on the 5″ drawn line on each side.
  6. Trim away the top of each triangle approxiamtely ½” from the sewn line. Click to Enlarge
  7. Repeat to create matching box corners in the lining.
    NOTE: If you are new to this technique, we have a full step-by-step tutorial that shows the two most common methods for boxing corners. 

Make the button loop

  1. Find the 4″ x 4″ square of lining fabric. Fold it in half diagonally, right sides together.
  2. Stitch ½” away from fold. Folding and stitching on the diagonal will make your loop bias-cut, which will allow it to curve without wrinkling.
    Click to Enlarge
  3. Trim the seam allowance to ¼” and turn right side out, using a safety pin or loop turner. Press flat.
  4. Find the top center point of the side that will be the back of your bag. Make a mark at this center point with your fabric pencil. Then, still using your fabric pencil, draw a short horizontal line along the ½” seam line.
  5. Fold your loop in half and pin it at the center point mark you just made. Adjust the loop up or down so enough of it extends past the seam line for the button to pass through easily. Don’t guess. Test it with your actual button. Pin the loop in place.
    Click to Enlarge
  6. Machine baste the loop in place, running forward and backwards several times so your loop is secure and can stand up to lots of wear and tear. This stitching should be within the seam allowance – not on the seam line. Trim away the excess loop ends.

Finish the bag

  1. Finish the top raw edge of both the main bag and the lining with pinking shears or a zig zag stitch.
    NOTE: We have a four-part series on machine sewn seam finishes for more finishing options. 
  2. Turn lining inside out. Keep the main bag right side out.
  3. Place the main bag inside the lining so the two layers are now right sides together. Pin around the top edge matching seams and centers and tucking the straps down (they should sit between the layers. Leave an 8″ opening for turning at the center back.
  4. Stitch all around the top, using a ½” seam allowance. Remember to lock the seam at either side of the 8″ opening for turning.
  5. Turn right side out and press the top edge flat, pressing in the raw edges of the opening so they are flush with the sewn seam.
  6. Topstitch around the entire top of tote. This flattens the top edge of the bag and seals the opening used for turning. For the cleanest look, fold the handles down and stitch BEHIND the handles not over the top of them.
    Click to Enlarge
  7. Hand sew the wooden button to the center of the front of the bag, opposite the loop.
    Click to Enlarge


Project Design: Alicia Thommas
Sample Creation: Jacqueline Smerek

Notify of

*Sew4Home reserves the right to restrict comments that don’t relate to the article, contain profanity, personal attacks or promote personal or other business. When commenting, your name will display but your email will not.

Oldest Most Voted
Inline Feedbacks
View all comments
Tiah Sees
Tiah Sees
7 months ago

Hi! New here! Found you via pinterest and I would like to make the yoga bag with the handles made from the matching material. I browsed around but didn’t see that added anywhere. Did I miss it? I would like to make one for each of my girls and myself so I should be pretty good after 4 rounds 🙂 Also do you think this size of bag could also fit yoga blocks in with the mat? Or would I need to add a bit of height to the bag? Thanks in advance for answering my questions!

Liz Johnson
Liz Johnson(@liz)
7 months ago
Reply to  Tiah Sees

Hi Tiah – I’m guessing maybe you spotted an older yoga mat sling bag project we did that was more of a vertical, over the shoulder style with ribbon accents. If so, that is a project that ended up in the book we put out several years back. At the time, the publisher asked that any similar projects be removed from our main site for a period of time. That window of time is finally up and we are slowly reposting some of the projects either here on the site or in our Etsy shop. Unfortunately, we haven’t gotten to… Read more »

Aimee Rojo
Aimee Rojo
8 months ago

Thank you for the pattern of yoga tote. An easy pattern to follow. I added a key fob and pocket on the inside so I wouldn’t have to bring in my purse.

Liz Johnson
Liz Johnson(@liz)
8 months ago
Reply to  Aimee Rojo

Hi Aimee – That’s great news! And, your additions sound perfect. If you follow us in social media, we’d love to see a picture of your tote.

10 months ago

Just made this! It’s beautiful! Thank you for sharing

Liz Johnson
Liz Johnson(@liz)
10 months ago
Reply to  Gina

Hi Gina – Great news! If you follow us on social media. we’d love to see a picture. We are sew4home on Facebook, Twitter, and Pinterest and sew4home_diy on Instagram 🙂

Translate »