Panel Icons Library
The SCAYLE Panel Icons Library includes a vast number of icons that are used by the SCAYLE Panel to give Add-ons the same look and feel.
Additionally, this package explains how to create Vue3 Icon components (see README.md file)
All icons
3.xx Release
Upgrade guide from version 2.2.0 to 3.0.0
To upgrade your panel-icons library, change the version for @scayle/panel-icons to "^3.0.0"
The size of individual Icons has been standardized (see table below)
| Icon | Icon name | Icon | Icon name |
|---|---|---|---|
 | carrier |  | nested-list-view |
 | list-view |  | sust-cotton |
 | loyalty |  | tile-view |
New Icons in version 3.0.0
| Icon | Icon name | Icon | Icon name |
|---|---|---|---|
 | calculator |  | revert |
 | check-circle |
New Icons in version 3.1.0
| Icon | Icon name | Icon | Icon name |
|---|---|---|---|
 | payments |
New Icons in version 3.2.0
| Icon | Icon name | Icon | Icon name |
|---|---|---|---|
 | clock |  | git-commit |
 | device-tablet |  | loading |
 | git-branch |
New Icons in version 3.3.0
| Icon | Icon name | Icon | Icon name |
|---|---|---|---|
 | key-permissions |
2.x.x Release
Upgrade guide from version 1.4.2 to 2.0.0
To upgrade your panel-icons library, change the version for @scayle/panel-icons to "^2.0.0"
- Icon prefix
ic-has been removed for all icon names - 14 Icons have been renamed, see list below!
- 27 new Icons have been added, see list below
- The
editicon graphic has been updated slightly - All Icon files have been moved from
imgfolder toiconsfolder - Updated
generatePanelIconsmethod in yourvite.config.ts(seeREADME.mdfile)
Changed icon names in Version 2.0.0
| Icon | Old icon name | New icon name |
|---|---|---|
 | 2fa-restore | two-fa-restore |
 | key-2 | key-framed |
 | logistics-1 | logistics-boxes-crane |
 | logistics-2 | logistics-box-trolley |
 | arrow-down | chevron-down |
 | arrow-left | chevron-left |
 | arrow-up | chevron-up |
 | arrow-right | chevron-right |
 | arrow-down-double | chevron-double-down |
 | arrow-left-double | chevron-double-left |
 | arrow-up-double | chevron-double-up |
 | arrow-right-double | chevron-double-right |
 | arrow-up-down-table | chevron-up-down-table |
 | arrow-up-down | chevron-up-down |
New Icons in version 2.0.0
| Icon | Icon name | Icon | Icon name |
|---|---|---|---|
 | arrow-down |  | box-search |
 | arrow-left |  | box-success |
 | arrow-up |  | sparkle |
 | arrow-right |  | bookmark |
 | warning-circle |  | bookmark-off |
 | warning-circle-fill |  | bookmark-fill |
 | checkout-settings |  | placeholder |
 | ordered-list |  | magic-wand |
 | smiley-good |  | user-key |
 | smiley-average |  | discount |
 | smiley-bad |  | luxury |
 | outfit |  | sort-bottom-to-top |
 | store-location |  | sort-top-to-bottom |
 | office |
New Icons in version 2.1.0
| Icon | Icon name | Icon | Icon name |
|---|---|---|---|
 | arrow-circle-filled-down |  | mail-error |
 | arrow-circle-filled-left |  | package |
 | arrow-circle-filled-right |  | shirt-new |
 | arrow-circle-filled-up |  | sparkle-fill |
 | calendar-time |  | target |
 | certificate |  | user-add |
 | chart-bars |  | user-edit |
 | contact-badge |  | user-remove |
 | contract |
New Icon in version 2.2.0
| Icon | Icon name | Icon | Icon name |
|---|---|---|---|
 | shirt-download |
