# MynaUI Icons

Beautifully crafted open source icons from Myna UI.

## Install

```sh
npm i @mynaui/icons
or
bun i @mynaui/icons
or
yarn add @mynaui/icons
```

For React Projects:

```sh
npm i @mynaui/icons-react
or
bun i @mynaui/icons-react
or
yarn add @mynaui/icons-react
```

or download the package from [here](https://github.com/praveenjuge/mynaui-icons/releases).

## Usage

For HTML Projects:

```html
<link rel="stylesheet" href="path/to/mynaui.css" />
```

For React Projects:

```jsx
import { ArrowDown } from '@mynaui/icons-react';

const App = () => {
  return <ArrowDown color="green" />;
};
```

For Avalonia Projects:

```xml
<!-- App.axaml -->

<Application.Resources>
  <ResourceDictionary>
    <ResourceDictionary.MergedDictionaries>
      <MergeResourceInclude Source="/Assets/mynaui.axaml" />
      <MergeResourceInclude Source="/Assets/mynaui-solid.axaml" />
    </ResourceDictionary.MergedDictionaries>
  </ResourceDictionary>
</Application.Resources>

```

```xml
<!-- Your Design -->

<PathIcon Data="{StaticResource ArrowDown}" Foreground="Green" />
<PathIcon Data="{StaticResource ArrowDownSolid}" Foreground="Green" />
```

### React Props

| name     | type   | default      |
| -------- | ------ | ------------ |
| `size`   | Number | 24           |
| `color`  | String | currentColor |
| `stroke` | Number | 1.5          |

## Raycast Extension

<a title="Install mynaui-icons Raycast Extension" href="https://www.raycast.com/praveenjuge/mynaui-icons"><img src="https://www.raycast.com/praveenjuge/mynaui-icons/install_button@2x.png?v=1.1" height="64" alt="" style="height: 64px;"></a>

## License

[MIT License](https://github.com/praveenjuge/mynaui-icons/blob/master/LICENSE).