haonancx / chart-type-icon

An icon library that covers the vast majority of chart types

chart-type-icon

Library

iconfont:chart-type-icon

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

IE / Edge	Firefox	Chrome	Safari	Opera	Electron
IE9, IE10, IE11, Edge	last 2 versions	last 2 versions	last 2 versions	last 2 versions	last 2 versions

Links

• Home page
• Author's personal website

Development

symbol reference The steps are as follows:

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

<script src="./iconfont.js"></script>

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

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

<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:[email protected]