Icon

System icons symbolize common actions, files, devices
and directories.

Code


                                                        
                                                        
                                                            <PyxisIcon
                                                            icon-class="fa-regular fa-pen"
                                                        />

Example of a primary Icon component

Props

The Icon component supports the following props:

Name	Type	Default	Required
iconClass	string	undefined	true
color	'primary'\|'secondary'\|'warning'\|'danger'\|'success'\|'premium'\|'earth'\|'neptune'\|'jupiter'\|'cloudy'\|'system'\|'brand'	'brand'	true
size	'xs'\|'s'\|'m'\|'l'\|'xl'\|'2xl'	's'	false
dataTestid	string	undefined	false
isInactive	boolean	false	false
withBackground	boolean	false	false