KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #ai-agents #developer-tools #codex #claude-code #mcp #rust #deepseek-harness #typescript #ai-agent #cli

chart-type-icon

★ 52 Open GitHub ↗

An icon library that covers the vast majority of chart types

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# chart-type-icon

![chart-type-icon](https://i.imgur.com/bkyarFc.png)

## Library

[iconfont:chart-type-icon](http://www.iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=11859)

## Features

- An enterprise-class UI design system for desktop applications.
- A set of high-quality React components out of the box.
- Written in TypeScript with predictable static types.
- The whole package of development and design resources and tools.

## Environment Support

* Modern browsers and Internet Explorer 9+
* Server-side Rendering
* [Electron](http://electron.atom.io/)

| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Electron |
| --------- | --------- | --------- | --------- | --------- | --------- |
| IE9, IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions| last 2 versions| last 2 versions

## Links

- [Home page](http://www.iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=11859)
- [Author's personal website](http://fsux.me/about.html)

## Development

symbol reference
The steps are as follows:

### Step 1: Introduce the symbol code generated below the project:

<pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;</span></code></pre>

### Step 2: Add the generic css code (introduced once):

Open the demo_symbol.html page in the folder by your browsers

```css
<style type="text/css">
.icon {
   width: 1em; height: 1em;
   vertical-align: -0.15em;
   fill: currentColor;
   overflow: hidden;
}
</style>
```

### Step 3: Pick the corresponding icon and get the class name, apply to the page:

```
<svg class="icon" aria-hidden="true">
  <use xlink:href="#icon-xxx"></use>
</svg>
```

## Contributing

We welcome all suggestion,You can submit any ideas and have a good time! :)

## Contact me

- [Email:fsux@outlook.com](mailto:fsux@outlook.com)

chart-type-icon

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README