Icons

A list of icons used throughout our app.

Tabler Icons

We use Tabler icons for React throughout the app.

yarn add @tabler/icons-react

You can import each icon as a component. Here’s an example:

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

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

Props	Type	Description	Default
size	number	The height and width of the icon in pixels	24
color	string	The color of the icons	currentColor
stroke	number	The stroke width of the icon in pixels	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} />;
};