Icon

Gravity uses Feather icons to provide a full suite of beautiful vector icons for your web application. Fontawesome is also supported.

Preview

Code

// feather icon (default)
<Icon 
  color='dark' 
  image='search'
  size={ 32 }
/>

// fontawesome
<Icon
  color='dark;
  image='fa-solid fa-house'
  size='sm'
/>

Props

Prop	Description	Required	Value
className	custom styles	optional	SCSS or Tailwind syle
color	color of the icon	optional	dark, light, grey, orange, blue, green or hex value
image	icon image to use	required	string
pack	icon pack name	optional	fontawesome or feather (default)