الأيقونات

قائمة بالأيقونات المستخدمة في جميع أنحاء تطبيقنا.

أيقونات Tabler

نستخدم أيقونات Tabler لـ React في جميع أنحاء التطبيق.

yarn add @tabler/icons-react

يمكنك استيراد كل أيقونة كمكون. إليك مثال:

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

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

الإزاحة	النوع	الوصف	الإعداد الافتراضي
الحجم	رقم	ارتفاع وعرض الأيقونة بالبكسل	24
اللون	string	لون الأيقونات	اللون الحالي
الخط العريض	رقم	عرض الخط العريض للأيقونة بالبكسل	2

بالإضافة إلى أيقونات Tabler، يستخدم التطبيق أيضًا بعض الأيقونات المخصصة.

يعرض أيقونة دفتر العناوين.

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

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

خصائص	النوع	الوصف	الإعداد الافتراضي
الحجم	رقم	ارتفاع وعرض الأيقونة بالبكسل	24
الخط العريض	رقم	عرض الخط العريض للأيقونة بالبكسل	2