IconFont 图标

代码演示

基础用法

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

图标颜色

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" />

图标大小

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. 更多资料?

react-native-svg/Path

tuya02:55