Foundations

Icon

Lucide outline icon by name, sized and stroked to the Visualli grid.

• Provide name (any key of ICONS), optional size (16/18/20/24), and label when the icon stands alone with meaning; otherwise it is hidden from assistive tech.
• Inherits currentColor — set color on the parent, never on the icon.
• Don't mix in filled or emoji icons.

Props

export interface IconProps {
  name: IconName;
  size?: number;
  strokeWidth?: number;
  label?: string;
  className?: string;
  style?: CSSProperties
}

Use

import { Icon } from '@visualli/design-system/components';

Source: components/src/ · Guidelines: components/catalog/Icon/README.md