Select both the shapes and perform a Union operation. Select only the triangle and move it down over the rectangle. Next, Center Align them both over the Vertical Axis. Select both the shapes, and choose Align and Distribute Objects option. Then select the lower node and delete it. Use the Edit Node Tool and select the rotated square shape. If you do not use the key, the rotation is free form and through an arbitrary degree.Ĭonvert the rotated square to a path, by selecting Path > Object To Path. Holding down the keys lets you make snapped rotations. Hold down the key and use the corner rotate icon to rotate the square in chunks of 15 degrees. The selection will change to rotation and skewing mode.

With the Select Tool click on the square twice. Next task is to rotate the square through 45 degrees. The length and height will snap to the same size. Instead of fighting with the Rectangle Tool in order to get the perfect square, hold down the button while drawing the square.

Using the same tool, you will need to draw a square – a perfect square that is a little bit wider than the first rectangle. Use the Rectangle Tool to draw a rectangle. You should be able to follow this simple tutorial with other vector graphics editors too. But that doesn’t mean that the creation process is limited to Inkscape only. The tutorial is based on Inkscape, which is an open source vector graphics editor. Here is a step-by-step tutorial that should get you on track, and enable you to create custom graphical arrows. Ever come across those neat graphics of directional arrows and wished you could have them on your site? They can be used for anything from grabbing attention to indicating download links.

Inkscape arrow effects