İkonlar

A list of icons used throughout our app.

Tabler Icons

We use Tabler icons for React throughout the app.

yarn add @tabler/icons-react

Her bir ikonu bir bileşen olarak içe aktarabilirsiniz. İşte bir örnek:

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

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

Özellikler	Tür	Açıklama	Varsayılan
boyut	sayı	İkonun piksel cinsinden boyu ve genişliği	24
renk	metin	İkonların rengi	currentColor
kontur	sayı	İkonun piksel cinsinden kontur kalınlığı	2

In addition to Tabler icons, the app also uses some custom icons.

Displays an address book icon.

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

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