canopy-brand-icon

Brand icons require predefined inputs such as name, size, colour, halfToneColour, and outlinesColour to maintain brand identity. Applying Canopy brand guidelines to Angular components ensures consistent rendering and accessible visuals across UI projects.

The component accepts specific colour inputs including colour, halfToneColour, and outlinesColour, alongside standard size inputs. These predefined tokens maintain crisp visuals and ensure brand guidelines are followed across applications.

Yes, you can apply Canopy brand icon guidelines to marketing components and dashboards to preserve brand identity. Using predefined sizing rules and colour variables ensures visual consistency across all application surfaces.

Sizing brand icons requires following predefined size tokens to maintain crisp visuals and avoid distortion. The guidelines enforce specific do's and don'ts to ensure the brand identity remains intact across different UI components.

Brand icons render inconsistently when predefined inputs for size and colour are not applied correctly. Using the lg-brand-icon component with standardized Canopy brand guidelines ensures accessible rendering and visual consistency across all projects.

Yes, you need to import the LgBrandIconComponent to use Canopy brand icons in Angular. Following the quick start guide and applying predefined size tokens and colour variables ensures proper integration and consistent visual output.