Icon

The Icon component is used to display an icon. It utilizes the Material Symbols font to render the icon.

terminal
code

Usage

import { BakaIcon } from "baka-ui";

function MyComponent() {
  return <BakaIcon>settings</BakaIcon>;
}

Variants

The Icon component supports the following variants:

  • primary and error — for primary and error icons, respectively.
  • small, medium, and large — for sizing the icon.
  • filled — for filled icons.
<BakaIcon variant={["primary", "large", "filled"]}>settings</BakaIcon>