Icon Library

A selection of Lucide icons curated for the AllenMcCarty.ca design system. Click any icon card to copy the name for your code.

How to use this library

Open index.html and find the data-lucide attribute.


                        <i data-lucide="wrench"></i>

In React files like offset.html, update the name prop.


                        <Icon name="globe" />

In standard tools, update the data-lucide attribute in the <i> tag.


                        <i data-lucide="type"></i>

Name copied to clipboard!