Files
lucide/docs/contribute/icons/affinity-designer-guide.md
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

1008 B

description
description
Learn how to use the Affinity Designer template for Lucide.

Affinity Designer template guide

This guide explains how to use the Affinity Designer template for Lucide.

Workflow

Affinity Designer uses points for strokes by default. Change strokes to pixels before drawing. Open Preferences > User Interface, then under Decimal Places for Unit Types, uncheck Show Lines in points.

  1. Download and open the Affinity Designer template.

  2. Follow the design language while designing your icon.

  3. Export the file as SVG with File > Export. Set rasterization to Nothing, check Export text as curves, check Use hex colors, and check Flatten transforms.

    SVG export options in Affinity Designer

  4. Optimize the exported SVG with Lucide Studio.