mirror of
https://github.com/lucide-icons/lucide.git
synced 2025-12-29 04:17:53 +01:00
d6f65516ad
* Add docs Menu Tree data * Start with sectiontitles * Create link list * Add Docs menu to mobile * Add some more pages and text * Optimize text * add license to the menu * update packages * Fix build * Update title * Remove ModifiedTooltip * Fix assets * add yarn to copy-assets command * update lockfile
42 lines
1.9 KiB
Markdown
42 lines
1.9 KiB
Markdown
---
|
|
title: Icon Design Guide
|
|
---
|
|
|
|
# Inkscape Setup Guide
|
|
|
|
This guide shows the steps to setup Inkscape for creating icons that conform to the Featherity design
|
|
guidelines.
|
|
|
|
## Setting up The Canvas
|
|
|
|
When opening a new document, Inkscape will create a canvas of a default size. To change the size to 24x24:
|
|
|
|
1. Open the Document Properties dialog (File -> Document Properties).
|
|
2. On the “Page Size” tab, under “Custom Size” set the Units to `px` and set both Height and Width to 24.
|
|
|
|
3. On the “Grid” tab, select `Rectangular Grid` and click “New Grid”.
|
|
|
|
4. Set the Grid Units to `px` and set Spacing X and Spacing Y both to 1.
|
|
|
|
5. Close the Document Properties dialog.
|
|
6. To center the canvas in the viewport, select View -> Zoom -> Drawing.
|
|
|
|
## Setting up The Paths
|
|
|
|
1. Create a path or shape.
|
|
2. With the path selected, open the Stroke and Fill panel by pressing `Ctrl+Shift+F` on your keyboard.
|
|
|
|
3. On the “Stroke Style” tab:
|
|
* Set Stroke Width to `2px`.
|
|
* Select the rounded join type.
|
|
* Select the rounded cap type.
|
|
4. If the shape is a rectangle, select the rectangle and in the top of the screen below the menu bar, set `Rx` and `Ry` to `2px`.
|
|
|
|
|
|
## Saving A File
|
|
|
|
1. When ready to save the file, click Save As and select “Optimized SVG” as the file type.
|
|
|
|
2. After clicking Save, to conform with the other icons in the package, set Pretty Printing to use spaces and set the indentation depth to 2.
|
|
|