Skip to content

Lucide

Lucide provides an open icon library for common actions and status markers in an interface.

Visit Lucide

What should a Lucide icon do on a button?

Put a download icon beside “Download invoice” when it helps people spot the action. Use the button text as its accessible name and keep the redundant icon out of the screen reader announcement.

If the control uses only an icon, give the button itself a name that describes the action. Check whether a visible label fits first, especially for a task the viewer rarely performs.

Which license notices should you keep?

Lucide uses ISC and lists Feather-derived icons under MIT. Keep the relevant copyright and permission notices when you copy or distribute the icons. Check the list for the icons you use.

Keep the license with the assets or your distribution notices. You can choose a consistent size and stroke for your interface without making different actions look identical.

How can you check an icon choice without building the screen?

Draw a fictional invoice row with a labeled download button. Use no account or real invoice.

  1. Cover the icon
    Check that the visible label still tells you what the button does.
  2. Write what a screen reader should announce
    Use “Download invoice” once. Check the sketch for any separate status that needs its own text.