# jc-icons

This is an icon library for Vue framework, in which all font icons are drawn by the library author himself.

Author: Jack Lee
Email: [291148484@163.com](mailto:291148484@163.com)
http:// WWW.thispage.tech

# homepage

[http://thispage.tech:9680/jclee1995/jc-icons](http://thispage.tech:9680/jclee1995/jc-icons)

# Install

## npm

```shell
npm i jc-icons
```

## yarn

```shell
yarn add jc-icons
```

## pnpm 
```shell
pnpm install jc-icons
```



# Usage

## global register
```ts
// mian.ts
import { createApp } from 'vue';

import App from './App.vue'
import { JCICons } from 'jc-icons';

function bootstrap() {
    const app = createApp(App)
    app.use(JCICons);
    app.mount('#app');
}

bootstrap();
```

## use icons

You can specify the icon to use by giving the value of the name attribute, and the icon name does not need to use the prefix `jcicon-` .

```html
<jc-icon name="action-restore"></jc-icon>
<jc-icon name="action-undo"></jc-icon>
<jc-icon name="address-book"></jc-icon>
<jc-icon name="address-book-color"></jc-icon>
<jc-icon name="align-center"></jc-icon>
<jc-icon name="align-center-color"></jc-icon>
<jc-icon name="align-justify-color"></jc-icon>
<jc-icon name="align-left"></jc-icon>
<jc-icon name="align-left-color"></jc-icon>
<jc-icon name="align-right"></jc-icon>
<jc-icon name="align-right-color"></jc-icon>
```


