아이콘들

앱 전반에 걸쳐 사용되는 아이콘 목록입니다.

타블러 아이콘

앱 전반에 걸쳐 React에 타블러 아이콘을 사용합니다.

yarn add @tabler/icons-react

각 아이콘을 컴포넌트로 가져올 수 있습니다. 다음은 예시입니다:

import { IconArrowLeft } from "@tabler/icons-react";

export const MyComponent = () => {
  return <IconArrowLeft color="red" size={48} />;
};

타블러 아이콘 외에도 앱에는 일부 커스텀 아이콘이 사용됩니다.

주소록 아이콘을 표시합니다.

import { IconAddressBook } from 'twenty-ui/display';

export const MyComponent = () => {
  return <IconAddressBook size={24} stroke={2} />;
};