App for iOS

iVector is an open-source vector illustration app. It was designed from scratch for the iPhone, iPad and iPad Pro. It supports paths, compound paths, text, images, groups, masks, gradient fills,
and an unlimited number of layers.
iVector was designed with performance in mind – it can easily handle drawings with hundreds to thousands of shapes without bogging down. Export your finished illustrations directly to your iCloud, Dropbox as SVG or PDF. alebo .iVector.

Iba 9.99$ v App Store.



The Gallery displays a thumbnail for each of your drawings.
Tap a thumbnail to open it for viewing or editing.
Tap the title below the thumbnail to enter a new title.

Tap the + button in the upper right corner of the screen to create a new drawing.

Tap the Camera button to take a photo and use it as the background for
a new drawing.

Styling Objects

Tap the style buttons in the toolbar to modify the appearance of selected objects: They are, respectively: Font, Shadow and Opacity, Stroke, Fill, and Swatches.

The Shadow and Opacity button indicates the current shadow color and direction, as well as the object opacity. The colors indicated in the Stroke and Fill buttons are the values used when creating new shapes.


iVector provides a number of tools for creating and modifying your drawing.

The tool palette floats above the canvas. Drag it to move it around the screen. Flick it out of your way if necessary.

You can modify the behavior of many tools by holding down a second finger on the canvas after you start dragging.
If you apply the second touch before you start dragging, you will zoom the canvas.

The behavior of each tool is described in the sections below.


The Swatches panel saves colors and gradients for later reuse.

The Shadow/Stroke/Fill control at the bottom of the panel determines which style
is saved when you press the + button in the upper right corner of the panel.
It also determines which style is set when you tap one of the swatches in the panel.

Since gradients only function as fills, tapping a gradient swatch applies it to the fill style regardless of the setting.


A gradient is a fill that transitions between two or more colors.
A gradient is defined by a set of color stops. Each stop specifies a color and a position within the gradient.

To apply a gradient, open the Fill panel and tap the Gradient button in the title bar.

Tap a color stop to select it. Use the color sliders at the top of the panel to alter the stop’s color.
Drag the color stop to change its position within the gradient.

To reverse the gradient direction, swipe left or right in the gradient bar (the area above the color stops).

To evenly distribute the stops in a gradient, double tap the gradient bar.

To remove a color stop from the gradient, drag it up or down.

To insert a new color stop, tap the blank space between color stops (below the gradient bar).

When a shape has a gradient fill (and it is the only selected object),
special control handles appear that allow you to change the gradient’s start and end points:


iVector supports an unlimited number of layers. Layers are useful for organizing complex drawings.
Each component of the drawing can be on its own layer, making it much easier to edit.

You can delete, duplicate, rearrange, rename, lock, and hide layers. You can also control the transparency of each layer.

Tap the Layers button in the toolbar to view the layers in your drawing.


Joining Paths.

To join two unclosed paths, select them both and choose Join Paths from the Path menu.

The paths are joined by attaching their closest endpoints, so you might want to line them up the way you intend them to connect before choosing Join Paths.

If the opposite ends of the new path coincide after joining, the new path is also closed.

Compound Paths

A compound path is a path composed of multiple subpaths. They are useful for creating shapes that contain holes.

To create a compound path, select two or more paths and/or compound paths and choose Combine Paths from the Path menu.

To break a compound path back into simple paths, choose Separate Paths from the Path menu.

The relative direction of each subpath in a compound path determines which subpaths are filled. If all the paths run in the same direction, they are all filled.

If you’ve combined two paths hoping to make a hole, but the hole is filled, select one of the paths in the compound path and choose Reverse Path Direction from the Path menu.

Placing Text on a Path

To place text on a path, select a single non-compound path (or a path and an existing text object) and choose Place Text on Path from the Path menu.

A text editor appears, allowing you to edit the text on the path. Reactivate this editor later by double tapping the path with one of the Selection tools (or tapping the path with the Text tool).

The path is editable just like any normal path, but style settings apply only to the text.

Drag the start bar that appears at the beginning of the text to adjust the starting position of the text on the path.

To make the text appear on the other side of the path, choose Reverse Path Direction from the Path menu.


A mask is a path, compound path, or text object that clips the contents of other drawing elements.

To create a mask, select the objects that you want to mask and the path or text object that you want to use as the mask (the masking object must be the topmost selected object). Choose Mask from the Path menu.

To unmask objects, select the masked object and choose Unmask from the Path menu.

A masking path can have a fill and stroke just like any normal path.