Icon

import { Icon } from "@adaptui/react-tailwind";

export const App = (props) => {
  return <Icon className="text-gray-800" />;
};

import { createIcon } from "@adaptui/react-tailwind";

export const App = props => {
  const CheckIcon = createIcon({
    displayName: "CheckIcon",
    viewBox: "0 0 12 12",
    path: (
      <path
        fill="none"
        stroke="currentColor"
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeWidth="1.3"
        d="M2.25 6.214l2.41 2.679L9.75 3"
      />
    ),
  });

  return <CheckIcon className="text-gray-800" />;
};

export const App = props => {
  return (
    <div className="grid grid-cols-4 sm:grid-cols-8 gap-4 place-items-center text-2xl sm:text-4xl text-black-900">
      <SlotIcon />
      <CaretDownIcon />
      <CaretLeftIcon />
      <CaretRightIcon />
      <CheckIcon />
      <CircledCheckIcon />
      <ClockIcon />
      <CloseIcon />
      <DashIcon />
      <UserIcon />
      <ActiveStatusIcon />
      <SleepStatusIcon />
      <AwayStatusIcon />
      <TypingSmallStatusIcon className="inline-block w-12" />
      <TypingLargeStatusIcon className="inline-block w-12" />
      <EqualsIcon />
      <ErrorIcon />
      <SelectIcon />
      <TimelessIcon />
    </div>
  );
};