Text Link
<path d="M14.6729 13.0201C14.5891 14.1992 14.0875 15.3136 13.2312 16.1702C11.2912 18.1101 8.14429 18.1101 6.20461 16.1702C4.2647 14.2303 4.2647 11.0858 6.20461 9.14586C7.06048 8.28999 8.17468 7.79012 9.35884 7.70604C9.56516 7.69146 9.72068 7.51212 9.7061 7.30582C9.69152 7.09926 9.51218 6.94371 9.30563 6.95832C7.94333 7.05501 6.65929 7.63096 5.67438 8.61585C3.44187 10.8484 3.44187 14.4677 5.67438 16.7002C7.90711 18.9329 11.5287 18.9329 13.7611 16.7002C14.7463 15.7153 15.3242 14.431 15.4206 13.0733C15.4355 12.867 15.2799 12.6877 15.0734 12.6729C14.8668 12.6583 14.6877 12.8138 14.6729 13.0201ZM9.7061 7.35659C9.79018 6.17438 10.29 5.06018 11.1459 4.20457C13.0856 2.26463 16.2303 2.26463 18.1703 4.20457C20.1099 6.14425 20.1099 9.28898 18.1703 11.2289C17.3137 12.0853 16.1992 12.5868 15.0202 12.6707C14.8136 12.6855 14.6583 12.8648 14.6729 13.0714C14.6877 13.2777 14.8668 13.4332 15.0734 13.4186C16.4311 13.3219 17.7151 12.744 18.7003 11.7589C20.933 9.52641 20.933 5.90707 18.7003 3.67456C16.4678 1.44181 12.8484 1.44181 10.6157 3.67456C9.63126 4.65899 9.05508 5.94278 8.95836 7.30362C8.94378 7.50994 9.0993 7.68928 9.30563 7.70409C9.51218 7.71867 9.69152 7.56315 9.7061 7.35659ZM9.79137 9.40153C9.62771 9.56516 9.36239 9.56516 9.19875 9.40153C9.03511 9.23789 9.03511 8.97257 9.19875 8.80893C9.36239 8.64527 9.62771 8.64527 9.79137 8.80893C9.95501 8.97257 9.95501 9.23789 9.79137 9.40153ZM11.4015 7.79132C11.2379 7.95498 10.9726 7.95498 10.809 7.79132C10.6453 7.62768 10.6453 7.36236 10.809 7.19872C10.9726 7.03509 11.2379 7.03509 11.4015 7.19872C11.5652 7.36236 11.5652 7.62768 11.4015 7.79132ZM13.5659 13.176C13.4022 13.3397 13.1369 13.3397 12.9733 13.176C12.8096 13.0124 12.8096 12.7471 12.9733 12.5834C13.1369 12.4198 13.4022 12.4198 13.5659 12.5834C13.7295 12.7471 13.7295 13.0124 13.5659 13.176ZM15.1761 11.5658C15.0124 11.7295 14.7471 11.7295 14.5835 11.5658C14.4198 11.4022 14.4198 11.1369 14.5835 10.9732C14.7471 10.8096 15.0124 10.8096 15.1761 10.9732C15.3397 11.1369 15.3397 11.4022 15.1761 11.5658ZM11.8781 12.3475C11.7145 12.5111 11.4491 12.5111 11.2855 12.3475C11.1219 12.1838 11.1219 11.9185 11.2855 11.7548C11.4491 11.5912 11.7145 11.5912 11.8781 11.7548C12.0418 11.9185 12.0418 12.1838 11.8781 12.3475ZM14.3475 9.87807C14.1838 10.0417 13.9185 10.0417 13.7549 9.87807C13.5912 9.71443 13.5912 9.44911 13.7549 9.28547C13.9185 9.12181 14.1838 9.12181 14.3475 9.28547C14.5111 9.44911 14.5111 9.71443 14.3475 9.87807ZM10.6199 11.0893C10.4563 11.2529 10.191 11.2529 10.0273 11.0893C9.86368 10.9256 9.86368 10.6603 10.0273 10.4967C10.191 10.333 10.4563 10.333 10.6199 10.4967C10.7836 10.6603 10.7836 10.9256 10.6199 11.0893ZM13.0893 8.61991C12.9257 8.78355 12.6604 8.78355 12.4967 8.61991C12.3331 8.45625 12.3331 8.19095 12.4967 8.02729C12.6604 7.86365 12.9257 7.86365 13.0893 8.02729C13.253 8.19095 13.253 8.45625 13.0893 8.61991ZM14.7187 20.1148C14.7969 20.1155 14.8599 20.0934 14.9077 20.0484C14.9554 20.0033 14.982 19.9466 14.9874 19.878C14.9927 19.8095 14.9683 19.7454 14.9142 19.6858L9.3735 13.5403C9.31976 13.4814 9.25777 13.4532 9.18746 13.4556C9.11716 13.458 9.05573 13.4827 9.00316 13.5297C8.95061 13.5767 8.92434 13.6389 8.92434 13.7164L9.07488 21.8434C9.07488 21.9221 9.10154 21.9852 9.15488 22.0328C9.20824 22.0804 9.26926 22.104 9.338 22.1038C9.40674 22.1036 9.46794 22.0733 9.52159 22.0129L11.4626 20.0153L14.7187 20.1148Z" fill="black"/>
Shape Builder Tool

Shape Builder Tool

The Shape Builder is a potent tool for creating elaborate shapes fast and easily. You can merge or erase different parts of intersecting shapes with the Shape Builder Tool

Follow Along!
Learn Vectornator from A to Z with this downloadable sample file.
Download File

Create elaborate shapes seamlessly with the Shape Builder Tool. You can merge or erase multiple shape parts and create an entirely new shape. This feature is handy for creating shapes for geometric logos, illustrations, and lettering. The Shape Builder Tool functions similar to Boolean Operations, where you merge two shapes into one.

Read more about Boolean Operations in the correlating Learning Hub section →
violet cloud shapes on a purple background

Activate the Shape Builder Tool

The Shape Builder Tool ~ic-shape-builder~~ic-shape-builder~ is located on the iPad below the Shape Tool in the Toolbar.

Violet fish on a purple design app interface background

When you tap the Shape Builder Tool ~ic-shape-builder~~ic-shape-builder~, you have the two following modes available:

  1. The Merge Mode ~ic-merge-mode-sb~~ic-merge-mode-sb~
  2. The Erase Mode ~ic-erase-mode-sb~~ic-erase-mode-sb~

If you have a keyboard on your iPad, you can hold down the ~key~ ~key~ while drawing to switch between the Merge Mode and the Erase Mode.

Another option is to hold one finger after you start the shape-building process, and then you can switch between both modes seamlessly.

In Vectornator, the Merge Mode is set by default. When you switch between tools, Vectornator remembers the mode you selected last. For example, if you set the Erase Mode, use another Tool, and switch back to the Shape Builder Tool, the Erase Mode will still be active.

As soon as you close and reopen a saved document, Vectornator automatically reverts to Merge Mode.

Below, let us explain the differences between the Merge Mode and the Erase Mode.

Merge Mode

With the Merge Mode ~ic-merge-mode-sb~~ic-merge-mode-sb~, you can merge the intersecting parts of multiple selected overlapping shapes and convert them into a single elaborate shape. This technique is comparable to the Boolean Operation Unite. The Merge Mode is set in Vectornator as the default mode of the Shape Builder Tool.

First, select multiple shapes, and then you can draw (by tapping and holding) along the shapes to connect the overlapping parts. Release, and you’ll automatically get one united shape.

Before merging the intersecting shape parts with the Shape Builder Tool, you must select multiple shapes. The Multi Select Mode in Vectornator was explicitly designed to select multiple shapes.

The Merge Mode won’t influence unselected shapes.

The final shape will automatically display the colors set in your document’s Fill and Stroke section.

As soon as you activate the Shape Builder Tool, the outer lines of the selected shapes will be displayed with a blue stroke, regardless of their current set stroke color.

When the Merge Mode is activated, a thicker blue outline marks the overlapping shape parts you are currently merging.

How to Create New Shapes With the Merge Mode

  1. Use the Shape Tool to create the shapes you want to merge with the Shape Builder Tool.
  2. With the  Multi Select Mode, you can select the multiple shapes you want to unify with the Shape Builder Tool.
  3. Tap the Shape Builder Tool in the Toolbar. By default, the Shape Builder Tool is set to Merge Mode.

Erase Mode

Similar to the Boolean operation Subtract, you can subtract the overlapping parts of your selected shapes with the Erase Mode. If you want to erase a single overlapping element of your selected shapes, tap once, tap and drag across your selected shapes to erase multiple shape intersections.

When the Erase Mode is activated, a thick red outline marks the intersecting shape parts you are currently erasing.

The Erase Mode won’t affect unselected shapes.

Practice With the Shape Builder Tool

In Vectornator for iPad, you don’t need to draw complicated shapes on your canvas for hours; you can speed up your workflow by fusing the overlapping parts of basic shapes with the Shape Builder Tool and reconstructing them into elaborate artwork with only a few taps!

Masterfully combine the Merge Mode with the Erase Mode for your specific needs to create a visual arrangement or a logo. Use the Merge Mode to generate complex shapes and the Erase Mode to subtract intersecting parts that you wish to remove from the resulting shape.

Learn Vectornator
Learn how to create your next design by using this Vectornator sample document.
Download
Download the PDF version here.
Last Updated on Aug 25, 2022
Master the Power of Vectornator

Expand your skills and tackle the next challenge, our tutorials and courses will help you to master vector design on a professional level.

Go to Academy