SVG icon sprite library for the Eddie Design System.

Eddie Icons provides a curated SVG icon sprite for use with the ed-icon component.

Installation

npm install @brad-frost-web/eddie-icons

Usage

Use the ed-icon component with the name property:

<ed-icon name="arrow-right"></ed-icon> <ed-icon name="home" size="lg"></ed-icon> <ed-icon name="settings" size="sm"></ed-icon>

With Buttons

Buttons support built-in icon integration:

<ed-button text="Next" iconName="arrow-right" iconPosition="after"></ed-button> <ed-button text="Back" iconName="arrow-left" iconPosition="before"></ed-button>

Sizes

Icons support the standard Eddie t-shirt sizing:

Size Prop
Extra Small size="xs"
Small size="sm"
Medium (default) size="md"
Large size="lg"
Extra Large size="xl"

Building Icons

To regenerate the icon sprite from source SVGs:

npm run eddie-icons:build:icons

Browse

See the full icon catalog in Storybook under Atoms > Icons > Icon.