Creating icons
Style principles
The size of your document should always be 48×48 px.
Every line has a stroke thickness of 1 px and the color should always be #ffffff (white).
Dots are 1,5×1,5 px and have a fill (and no stroke) that should also be white.
The maximum size of your icon should fit into the template circle icon (43×43 px).
Square-like icons should fit into the square template (37×37 px).
Rectangular icons should fit into the rectangle templates (31×39 px).
We have created our own font for Arcticons icons, all letters, numbers and other glyphs have to use it for consistency. There are exceptions, but try to use those as a basis.
You can find the font as an SVG file inside the template folder.
All lines should have rounded caps & rounded corners.
Try to keep icons as simple as possible, unnecessary lines make icons harder to read.
Exporting & making them work
Export your icons as SVG files.
We don't accept icons that are rastered, are too cluttered or don't follow the basic principles.
Start creating
Uploading to GitHub.
Other things you might need to keep in mind
Some features
Before contributing SVG icons, open them inside a text editor and check for the following features. If your icon contains any of these SVG features, please replace them before submitting a pull request!
How to Replace
fill-rule:evenodd: these can just be deleted
scientific e-notation: replace them with the normal notation
Last updated
