Skip to main content

Icon

To display desired icon write it's name to icon prop.

<>
<Icon icon="envelope-alt" />
</>

Color#

Give color to icon by color prop.

<>
<Icon icon="envelope-alt" color="red" />
</>

Size#

Change icon size by size prop.

<>
<Icon icon="envelope-alt" size={30} />
</>

Active#

When there's active prop, it displays black icon.

<>
<Icon icon="envelope-alt" color="red" isActive />
</>

API#

import Icon from "erxes-ui/lib/components/Icon";

* required prop

NameTypeDefaultDescription
icon*stringDefine icon
sizenumberChanges icon size
styleanyGives custom style to icon
colorstringblackChanges icon color
isActivebooleanfalseMake the icon color black
onClickfunctionDefine click handler function
Last updated on by enkhzule