Icon Control

This ReactJS-based, customizable icon, based on Fontawesome icons.

See them in action: Tabs control


Fully customizable icons, specify: - icon image - color - custom class.

How to use

import Icon from '@src/components/icon/Icon';

<Icon icon={['fab', 'facebook']} color="blue" />

Component props

  • icon(string or array of strings) - icon name (accordingly to Fontawesome naming)
  • color(string) - color name, for example "green" or "#FFF"
  • className(string or array of strings) - custom icon class name