Inkscape

If you want a great way to get started contributing to this icon pack, here is a simple guide to get started using Inkscape!

Setting up Inkscape for icon creation

• Install Inkscape

• In the navigation menu, go to File > Document Properties and set it to look like this: Note the Display Units set to px, the width and height set to 48px, the scale set to 1x, and the view box set to 48 by 48.

• Import a base icon or a template to start with. To do so, just go to File > Import and select the file you want. You can also drag and drop any file from your file manager of choice.

Start drawing

Inkscape comes with countless tools that can help you achieve basically everything you want, this can be an overwhelming number of things to learn. However, thanks to Arcticons simplicity, you only need to know a few tools to get started.

Using the bezier tool

If you have not changed the Inkscape's shortcuts, pressing the B key will let you create straight and curve lines (also called strokes), your mouse will change the icon to a little pencil. When using this tool, you can click from point to point, click and drag, or click, click and keep pressed. You can also press Control while dragging the mouse to stick to certain angles. To finish drawing, press Enter or join your last node to the first one. You can learn more about this tool on your own.

Creating shapes

Usually, you will want to make shapes instead of drawing everything by hand, if that's the case, you can use the E R and * to make Ellipses, rectangles and polygons. These have many options, like corner radius, changing the height or width, but beyond that, they can be a bit limited if you want to modify other aspects. You select it, and click Path > Object to Path. This will make it a normal stroke, and you will be able to work more freely on it.

Selecting and resizing objects

Occasionally, you will have many objects and strokes on top of each other, you can use Alt, Shift, and Control to modify the behavior of the selection tool, which is accessed by first pressing the S key.

Modifying existing objects

If you want to change the position of a node, you can use the N key to be able to edit the path of any object. Remember that if you aim to edit a shape, you have to convert it to an object. If you click once, you can also move the object, but by clicking twice you will be able to rotate the object. Again, using any of the modifier keys can change the behavior of this tool. Feel free to experiment.

Align and distribute paths and nodes

You can access this menu by pressing Control + Shift + A, and here you will see many options to align your objects in relation to the selected area, the full-page and other reference points.

Stroke styling

To make your strokes white, just select it, and go to the bottom color bar, hold the Shift key and click the white square. You can click on the X to make the color transparent in case you added a fill color accidentally. You should also make sure the stroke width stays at 1px. Use Control + Shift + F to view the Fill and Stroke menu and go to Stroke style and set the width to 1px. Keep in mind that if you resize and object, you might alter this value.

Exporting

To export your file, you just have to save by going to File > Save or just hitting Control + S.

Usually, Inkscape will add a lot of metadata that will get cleaned up by the maintainers, but if you want to get rid of it yourself, you can use a tool like SVGOMG. Or you can also do File > Save as and select Optimized SVG. There are many options you can enable/disable, and you can figure them out on your own., there are many options you can enable/disable, you can figure them out on your own.

Uploading

Follow the guide on the page below.

GitHub guide