Skip to content

Affinity Designer Template Guide

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

General Workflow

Attention: By default, Affinity Designer sets the unit for stroke to points. Make sure that it is set to pixel. To do this, open Preferences > User Interface. Under Decimal Places for Unit Types, uncheck Show Lines in points.

  1. Download and open the Affinity Designer template.

  2. Follow the Icon Design Principles while you use the template (to ensure integrity with the Lucide icon pack).

  3. Export the file as SVG (File > Export). Make sure that Rastering is set to Nothing, Export text as curves is checked (hopefully, you won't need this), Use hex colors is checked, and Flatten transforms is checked.

    SVG export options in Affinity Designer

  4. Optimize the exported SVG file further with SVGOMG or svgo (using svgo --multipass exported_icon.svg).