Icons

Fusion provides an Icon component that can be used to display icons. It includes a number of built-in icons, and you can also create your own custom icons.

Using Built-In Icons

To use built-in icons, import the Icon from Fusion and render one of its built-in icon components.

import { Icon } from "@codedazur/fusion-ui";
 
<Icon.ChevronRight />;

You can set the size of the icon using the size prop.

<Icon.Favorite size="small" />

Some components, like IconButton, accept an icon prop of type Icon. You can directly pass an icon component to these props.

import { Icon, IconButton } from "@codedazur/fusion-ui";
 
<IconButton icon={Icon.Menu} />;

Custom Icons

You can also use the Icon component to render your own SVGs and to create your own custom icons. For more information, see the Customizing Icons guide.