IconFont

Code demo

Basic Usage

import { IconFont } from 'tuya-panel-kit'
<IconFont name="arrow" />
<IconFont name="backAndroid" />
<IconFont name="backIos" />
<IconFont name="celsius" />

Icon Color

import { IconFont } from 'tuya-panel-kit'
<IconFont color="#F84803" name="arrow" />
<IconFont color="#F84803" name="backAndroid" />
<IconFont color="#F84803" name="backIos" />
<IconFont color="#F84803" name="celsius" />

Icon Size

import { IconFont, Utils } from 'tuya-panel-kit';
const { convertX: cx } = Utils.RatioUtils;
<IconFont color="#F84803" size={cx(14)} name="arrow" />
<IconFont color="#F84803" size={cx(24)} name="backAndroid" />
<IconFont color="#F84803" size={cx(34)} name="backIos" />
<IconFont color="#F84803" size={cx(44)} name="celsius" />

API

FAQ

  1. More Info?

react-native-svg/Path

tuya00:45