w-xuefeng / antd-omi-icons

Ant Design Icons for Omi

Ant Design Icons for Omi

English | 简体中文

All Icons

https://w-xuefeng.github.io/antd-omi-icons/

Install with yarn （or npm）

yarn add antd-omi-icons --save

or

npm install antd-omi-icons --save

Basic Usage

First, you should add the icons that you need into the library.

import { WeElement, h, tag } from 'omi'
import 'antd-omi-icons/lib/es/icons/AccountBookFilled'

After that, you can use antd icons in your Omi components as simply as this:

<o-account-book-filled />

Meanwhile, you can also import it by specific name like this

import { AccountBookFilled } from 'antd-omi-icons/lib/es/icons'

or

import AccountBookFilled from 'antd-omi-icons/lib/es/icons/AccountBookFilled'

then use it as this:

<AccountBookFilled />

If your project moudle type is commonjs, replace es with cjs in the path when you using require.

If you want to import the full amount of icons, you can do as follows

• esm project:

  import 'antd-omi-icons/lib/es'

• cjs project:

  require('antd-omi-icons/lib/cjs')

• CNDs

  • jsDelivr https://cdn.jsdelivr.net/npm/antd-omi-icons/

  • unpkg https://unpkg.com/antd-omi-icons/

  • bundle.run https://bundle.run/antd-omi-icons

    <script src="https://cdn.jsdelivr.net/npm/omi@6.25.3/dist/omi.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/antd-omi-icons@0.0.25/lib/umd/antd-omi-icons.min.js"></script>