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 powerful tool that allows you to create complex shapes within seconds.

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

With the Shape Builder Tool, you can merge or erase intersecting parts of multiple selected shapes.

You can create complex shapes within seconds with our powerful Shape Builder Tool. Unite multiple shape parts or subtract them from each other. This technique helps develop shapes for geometric logos, lettering, and illustrations.

The functionality of the Shape Builder Tool is similar to that of the Boolean operations, where you merge two shapes into a single one.

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

The Shape Builder Tool ~ic-shape-builder~~ic-shape-builder~ on Mac is visible below the Shape Tool in the Toolbar or by pressing the ~key~ M ~key~ keyboard shortcut.

When you have activated the Shape Builder Tool ~ic-shape-builder~~ic-shape-builder~, the two following modes will be 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~

You can switch between the Merge Mode and the Erase Mode while drawing via shortcut. Hold down the ~key~ ~key~ key while drawing to swap modes.

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, we’ll 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 unite the intersecting parts of multiple selected shapes and convert them into a single complex shape, similar to the Boolean Operation Unite.

The Merge Mode is set in Vectornator as the default mode of the Shape Builder Tool.

When you have the Shape Builder activated and multiple overlapping shapes selected, you can draw (by clicking and holding) across the shapes to connect the intersecting parts. Release and the result will be a single shape.

To merge multiple overlapping shape parts into one shape, you must select the shapes before activating the Shape Builder Tool. An easy method to select multiple shapes is to use the Multi Select Mode.

Unselected shapes will not be affected by the Merge Mode. The resulting united shape will automatically take on the colors currently set in the Fill and the 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. Create first the shapes you want to merge later with the Shape Builder Tool.
  2. Select the shapes you want to merge with the Shape Builder Tool.
  3. Activate the Shape Builder Tool ~ic-shape-builder~~ic-shape-builder~ in the Toolbar or press ~key~ M ~key~. By default, the tool is set to Merge Mode.
  4. Click and draw across the shapes you want to merge and release when all the shapes are included. The selected shapes are now combined into a single shape.

Erase Mode

With the Erase Mode, you can subtract the overlapping parts of a shape. This feature functions similarly to the Boolean Operation Subtract.

Click once to subtract a single intersection from your selected shapes. Click and drag your mouse along multiple individual intersections if you want to erase multiple shape parts.

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

Unselected shapes will not be affected by the Erase Mode.

Practice With the Shape Builder Tool

In Vectornator for Mac, instead of drawing complex shapes on your canvas for hours, you can speed up the process by merging or erasing intersecting shape parts with the Shape Builder Tool and transforming them into elaborate artwork with only a few clicks!

You can creatively combine the Merge Mode with the Erase Mode for your individual needs to create a visual composition or a logo. Use the Merge Mode to generate complex shapes by merging overlapping shape parts or the Erase Mode to subtract overlapping parts that you wish to exclude from the final result.

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