Skip to content

MfIcon

FontAwesome icon wrapper that uses the current theme's text color.

Usage

tsx
import { MfIcon } from '@zyno-io/mobile-foundation-rn';
import { faHeart, faStar } from '@fortawesome/free-solid-svg-icons';

<MfIcon icon={faHeart} />
<MfIcon icon={faStar} size={24} color="#FFD700" />

Props

PropTypeDefaultDescription
iconIconPropFontAwesome icon definition
sizenumber16Icon size in points
colorstringTheme text colorOverride color
styleFontAwesomeIconStyleAdditional styles

MfIconProps Type

ts
import type { MfIconProps } from '@zyno-io/mobile-foundation-rn';

Exported for use in custom component props.