# @antv/graphin-icons

> graphin icon fonts

Latest version **1.0.0** (published 2021-01-20) · ISC license · 0 weekly downloads

## Install

```sh
npm install @antv/graphin-icons
pnpm add @antv/graphin-icons
yarn add @antv/graphin-icons
bun add @antv/graphin-icons
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2021-01-20 |
| First published | 2021-01-20 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 75 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | bbsqq, elaine.q.10, sakuya223, leungwensen, dori, simaq, dxq613, lzxue, army8735, atool, baizn, dengfuping, neoddish, jeffy2012, zqlu, afc163, pomelo-nwu, kopiluwaky, ccnuzindex, panyuqi, bubkoo, zengyue, kasmine, wufenfen92, boyu.zlj, l1ud0ngq1, newbyvector, winniexing, chenluli, kn9117, xdddst, semious2020, esora, nadia_liu |

## Links

- npm: https://www.npmjs.com/package/@antv/graphin-icons
- npm.io page: https://npm.io/package/@antv/graphin-icons

## Recent versions

- 1.0.0 (latest) — 2021-01-20

## README

## @antv/graphin-icons

[中文](./README-cn.ZH.md)

Graphin's font icons

## Usage

```tsx
import React from 'react';
import ReactDOM from 'react-dom';
import Graphin, { Utils } from '@antv/graphin';
import { Toolbar } from '@antv/graphin-components';

// Do not forget to import CSS
import '@antv/graphin/dist/index.css';
import '@antv/graphin-components/dist/index.css';

// font icon
import fontLoader from '@antv/graphin-icons';
import '@antv/graphin-icons/dist/index.css';

/** 加载 font icons **/
Graphin.registerIcon('graphin', fontLoader);
const data = Utils.mock(10).graphin();

data.nodes.forEach((node) => {
  node.style.icon = {
    fontFamilay: 'graphin',
    value: 'eye',
  };
});

const App = () => {
  return (
    <div className="App">
      <Graphin data={data}>
        <Toolbar />
      </Graphin>
    </div>
  );
};

const rootElement = document.getElementById('root');
ReactDOM.render(<App />, rootElement);
```

---
_Source: https://npm.io/package/@antv/graphin-icons · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._