Icon

Icon renders an svg element with a single path -- useful for simple icons from icon libraries.

Import

import { Icon } from "@fcannizzaro/streamdeck-react";

interface IconProps {
  className?: string;
  path: string;
  size?: number;
  color?: string;
  viewBox?: string;
  style?: CSSProperties;
}

<Icon path="M12 2L2 22h20L12 2z" size={32} color="white" viewBox="0 0 24 24" />

Most icon libraries provide SVG path data. For example, with Material Design Icons:

const mdiPlay = "M8,5.14V19.14L19,12.14L8,5.14Z";

<Icon path={mdiPlay} size={48} color="#4CAF50" />;