mirror of https://github.com/lucide-icons/lucide.git synced 2026-11-13 13:48:26 +00:00

Files

T

713b1fcd25 feat(docs): added better contribution guide (#4746 )

* Add metadata information

* improve contribution

* feat(docs): added new contribution guide

* feat(docs): minor linting fix

* feat(docs): update dead link

* feat(docs): change layout, some stylistic change, et cetera

* feat(docs): alter metadata example layout

* feat(docs): update titles, split use case & tag guide

* feat(docs): finetune some design guide images & make

* feat(docs): finetune some design guide images & add icons to use case guide

* feat(docs): added ux writing instructions & proofread markdowns to match these guidelines

* feat(docs): updated design language / specification descriptions to better distinguish what is what

* feat(docs): updated design language / specification descriptions to better distinguish what is what

* feat(docs): changed some languages again

* fix(icons): add design principle do/dont about diagonal lines

* fix(icons): decrease blurriness of ideal pixel perfection pixel preview

* fix(icons): remove color from pixel perfection previews

* fix(icons): remove color from pixel perfection previews

* fix(icons): reword symmerical icon rule

* fix(icons): fix calendar design in density rule image

* fix(icons): slightly adjust centered stroke rule text

* Rename 'useCases' property to 'use-cases'

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

* Update allowed SVG elements in code conventions

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

---------

Co-authored-by: Eric Fennis <eric.fennis@gmail.com>
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

2026-09-04 12:24:52 +02:00

1.7 KiB

Raw Permalink 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:

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

Set up paths

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

Save a file

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

Optimize your icon

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

1.7 KiB Raw Permalink Blame History Unescape Escape