Files
lucide/docs/contribute/icons/inkscape-guide.md

1.7 KiB
Raw Blame History

description
description
Learn how to create Lucide icons in Inkscape.

Inkscape setup guide

This guide shows how to set up Inkscape for Lucide icons.

Set up the canvas

Inkscape creates new documents with a default canvas size. Change it to 24 × 24 pixels:

  1. Open the Document Properties dialog with File > Document Properties.
  2. On the Page Size tab, under Custom Size, set units to px and set width and height to 24. Setting page size
  3. On the Grid tab, select Rectangular Grid and click New Grid. Setting grid properties
  4. Set grid units to px, then set Spacing X and Spacing Y to 1. Setting grid properties
  5. Close the Document Properties dialog.
  6. To center the canvas in the viewport, select View > Zoom > Drawing.

Set up paths

  1. Create a path or shape.
  2. With the path selected, press Ctrl+Shift+F to open the Stroke and Fill panel. Stroke style properties
  3. On the Stroke Style tab:
    • Set stroke width to 2px.
    • Select the rounded join type.
    • Select the rounded cap type.
  4. For rectangles, select the rectangle and set Rx and Ry to 2px in the toolbar. Rectangle radius properties

Save a file

  1. When you are ready, click Save As and choose Optimized SVG as the file type. Save as

Optimize your icon

As a final step, optimize your SVG with Lucide Studio.