Heart Quilt Block Tutorial and Layout Options

Posted by Elaine Huff on

It's just about February so I thought I'd share my favorite Heart Quilt Block. It's an easy block and uses up some of those pink or red scraps I know you have! Let's get started!

heart quilt block

Fabric Requirements for a 10" Finished Heart Quilt Block:

  • Light/Ivory: 1 - 4.5" square, 2 - 3" squares
  • Medium/Dark Prints: 1 - 6.5" square, 2 - 3" squares, and 8 - 2.5" squares

heart fabric requirements

Sewing Directions:

Half Square Triangle Units:

Step 1:

Using the two Light/Ivory 3" squares and the two Medium/Dark Prints 3" squares, sew together four Half Square Triangle units as shown in the picture below. Trim/square up the units to a 2.5" square. You can find my Half Square Triangle tutorial at: https://fabric406.com/blogs/fabric406-blog/how-to-sew-a-basic-half-square-triangle-block

heart 1

Patchwork Units:

Step 2:

Now you can lay out two of the Half Square Triangle units you just made in Step 1 along with four of the Medium/Dark Prints 2.5" squares as shown in the picture below.

heart 2

Step 3:

Sew the patches into two rows as shown below.

heart 3

Step 4:

And press the seam allowances as shown in the picture below so that the seams will nest nicely in the next step. The top row seams are pressed away from the Half Square Triangle units, and the bottom row seams are pressed away from the center.

heart 4

Step 5:

Sew the two rows together, and ...

heart 5

Step 6:

Press the seam allowance away from the Half Square Triangle units as shown in the picture below. (I had some issues with the middle red 2.5" square and had to take a tuck! Should have probably done a redo but in the interest of time, decided not to) Repeat Steps 2 through 6 for a total of two Patchwork units.

heart 6

Putting It All Together:

Step 7:

Lay out the Light/Ivory 4.5" square, the Medium/Dark Prints 6.5" square, and the two Patchwork units as shown in the picture below.

heart 7

Step 8:

From here the Heart Quilt Block goes together like an uneven Four Patch block. You sew the units into two rows as shown below.

heart 8

Step 9:

Press the seam allowances away from the Patchwork units as you can see in the picture below.

heart 9

Step 10:

Sew the two rows together and you're done! (Except for the pressing.)

heart quilt block

Step 11:

Press the seam allowance in whichever direction you prefer. I've pressed mine toward the Light/Ivory 4.5" square which you can see in the picture below.

heart 11

Layout Options:

Here's a standard on-point layout for this Heart quilt block. With 10" blocks, it will finish at about 48" x 65" You'll notice that I added a border using the background fabric at the bottom of the quilt to balance it out. You will need about 2.5 yards of the background fabric and 1 yard for the border.

heart throw size

In this example, I put sashing in between the blocks. For this 57" x 77" quilt you will need about 3.5 yards of the background and 1 yard for the border.

heart quilt with sashing

Finally, for a little 26" x 26" table topper, I came up with this layout. It takes about 1/2 yard for the background fabric and 1/4 yard for the outer border.

heart quilt table topper


This Heart Quilt Block is a fun little block to sew together and to use up some of those scraps! And I'm so glad that my little tuck is barely noticeable now that the block is sewn together! 

What is your favorite heart-shaped quilt block? 

Happy Quilting!


P.S. If you liked this post and want to see more quilting tutorials like this, simply click here to sign up for my newsletter and also receive a free PDF quilt pattern.

Share this post

← Older Post Newer Post →


  • Love the block. Detailed instructions are super!

    Brenda Campbell on
  • Awesome,, always enjoy a fresh and different look.. you are great

    linda, michigan on
  • super cute — thanks for sharing!

    Karla Brown on
  • This Is Great Love this Design.
    Simple An Cute…
    Thank you for Sharing.

    Kim Baker on
  • Thank you for your tutorial. I will save it.

    Joey Cordier on

Leave a comment

Please note, comments must be approved before they are published.