Skip to content

Spreadsheet icons - a minimalistic icon set for data views (data grids, spreadsheets and tables)

License

Notifications You must be signed in to change notification settings

handsontable/spreadsheet-icons

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Spreadsheet Icons

Spreadsheet Icons are designed to accompany data grids, spreadsheets and other dynamic data views. All icons are clean, consistent and lightweight. You can use them to create toolbars, menu bars and context menus. They look great at any scale and screen resolution.

  • 160+ SVG icons
  • Recommended size is 24px or scaled accordingly - 18, 24 or 36px
  • Recommended color on light background is black at 75% opacity - rgba(0, 0, 0, 0.75). For disabled icon style reduce the opacity to 35%
  • Recommended color on dark background is white at 80% opacity - rgba(255, 255, 255, 0.8). For disabled icon style reduce the opacity to 30%

Getting started

Install the icons from npm

npm install @handsontable/spreadsheet-icons

Use SVG as an <img> element

<img src="/path/exclamation-mark.svg" alt="Exclamation mark">

Use SVG inline with HTML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
    <path d="M13.42,9.7l-.65,5.18H11.23L10.58,9.7V5.25h2.84Zm0,9.05H10.58V15.92h2.84Z"/>
</svg>

Documentation

The documentation is available on Handsontable docs.

Licensing

This project is a part of Handsontable software. You can either use a free license for all your non-commercial projects or purchase a commercial license.

Copyright (c) Handsoncode sp. z o.o.