Iconos

Una lista de iconos utilizados en toda nuestra aplicación.

Iconos Tabler

Usamos iconos Tabler para React en toda la aplicación.

yarn add @tabler/icons-react

Puede importar cada icono como un componente. Aquí hay un ejemplo:

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

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

Propiedades	Tipo	Descripción	Predeterminado
tamaño	número	La altura y el ancho del icono en píxeles	24
color	cadena	El color de los iconos	currentColor
trazo	número	El ancho del trazo del icono en píxeles	2

Además de los iconos Tabler, la aplicación también utiliza algunos iconos personalizados.

Muestra un icono de libreta de direcciones.

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

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