react-icons-taro

React Icons for Taro - 支持所有 react-icons 图标包，适配 Taro 小程序。

安装

npm install react-icons-taro

使用

import { FiActivity, FiAirplay } from "react-icons-taro/fi";
import { AiFillHeart } from "react-icons-taro/ai";

function App() {
  return (
    <>
      <FiActivity size={24} color="#000" />
      <AiFillHeart size={32} color="red" />
    </>
  );
}

支持的图标包

| 包名 | 说明 | 示例 | | ----- | ----------------- | --------------------------------------------------- | | fi | Feather Icons | import { FiHome } from 'react-icons-taro/fi' | | ai | Ant Design Icons | import { AiFillStar } from 'react-icons-taro/ai' | | bs | Bootstrap Icons | import { BsHeart } from 'react-icons-taro/bs' | | fa | Font Awesome 5 | import { FaUser } from 'react-icons-taro/fa' | | fa6 | Font Awesome 6 | import { FaHouse } from 'react-icons-taro/fa6' | | ci | Circum Icons | import { CiHome } from 'react-icons-taro/ci' | | bi | BoxIcons | import { BiHome } from 'react-icons-taro/bi' | | cg | css.gg | import { CgHome } from 'react-icons-taro/cg' | | di | Devicons | import { DiReact } from 'react-icons-taro/di' | | fc | Flat Color Icons | import { FcLike } from 'react-icons-taro/fc' | | gi | Game Icons | import { GiSword } from 'react-icons-taro/gi' | | gr | Grommet Icons | import { GrHome } from 'react-icons-taro/gr' | | hi | Heroicons | import { HiHome } from 'react-icons-taro/hi' | | hi2 | Heroicons 2 | import { HiMiniHome } from 'react-icons-taro/hi2' | | im | IcoMoon Free | import { ImHome } from 'react-icons-taro/im' | | lu | Lucide | import { LuHome } from 'react-icons-taro/lu' | | pi | Phosphor Icons | import { PiHouse } from 'react-icons-taro/pi' | | ri | Remix Icon | import { RiHome2Line } from 'react-icons-taro/ri' | | rx | Radix Icons | import { RxHome } from 'react-icons-taro/rx' | | si | Simple Icons | import { SiReact } from 'react-icons-taro/si' | | sl | Simple Line Icons | import { SlHome } from 'react-icons-taro/sl' | | tb | Tabler Icons | import { TbHome } from 'react-icons-taro/tb' | | ti | Typicons | import { TiHome } from 'react-icons-taro/ti' | | tfi | Themify Icons | import { TfiHome } from 'react-icons-taro/tfi' | | vsc | VS Code Icons | import { VscHome } from 'react-icons-taro/vsc' | | wi | Weather Icons | import { WiDaySunny } from 'react-icons-taro/wi' | | lia | Line Awesome | import { LiaHomeSolid } from 'react-icons-taro/lia' |

Props

interface IconProps {
  size?: number | string; // 图标大小，默认 24
  color?: string; // 图标颜色
  strokeWidth?: number | string; // 描边宽度
  absoluteStrokeWidth?: boolean; // 绝对描边宽度
  className?: string; // CSS 类名
  style?: CSSProperties; // 内联样式
}

开发

# 安装依赖
npm install

# 拉取图标源文件
npm run fetch

# 生成图标组件
npm run generate

# 构建
npm run build

License

MIT