bcgov / bcgov/zeva2

ZEVA 2 - Standardize Iconography in Design System

Open
#233 1 comment 0 reactions 1 assignee Claimed by @tim738745 View on GitHub
Medium Task
Dominant language
TypeScript
Stars
1
Forks
6
Avg merge
14h 22m
Merged PRs (30d)
32

Description

**Describe the task**
Implement a unified icon system sourced from a single library (Font Awesome) and ensure all icons follow consistent visual style, sizing, and alignment rules across the product.
**Purpose**
To create a centralized, reusable, and visually consistent icon set that improves clarity, accessibility, and reduces inconsistencies in the interface.
**Acceptance Criteria**
- [ ] All icons must come from the Font Awesome library and be included in the shared[ Figma file](https://www.figma.com/design/7Qgou3rxcHHk5qbmD9538x/ZEVA-2?node-id=186-706&t=iOUKgvatVsbi1NIm-1) with direct links to the original source.
- [ ] Sizes:
16 px – Default size for most UI elements.
24 px – For larger touch areas, buttons or high-visibility components. (Size usage will be specified in individual dev tickets when applicable.)
- [ ] Visual Style: All icons must follow the same stroke, shape, and weight. Do not mix outline, filled, or stylistically different icons within the system.

**Additional context**
Alignment: Visual alignment expectations will be communicated clearly in tickets when needed.

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.