## Installation
The icon component library is independently provided via npm. To use the icon library components, you need to install [@wisdesign/lsicon](https://www.npmjs.com/package/@wisdesign/lsicon) separately.
### npm
```sh
$ npm install @wisdesign/lsicon --save
```
### yarn
```sh
$ yarn add @wisdesign/lsicon
```
### pnpm
```sh
$ pnpm install @wisdesign/lsicon --save
```
## Basic Usage
```js
import { LeftIcon } from '@wisdesign/lsicon'
function () {
return
}
```
## Style
```js
//Javascript
import { UrgencyIcon } from "@wisdesign/lsicon";
import { UrgencyFilledIcon } from "@wisdesign/lsicon";
function () {
return (
<>
)
}
```
```css
/* CSS */
.one {
font-size: 24px;
color: var(--wd-font-color-brand);
padding-right: 16px;
}
.two {
font-size: 32px;
color: black;
padding-right: 16px;
}
.three {
font-size: 40px;
color: var(--wd-font-color-helper);
padding-right: 16px;
}
```
## Contribution
If you want to fix an icon error or add a new icon:
1. Please first check the Issue list to confirm whether someone has already raised the same or similar issue.
2. If not, you can create a new Issue, detailing the problem you encountered or your suggestions.
**Icon errors** could include issues with the outline/filled types, icon sizes not aligning with the 16px grid standard, ambiguous naming, etc.
**For adding new icons**, please ensure that the new icons have a universal appeal. At the moment, we do not accept requests for personalized icons.
## License
This library is MIT licensed.
