Text Link
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.0827 3.34932C19.0427 3.37669 18.9664 3.42794 18.8584 3.50043C17.8038 4.20842 13.7304 6.94303 11.0117 9.25999C13.1645 9.97221 14.8193 11.5768 15.5538 13.6562C17.9498 11.0042 20.7955 7.02975 21.5061 6.0374C21.5742 5.94227 21.6227 5.87454 21.6493 5.83801C22.8397 4.15979 20.7543 2.18683 19.0827 3.34932ZM10.919 13.7375C11.6451 14.4415 12.1432 15.3011 12.3205 16.1116C12.8946 15.9969 13.3843 15.7514 13.8739 15.3338C13.9668 15.2602 14.0597 15.1783 14.1441 15.0964C13.8655 12.8533 11.8646 10.8804 9.52602 10.6184C9.44159 10.7003 9.35716 10.7821 9.28962 10.864C8.84217 11.3552 8.58046 11.8464 8.4707 12.4031C9.30652 12.5668 10.2014 13.0416 10.919 13.7375ZM9.73764 19.9424C7.66922 21.6534 4.29222 21.2031 2.51929 19.2056C1.99584 18.6244 1.79322 18.0513 2.266 17.6502C2.50226 17.4522 2.7822 17.4254 3.07969 17.397C3.40942 17.3655 3.76073 17.3319 4.09803 17.0608C4.37888 16.8367 4.45315 16.4994 4.53956 16.107C4.65837 15.5674 4.80013 14.9236 5.53326 14.3265C6.90096 13.1722 8.91028 13.4587 10.1767 14.8995C11.5781 16.4877 11.4346 18.5425 9.73764 19.9424Z" fill="currentColor"/>
Brush Tool

Brush Tool

With the Brush Tool, you can draw freeform vector paths with variable width settings.

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

To activate the Brush Tool, press the ~ic-brush~~ic-brush~ button in the Toolbar or press ~key~B~key~ on the keyboard. Once you’ve activated the Brush Tool, a slider labeled Brush Size (1) pops up. This slider controls the size of your brush: the lower the numeric value, the smaller your brush-width, and vice versa.

‍Once you activate the Brush Tool, the Stroke section in the Inspector will switch to Brush Mode, where you can create new brush presets or use existing brush presets. You can find the Brush Editor and the Brush Selection Pane in these content-aware options.

Brush witdh Interface with croissant on a blue background.

How to Customize Brush Settings

The Brush Editor is the panel, where you can customize the Shape (1) and Contour (2) properties of your Brush. Additionally, you can Preview, Save or Reset your Brush Settings in this panel. To open the Brush Editor, click on the Brush Editor button in the Stroke Tab.

At the top of this panel, you can see a preview of the Shape of your brush (viewed along the Z-axis).

At the bottom of this section, you'll find three brush settings sliders, which allow you to:

  • Change the Roundness of your brush by either dragging the handles in the Preview Window towards the center of the circle or by using the Brush Shape Setting Sliders. Another option to change the roundness attribute of your brush is to click on the numeric field above your slider and then enter a value with your keyboard.
  • Change the Angle of the brushstroke, which defines the rotation of the brush. You can define any value within 360˚. A rotation of 0˚ will create a horizontal brush, and a 90° rotation will result in a vertical brush.
  • Set the Minimum Width of the brush according to the defined contour profile. Any changes to this value will be displayed in real-time in the Preview Window (3) below.
Brush settings Interface with croissant on a blue background.


  • In this section, you'll find the Contour graph that visualizes the brush profile.
  • You can reshape the contour of your brush by moving the draggable handles that form the contour of the brush along the X and Y-axis.
  • You can:
  • Add new handles by clicking on the graph.
  • Double-click on a handle to delete it

As soon as you move the handles within the graph, you’ll see the changes immediately in the preview below.


In this section, you'll find a Live Preview Window that visualizes the current Brush profile and displays your currently set Shape and Contour options.

The Contour Graph shows a view of the brush from the frontal view, the Preview shows the view of the brush from the top view.

How to Save Your Custom Brushes

To save your custom brush, click the Save button. You can find your saved brushes in the Brush Selection Pane under the Your Brushes section. If you are not satisfied with the current brush, press the Reset button. This will reset your brush settings back to the default settings, including the shape and contour parameters.

Here is an example of three Brushes with different settings:

Note: The default Contour Profile has all initial handles set at the same height; resulting in a flat profile.

The Brush Selection Pane

By clicking on this pane, it displays a list of the Preset Brushes (B), which are built into the Brush Settings panel. These preset brushes can be used as they are or used as the starting point for your custom brushes.

Note: Preset Brushes cannot be deleted.

After you have saved your first brush in the Brush Editor, the Your Brushes (A) section will appear at the top of this panel. You can save as many brushes as you want, and they will be shared across all your documents in Vectornator. Your brushes are saved locally to the device on which you created them.

Your brushes are always saved to your local hard drive.

brush size Interface with croissant on a blue background.

Pro Tip – A Quick & Easy Brush Setting Creation

You can use the saved preset brushes as a base for new brush shapes. To do that, choose a brush in the selection pane and open the editor. In the editor, you will find the settings for the selected brush, which you can then further customize. To save your changes, press save, and your settings will be saved as a new brush set.

Changing the Path Smoothness

The  Brush Tool works like a freehand tool, so you can start drawing a  new path just as you would on paper. The vector path will follow more or less precisely the path of your cursor, depending on the smoothness value you've set.

If you want your brush path to follow exactly what you draw, you can set the smoothness to 0%. The higher this value, the more Vectornator will smooth your brush curves and simplify the pathyou have created. To change the Smoothness, open the Appearance section in the Style Inspector and adjust the Smoothing slider (1).

appearance Interface with croissant on a blue background.
If you enjoy creating beautiful typography and lettering brushes are the perfect tool to create it,
Check out the Beginner’s Guide to Brush Lettering and try it out yourself.
Learn Vectornator
Learn how to create your next design by using this Vectornator sample document.

Video Recap | How to use the Brush Tool on Mac

Our brushes got a complete makeover and are now are easily and fully editable as any other path inside the app. Add, edit, delete, and move around nodes or change their type. And change your brush profile with just two taps to any of our dozens of presets. But have fun with it and create your own!

Plus, any path in our app can take on a unique profile defined by your brush parameters - which means that the Pen, Pencil, and Shape Tool have now expanded their capabilities infinitely. And we mean it! We're super excited to see what you guys create.

Download Brushes ⬇️ ⬇️ ⬇️
▶︎  Pack 1:
▶︎  Pack 2:
Learn how to master Vectornator like a Pro, and join the full Mac Vectornator 101: crash course on our new academy!
Download the PDF version here.
Last Updated on Jul 29, 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