Vrx Arco Icons

文档

可以使 arco design 的图标，作为纯 svg 组件/iconify 独立使用

示例

vue

<script setup lang="ts">
  import { IconAlignCenter } from '@vrx-arco/icons-vue'
</script>
<template>
  <IconAlignCenter style="font-size:30px;color:#ff6736;" />
</template>

react

  import { IconAlignCenter } from '@vrx-arco/icons-react'
  
  export const App = ()=> {
    return <IconAlignCenter style="font-size:30px;color:#ff6736;" />
  }

iconify

<script setup lang="ts">
  import { Icon, addCollection, listIcons } from '@iconify/vue'
  import { icons } from '@vrx-arco/iconify-json'

  addCollection(icons)
</script>
<template>
  <Icon icon="arco-design:align-center" color="#ff6736" style="font-size:30px;" />
</template>

安装

vue

# ✨ Auto-detect
npx nypm install @vrx-arco/icons-vue

# npm
npm install @vrx-arco/icons-vue

# yarn
yarn add @vrx-arco/icons-vue

# pnpm
pnpm install @vrx-arco/icons-vue

# bun
bun install @vrx-arco/icons-vue

react

# ✨ Auto-detect
npx nypm install @vrx-arco/icons-react

# npm
npm install @vrx-arco/icons-react

# yarn
yarn add @vrx-arco/icons-react

# pnpm
pnpm install @vrx-arco/icons-react

# bun
bun install @vrx-arco/icons-react

iconify

# ✨ Auto-detect
npx nypm install -D @vrx-arco/iconify-json

# npm
npm install -D @vrx-arco/iconify-json

# yarn
yarn add -D @vrx-arco/iconify-json

# pnpm
pnpm install -D @vrx-arco/iconify-json

# bun
bun install -D @vrx-arco/iconify-json

贡献者

Published under the MIT license. Made by @Colourlessglow and community 💛

---

🤖 auto updated with automd