All Projects → Haonancx → chart-type-icon

Haonancx / chart-type-icon

Licence: MIT License
An icon library that covers the vast majority of chart types

Programming Languages

HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to chart-type-icon

Iconhandler
Tint you Icons, change the size, apply alpha color and set a position easily. 👓
Stars: ✭ 59 (+78.79%)
Mutual labels:  icons, icon-font
Devopicons
Heavily-optimised version of the Devicons icon-font.
Stars: ✭ 104 (+215.15%)
Mutual labels:  icons, icon-font
Phosphor Icons
A flexible icon family for the web
Stars: ✭ 56 (+69.7%)
Mutual labels:  icons, icon-font
Fork Awesome
A fork of the iconic font and CSS toolkit
Stars: ✭ 878 (+2560.61%)
Mutual labels:  icons, icon-font
Svgtofont
Read a set of SVG icons and ouput a TTF/EOT/WOFF/WOFF2/SVG font.
Stars: ✭ 149 (+351.52%)
Mutual labels:  icons, icon-font
Eva Icons
A pack of more than 480 beautifully crafted Open Source icons. SVG, Sketch, Web Font and Animations support.
Stars: ✭ 8,114 (+24487.88%)
Mutual labels:  icons, icon-font
Icons
The premium icon font for @uiwjs Component Library. https://uiwjs.github.io/icons
Stars: ✭ 99 (+200%)
Mutual labels:  icons, icon-font
Academicons
An icon font for academics
Stars: ✭ 541 (+1539.39%)
Mutual labels:  icons, icon-font
Coreui Icons
CoreUI Free Icons - Premium designed free icon set with marks in SVG, Webfont and raster formats
Stars: ✭ 1,813 (+5393.94%)
Mutual labels:  icons, icon-font
Vectoriconsroundup
A comparison between popular vectorial icon fonts
Stars: ✭ 126 (+281.82%)
Mutual labels:  icons, icon-font
Openwebicons
A font!
Stars: ✭ 835 (+2430.3%)
Mutual labels:  icons, icon-font
Rplibs
Refs.cn 原型设计元件库,基于Axure RP 10/9/8,支持 Android、Apple、Windows、微信,移动、桌面平台的应用和网站原型设计。五年历程 2.6k+ star,感谢大家使用。
Stars: ✭ 2,622 (+7845.45%)
Mutual labels:  icons, icon-font
Awesome Icons
A curated list of awesome Web Font Icons
Stars: ✭ 758 (+2196.97%)
Mutual labels:  icons, icon-font
Boxicons
High Quality web friendly icons
Stars: ✭ 1,104 (+3245.45%)
Mutual labels:  icons, icon-font
Phosphor Home
The homepage of Phosphor Icons, a flexible icon family for everyone
Stars: ✭ 704 (+2033.33%)
Mutual labels:  icons, icon-font
Phosphor React
A flexible icon family for React
Stars: ✭ 97 (+193.94%)
Mutual labels:  icons, icon-font
Bootstrap Iconpicker
A simple icon picker
Stars: ✭ 344 (+942.42%)
Mutual labels:  icons, icon-font
Iconfontcppheaders
C, C++ headers and C# classes for icon fonts: Font Awesome, Fork Awesome, Material Design, Kenney game icons and Fontaudio
Stars: ✭ 509 (+1442.42%)
Mutual labels:  icons, icon-font
Awesome Stock Resources
🌇 A collection of links for free stock photography, video and Illustration websites
Stars: ✭ 10,162 (+30693.94%)
Mutual labels:  icons, icon-font
Awesome Iconjar
44 Collect free icon sets for iconjar. 收集免费的图标包,iconjar 格式(44套)。
Stars: ✭ 188 (+469.7%)
Mutual labels:  icons, icon-font

chart-type-icon

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
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Opera
Opera
Electron
Electron
IE9, IE10, IE11, Edge last 2 versions last 2 versions last 2 versions last 2 versions last 2 versions

Links

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:></use>
</svg>

Contributing

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

Contact me

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].